Upgrade to Pro — share decks privately, control downloads, hide ads and more …

インタラクティブ画面遷移の実践的解説

1a1d418bdf51cbf8fce1317f6c80a907?s=47 satoshi0212
September 17, 2017
Programming
6
4.4k

 インタラクティブ画面遷移の実践的解説

補足: 動画埋め込み部分、Xcodeでの説明を追記した版を別途更新予定です。

1a1d418bdf51cbf8fce1317f6c80a907?s=128

satoshi0212

September 17, 2017
Tweet

More Decks by satoshi0212

See All by satoshi0212
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
0
71
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
5
580
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
0
54
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
3
3.5k
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
1
2.3k
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
3
370
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
2
550
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
0
540
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
0
1.6k

Other Decks in Programming

See All in Programming
Ad8afdde67ccf5cccbde704dd9e35f84?s=48 jun0
3
630
C90bac78c0fb61105cfd8239767f903d?s=48 o0h
1
1.4k
E4acf8d83d816ef2ff215fb99401469f?s=48 pdone
0
210
35c158f57df6814ad809f7471f4123ed?s=48 loleg
0
190
Aec90cc511d3fbfd15afc8e5df81f892?s=48 momofff
0
160
15bd11f2c2c5e3dd854153d03a102b0d?s=48 standfm
0
210
827dbd19908541482bac51ace8b86426?s=48 anchorcable
1
120
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
970
1c2b62114ede7d8cb897bf19b999d233?s=48 muttsu_623
0
460
7e9e111546b163cc05d517eec128c04f?s=48 yamotuki
0
120
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
240
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
13
3.6k

Featured

See All Featured
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
9.9k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
18
770
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.5k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
437
28k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
550
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k

