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

1a1d418bdf51cbf8fce1317f6c80a907?s=47 satoshi0212
September 17, 2017

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

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

1a1d418bdf51cbf8fce1317f6c80a907?s=128

satoshi0212

September 17, 2017
Tweet

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ͷ޻෉͕ࢀߟʹͳΔ ɹγϟυ΢ͷมԽɺݩը໘ͷҠಈɺด͡Δɺ։͘εϨογϣϧυͷมԽ ༨ஊ