Build complication in SwiftUI の要約

D4f04ef104c8fbfc9caa3c80e41692fd?s=47 Ryo Tsuzukihashi
July 09, 2020
Programming
0
230

Build complication in SwiftUI の要約

Build complication in SwiftUIの要約
WWDC20セッション要約会

D4f04ef104c8fbfc9caa3c80e41692fd?s=128

Ryo Tsuzukihashi

July 09, 2020
Tweet

More Decks by Ryo Tsuzukihashi

See All by Ryo Tsuzukihashi
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
1
290
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
2
720
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
0
230

Other Decks in Programming

See All in Programming
1a18bf1e50d7d2bdfe52a6c9fceec244?s=48 saiya_moebius
7
1.4k
4d78b749c315e21a956053dcbf0508a9?s=48 po3rin
1
120
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
1
200
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
130
C9ab1175a6981a2f67ce8d08aa17c15a?s=48 mpilquist
0
120
Bbb17eeeecd3d9d06f4db310ab630a12?s=48 borkdude
2
440
0aa238a274c2397214b20d6eed58939b?s=48 moomooya
0
290
8f1fde48dea93c5c3dd6c68c8b8cee92?s=48 kazutaka333
0
250
A94b345fdc251ea9526e4709b5384b59?s=48 tsuyosh
0
200
1763273018a6f71ffe4162dd57b60a56?s=48 maryang
0
370
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
7
1.1k
D9e4d5a4b36f83fbde1076815df1362f?s=48 bmack
0
170

Featured

See All Featured
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
51
2.6k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
400
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
65
2.9k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
8
1.3k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
353
62k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
40
4.3k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
333
15k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k