Transcript

  1. ΠϯλϥΫςΟϒը໘ભҠ ͷ࣮ફతղઆ ෰෦ ஐ גࣜձࣾAbemaTV 2017/9/16 iOSDC

  2. None

  3. Satoshi Hattori satoshi0212 AbemaTV Twitter: @shmdevelop ৽͍ٕ͠ज़ͱɺͦͷগ͠มΘͬͨ࢖͍ํ͕େ޷͖ TechCrunch Tokyo 2015

    Hackathon ༏ल৆ Mizuho.Hack ༏ल৆ Microsoft MPC Hackathon TMCN৆ Hack Cars Days 2015 χϑςΟ৆ MUSICIANS HACKATHON 2015 ༏ल৆

  4. ͜͜ͰલఏΛڞ༗

  5. ਺ϲ݄લͷແ஌ͳࢲ͸ɺ͜Μͳൃද಺༰͕৺͔Βཉ͔ͬͨ͠...ʂ iOS9 Ҏ߱Λର৅ ͭ·Γ iOS10͔Βͷػೳ͸࢖͍ͬͯ·ͤΜ ·ͨࠓճͷ࣮૷Ͱ͸֎෦ϥΠϒϥϦΛ࢖༻͍ͯ͠·ͤΜ

  6. ࠓ೔࿩͢಺༰ ΠϯλϥΫςΟϒը໘ભҠͱ͸ ࣮૷ղઆ ɹɹ1. Ϟʔμϧը໘ͷΠϯλϥΫςΟϒԽ ɹɹ2. ಉҰը໘಺ͰͷΠϯλϥΫςΟϒঢ়ଶભҠ

  7. ΠϯλϥΫςΟϒը໘ભҠͱ͸

  8. Ϣʔβૢ࡞ʹΑΔมԽྔʹԠͨ͡ τϥϯδγϣϯΞχϝʔγϣϯ

  9. ΧελϜτϥϯδγϣϯ + α

  10. SafariͷΤοδεϫΠϓ

  11. ʮભҠʹΠϯλϥΫςΟϒੑΛ௥Ճ͢Δʯ

  12. “ΞχϝʔγϣϯΛΠϯλϥΫςΟϒʹ͢Δʹ͸ɺ UIPercentDrivenInteractiveTransition ΦϒδΣΫτΛ࢖༻͢Δͷ͕ ࠷΋؆୯Ͱ͢ɻUIPercentDrivenInteractiveTransition ΦϒδΣΫτ ͸ɺطଘͷΞχϝʔλʔΦϒδΣΫτͱ࿈ܞͯ͠Ξχϝʔγϣϯͷλ ΠϛϯάΛ੍ޚ͠·͢ɻ” Apple "View Controller

    Programming Guide for iOS" ΑΓҾ༻ ʮભҠʹΠϯλϥΫςΟϒੑΛ௥Ճ͢Δʯ

  13. ࣸਅ

  14. AWA

  15. ࣮ફฤ: 1 Ϟʔμϧը໘ͷΠϯλϥΫςΟϒԽ

  16. ݩͷঢ়ଶ

  17. ݩͷঢ়ଶ presentͰը໘શମʹϞʔμϧදࣔ

  18. ໨తͱ͢Δঢ়ଶ

  19. ΠϯλϥΫςΟϒʹ͢Δ͜ͱ ը໘ͷ໿൒෼·Ͱͷදࣔʹ͢Δ͜ͱ

  20. ΠϯλϥΫςΟϒʹ͢Δ·Ͱ

  21. 1. dismissτϥϯδγϣϯΛ੍ޚ͢ΔUIViewControllerAnimatedTransitioning ͷ ࣮૷ΫϥεͱͦΕΛ࢖͏ͨΊͷϓϩτίϧ࡞੒ 2. Ϟʔμϧը໘ʹϓϩτίϧద༻ 3. දࣔݩը໘ͰUIViewControllerTransitioningDelegateΛ࣮૷ ΠϯλϥΫςΟϒʹ͢Δ·Ͱ

  22. શը໘Ͱ͸ͳ͘ը໘ͷҰ෦ΛදࣔྖҬʹ͢Δ·Ͱ

  23. 1. UIPresentationControllerΛ࣮૷͢ΔΫϥεΛ࡞੒ 2. දࣔݩը໘ͰUIViewControllerTransitioningDelegateͰݺͼग़͠௥Ճ શը໘Ͱ͸ͳ͘ը໘ͷҰ෦ΛදࣔྖҬʹ͢Δ·Ͱ

  24. Xcode΁

  25. ࣮ફฤ: 2 ಉҰը໘಺ͰͷΠϯλϥΫςΟϒঢ়ଶભҠ

  26. ݩͷঢ়ଶ ΠϯλϥΫςΟϒੑͳ͠

  27. ໨తͱ͢Δঢ়ଶ

  28. ͔ͳΓΠϯλϥΫςΟϒʂ

  29. ͋Ε...

  30. Present / Dismiss ΍ Push / Pop Ͱ ࣮ݱͰ͖Δؾ͕͠ͳ͍ͧ...

  31. ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠ

  32. ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠ CGAffineTransformར༻ॲཧͱalpha஋ௐ੔ UIScrollViewར༻ʹΑΔprogress஋ੜ੒Ͱ࣮ݱͨ͠

  33. Xcode΁

  34. ·ͱΊ

  35. ·ͱΊ - UIPercentDrivenInteractiveTransition ΦϒδΣΫτͱ஥ྑ͘ͳΖ͏ - ը໘಺ͷΠϯλϥΫςΟϒͳঢ়ଶભҠͰ͸ɺCGAffineTransformར༻Ͱͷ ॲཧͱalpha஋ௐ੔ΛɺUIScrollViewར༻ʹΑΔprogress஋ੜ੒Ͱ࣮ݱͨ͠

  36. ΞϓϦΛૉఢʹ͍ͯ͜͠͏ͥʂ

  37. Enjoy! iOSDC 2017

  38. - എܠϒϥʔɺυϩοϓγϟυ΢ɺ্୺ͷΈؙ֯ͷಉ࣮࣌ݱ͸·͡େมͩͬͨ - ॎɺԣɺiPadରԠͨ͠AutoLayout૊Έ͖ͬͨͥʂ - αΠόʔΤʔδΣϯτϒʔεʹؾܰʹ࿩ֻ͚͠ʹ͖͍ͯͩ͘͞ - Appleͷ޻෉͕ࢀߟʹͳΔ ɹγϟυ΢ͷมԽɺݩը໘ͷҠಈɺด͡Δɺ։͘εϨογϣϧυͷมԽ ༨ஊ