Slide 1
Slide 1 text
;4UBDLͱCBDLHSPVOEΛ
͍͚͍ͨ
ࣾษڧձ
ؠӬྋ
Slide 2
Slide 2 text
ࣗݾհ
w ؠӬྋ
w ΞϓϦ։ൃͷઐֶߍ
w ؒ4XJGU6*ॻ͍ͯ·ͨ͠
w "QQMF 7JTJPO 1SPങ͍·ͨ͠
w ࣸਅ7JTJPO͕ੜͨ͠إͰ͢
Slide 3
Slide 3 text
7JFXΛॏͶΔ࣌ɺԿΛ͍·͔͢ʁ
w ;4UBDL
w CBDLHSPVOE
w PWFSMBZ
w TBGF"SFB*OTFU
Slide 4
Slide 4 text
7JFXΛॏͶΔ࣌ɺԿΛ͍·͔͢ʁ
w ;4UBDL
w CBDLHSPVOE
w PWFSMBZ
w TBGF"SFB*OTFU
Slide 5
Slide 5 text
υΩϡϝϯτΛಡΉ
:PVDBOBEEBWJFXBTBCBDLHSPVOEXJUI
UIF CBDLHSPVOE @BMJHONFOU
WJFXNPEJ
fi
FS5PBEEBCBDLHSPVOE
VOEFSNVMUJQMFWJFXT
PSUPIBWFBCBDLHSPVOEMBSHFSUIBOBO
FYJTUJOHWJFX
ZPVDBOMBZFSUIFWJFXTCZQMBDJOHUIFNXJUIJO
B ;4UBDL
BOEQMBDFUIFWJFXZPVXBOUUPCFJOUIFCBDLHSPVOEBU
UIFCPUUPNPGUIFWJFXTUBDL:PVDBOTQFDJGZUIBUBCBDLHSPVOE
WJFXTIPVMEJHOPSFUIFTBGFBSFBJOTFUTUPFYUFOEUIFCBDLHSPVOEUP
TPNFPSBMMFEHFT
IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJBEEJOHBCBDLHSPVOEUPZPVSWJFX
Slide 6
Slide 6 text
υΩϡϝϯτΛಡΉ
7JFXͱҟͳΔେ͖͞ͷഎܠΛՃ͍ͨ͠߹
‣ ;4UBDL
7JFXͱಉ͡େ͖͞ͷഎܠΛՃ͍ͨ͠߹
‣ CBDLHSPVOE
Slide 7
Slide 7 text
7JFXͱҟͳΔେ͖͞ͷഎܠ
Text("Text")
.frame(maxWidth: .infinity,
maxHeight: .infinity)
.background(
Color.orange
)
Slide 8
Slide 8 text
7JFXͱҟͳΔେ͖͞ͷഎܠ
ZStack {
Color.orange
.ignoresSafeArea()
Text("Text")
}
Slide 9
Slide 9 text
7JFXͱಉ͡େ͖͞ͷഎܠ
ZStack {
Color.orange
Text("Text")
}
.fixedSize(horizontal: true,
vertical: true)
Slide 10
Slide 10 text
7JFXͱಉ͡େ͖͞ͷഎܠ
Text("Text")
.background {
Color.orange
}
Slide 11
Slide 11 text
CBDLHSPVOEͷछྨ
͜͜·ͰͷεϥΠυͰछྨͷCBDLHSPVOE͕ग़͖ͯ·ͨ͠
.background {
Color.orange
}
.background(
Color.orange
)
Slide 12
Slide 12 text
CBDLHSPVOE\^
@inlinable public func
background(alignment: Alignment
= .center, @ViewBuilder content: ()
-> V) -> some View where V : View
VStack {
Spacer()
Text("Text")
.padding()
.frame(maxWidth: .infinity)
.background {
Color.orange
}
}
Slide 13
Slide 13 text
CBDLHSPVOE
@inlinable public func
background(_ style: S,
ignoresSafeAreaEdges edges:
Edge.Set = .all) -> some View where
S : ShapeStyle
VStack {
Spacer()
Text("Text")
.padding()
.frame(maxWidth: .infinity)
.background(
Color.orange
)
}
Slide 14
Slide 14 text
CBDLHSPVOE
Text("Text")
.padding()
.background(Color.orange)
.clipShape(RoundedRectangle(co
rnerRadius: 16))
Slide 15
Slide 15 text
CBDLHSPVOE
Text("Text")
.padding()
.background(
Color.orange,
in:
RoundedRectangle(cornerRadius: 16)
)
Slide 16
Slide 16 text
·ͱΊ
;4UBDLͱCBDLHSPVOEΛ͍͚Δ͜ͱͰ
w ϨΠΞτ่Εͷࢭ
w Մಡੑͷ্
Slide 17
Slide 17 text
ࢀߟ
w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJBEEJOHB
CBDLHSPVOEUPZPVSWJFX
w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJ[TUBDL
w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJWJFX
CBDLHSPVOE @JHOPSFTTBGFBSFBFEHFT
w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOTXJGUVJWJFX
CBDLHSPVOE BMJHONFOUDPOUFOU
w IUUQT[FOOEFWTBNFLBSE@EFWBSUJDMFTDCDB