Transcript

  1. !UTV[VLJ 3ZP5TV[VLJIBTIJ #VJMEDPNQMJDBUJPOJO4XJGU6* ͷཁ໿ 88%$ηογϣϯཁ໿ձ

  2. ͓඼ॻ͖ NJO w ࣗݾ঺հ w ⚠஫ҙࣄ߲⚠ w ίϯϓϦέʔγϣϯͱ͸ʁ w $PNQMJDBUJPOY4XJGU6*

    w $PNQMJDBUJPO5FNQMBUF w ϓϨϏϡʔ w Τϥʔ Ҿ༻IUUQTTVQQPSUBQQMFDPNKBKQHVJEFXBUDIBQEFCXBUDIPT

  3. ࣗݾ঺հ w :BIPP+"1"/ w 1BZ1BZϑϦϚJ04ΞϓϦ w 5XJUUFS !UTV[VLJ  w

    ݸਓΞϓϦ։ൃ͕झຯ ࠷ۙʮ4LZ$PEFʯͱ͍͏ΞϓϦ͕΍΍όζΓ w ޷͖ͳXBUDIGBDF͸ ΠϯϑΥάϥϑϞδϡϥʔ

  4. ⚠஫ҙࣄ߲⚠ w ։ൃ؀ڥ 9DPEFCFUB XBUDI04CFUB w γϛϡϨʔλͰಈ࡞֬ೝ ࣮ػͩͱίϯϓϦέʔγϣϯ͕ਖ਼͘͠දࣔ͞Εͳ͔ͬͨ w ͍ΖΜͳ͕͠ΒΈͰ࣮ࡍʹಈ͔͍ͯ͠ΔεΫγϣ͕ແ͍Ͱ͢

    ޱ಄ͷઆ໌ؤுΓ·͢ʂ

  5. ίϯϓϦέʔγϣϯͱ͸ʁ

  6. ίϯϓϦέʔγϣϯͱ͸ʁ w ΞϓϦʹؔ͢ΔλΠϜϦʔͰؔ࿈ੑͷߴ͍৘ใΛ΢ΥονϑΣΠεʹදࣔ Ҿ༻IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPODMPDLLJU

  7. $PNQMJDBUJPOY4XJGU6* w ίϯϓϦέʔγϣϯΛ4XJGU6*Ͱ࡞ΕΔΑ͏ʹͳͬͨ w ϓϨϏϡʔͷػೳ͕ڧ͍ w 4XJGU6*ͷԸܙΛड͚ΕΔ

  8. GraphicCorner ▪CLKComplicationTemplateGraphicCornerCircularView ▪CLKComplicationTemplateGraphicCornerGaugeView ▪CLKComplicationTemplateGraphicCornerTextView GraphicCircular ▪CLKComplicationTemplateGraphicCircularView ▪CLKComplicationTemplateGraphicCircularStackViewT ext ▪CLKComplicationTemplateGraphicCircularClosedGaug eView

    ▪CLKComplicationTemplateGraphicCircularOpenGauge View GraphicRectangular ▪CLKComplicationTemplateGraphicRectangularFullVie w ▪CLKComplicationTemplateGraphicRectangularLargeVi ew ▪CLKComplicationTemplateGraphicRectangularTextGa ugeView ▪CLKComplicationTemplateGraphicRectangularStandar dBodyView ExtraLargeCircular ▪CLKComplicationTemplateGraphicExtraLargeCircular View ▪CLKComplicationTemplateGraphicExtraLargeCircular StackViewText ▪CLKComplicationTemplateGraphicExtraLargeCircular ClosedGaugeView ▪CLKComplicationTemplateGraphicExtraLargeCircular OpenGaugeView $PNQMJDBUJPO5FNQMBUF ߹ܭݸ௥Ճ

  9. 1SFWJFX ద౰ͳ7JFXΛ࡞Δ import SwiftUI struct SampleGraphicRectangular: View { @State var

    gaugeValue: CGFloat = 3 var body: some View { VStack { Text("SwiftѪ޷ձ") Gauge(value: gaugeValue, in: 1...15) { Image(systemName: "drop.fill") .foregroundColor(.green) } currentValueLabel: { Text("\(gaugeValue, specifier: "%.1f")") } .gaugeStyle(LinearGaugeStyle( tint: Gradient(colors: [.orange, .yellow, .green, .blue, .purple]) )) } } }

  10. 1SFWJFX ઌ΄ͲͷViewΛwatchOSͷίϯϓϦέʔγϣϯͱͯ͠ϓϨϏϡʔ w $-,$PNQMJDBUJPOςϯϓϨʔτ͸4XJGU6*ͷ7JFXͦͷ΋ͷͰ͸ͳ͍ͷͰɺ୯ ମͰ͸ϓϨϏϡʔ͢Δ͜ͱ͕Ͱ͖ͳ͍ CLKComplicationTemplateͱpreviewContext Ͱղܾʂ

  11. 1SFWJFX w $MPDL,JUͱ4XJGU6*ΛJNQPSU w $PNQMJDBUJPO5FNQMBUF͸ɺͦΕͧΕͷXBUDIGBDFͰදࣔ FY$-,$PNQMJDBUJPO5FNQMBUF(SBQIJD$JSDVMBS7JFX ˠΠϯϑΥάϥϑϞδϡϥʔ

  12. struct SampleGraphicRectangular_Previews: PreviewProvider { static var previews: some View {

    Group { CLKComplicationTemplateGraphicCornerCircularView(SampleGraphicRectangular()) .previewContext() CLKComplicationTemplateGraphicCircularView(SampleGraphicRectangular()) .previewContext() CLKComplicationTemplateGraphicRectangularFullView(SampleGraphicRectangular()) .previewContext() CLKComplicationTemplateGraphicExtraLargeCircularView(SampleGraphicRectangular ()) .previewContext() } } }

  13. ֤1SFWJFXͷදࣔ 1SFWJFX

  14. 1SFWJFX GBDFDPMPS w XBUDIGBDFΛςʔϚΧϥʔΛม͑Δ͜ͱ͕Ͱ͖Δ w ϓϨϏϡʔͰ΋؆୯ʹ֬ೝͰ͖·͢ w QSFWJFX$POUFYU GBDF$PMPSHSFFO

  15. 1SFWJFX $PNQMJDBUJPO3FOEFSJOH.PEF w XBUDIGBDFͷGBDF$PMPSʹΑͬͯίϯϓϦέʔγϣϯͷݟͨ໨Λมߋ͍ͨ͠ ৔߹ʹ͸ҎԼͷΑ͏ʹDPNQMJDBUJPOͷ3FOEFSJOH.PEF͕؀ڥม਺͔ΒऔΕ ·͢ͷͰͦΕΛར༻͢Δ͜ͱͰରԠͰ͖·͢ʂ @Environment(\.complicationRenderingMode) var mode FOVN$PNQMJDBUJPO3FOEFSJOH.PEF

    DBTFGVMM$PMPS DBTFUJOUFE

  16. Τϥʔ ৽͘͠௥Ճ͞ΕͨศརͳΤϥʔ w $PNQMJDBUJPO$POUSPMMFSͷHFU$VSSFOU5JNFMJOF&OUSZʢʣ $PNQMJDBUJPOGBNJMZͱҟͳΔλΠϓͷ5FNQMBUF͕બ୒͞Ε͍ͯͨ৔߹ %BUBIBOEMFSDBMMFEXJUIJODPNQBUJCMFUFNQMBUFGPSDPNQMJDBUJPOGBNJMZ &YQFDUFEUFNQMBUFGPS$-,$PNQMJDBUJPO'BNJMZ(SBQIJD$JSDVMBS CVU SFDFJWFEPOFGPS$-,$PNQMJDBUJPO'BNJMZ(SBQIJD$PSOFS