UIKitDynamicsの活用法

yidev 第22回勉強会
2016年3月5日

Transcript

1. UIKitDynamicsͷ׆༻๏ Shinji Kobayashi GentleSoft yidev ୈ̎̎ճษڧձ
2. NameɿShinji Kobayashi Twitterɿ@gentlejkov GentleSoft Who are you? http://gentlesoft.net
3. 2Dͷ෺ཧԋࢉΛ࢖ͬͨΞχϝʔγϣϯ͕ ؆୯ʹ࡞੒Ͱ͖ΔϥΠϒϥϦ UIKitDynamicsͱ͸ ௨ৗͷΞϓϦέʔγϣϯதʹ෺ཧԋࢉͷ ΞχϝʔγϣϯΛ؆୯ʹಋೖͰ͖Δ
4. 2Dͷ෺ཧԋࢉΛ࢖ͬͨΞχϝʔγϣϯ͕ ؆୯ʹ࡞੒Ͱ͖ΔϥΠϒϥϦ UIKitDynamicsͱ͸ ௨ৗͷΞϓϦέʔγϣϯதʹ෺ཧԋࢉͷ ΞχϝʔγϣϯΛ؆୯ʹಋೖͰ͖Δʁ
5. UIKitDynamicsͷಛ௃ •ඪ४Ͱ༻ҙ͞Ε͍ͯΔ಺༰ͳΒ௿ෛՙͰ෺ ཧԋࢉΛ࣮૷Ͱ͖Δ •࣮૷ࣗମ͸ׂͱ؆୯ •iOS8·Ͱ͸ඪ४ͷػೳ͕෺଍Γͳ͔ͬͨ ͕ɺiOS9Ͱͷػೳ௥ՃʹΑΓඞཁͳ෺ཧԋ ࢉ͕ग़ἧ͖ͬͯͨ
6. UIKitDynamicsͷ໰୊఺ •෺ཧԋࢉʹԊΘͳ͍ಈ͖͸Ͱ͖ͳ͍ •ࢥͬͨ௨Γʹಈ͔͢ͷ͸೉͍͠ •Կʹ࢖͑͹͍͍ͷ͔෼͔Βͳ͍
7. UIKitDynamicsͷ࢖͍ಓ •UIViewΛ෺ཧԋࢉʹԊͬͨΞχϝʔγϣϯ ͤͯ͞ɺϦονͳදݱΛ͢Δ •ը໘ભҠʹ෺ཧԋࢉͷΞχϝʔγϣϯΛऔ ΓೖΕͯ༡Ϳ
8. UIDynamicItemϓϩτίϧΛ࣮૷ͨ͠Ϋϥε UIKitDynamicsͷର৅ •UIView •UICollectionViewLayoutAttributes UICollectionViewͷCustumLayoutΛ࢖͏
9. • UIAttachmentBehaviorɹ-ɹόω • UICollisionBehaviorɹ-ɹিಥ • UIGravityBehaviorɹ-ɹॏྗ • UIDynamicItemBehaviorɹ-ɹ෺ମͷಛੑ • UIPushBehaviorɹ-ɹΤωϧΪʔ • UISnapBehaviorɹ-ɹҠಈ UIKitDynamics(ʙiOS8)
10. Demo UIKitDynamics(ʙiOS8)
11. • UIDynamicItemCollisionBoundsType • UIFieldBehavior • linearGravityFieldWithVectorɹ-ɹॏྗۭؒ • radialGravityFieldWithPosition -Ҿྗʗి࣓ྗ • noiseFieldWithSmoothness:animationSpeed • UIAttachmentBehavior 1. limitAttachmentWithItemɹ-ɹϩʔϓ 2. pinAttachmentWithItem - Google 13Hit 3. slidingAttachmentWithItem - Google 9Hit 4. fixedAttachmentWithItem - Google 10Hit UIKitDynamics(iOS9ʙ)
12. Demo
13. UIDynamicAnimatorͷΦϒδΣΫτΛ࡞੒ ࣮૷खॱ ඞཁͳBehaviorΛ࡞੒͠ɺΞχϝʔγϣϯ ͍ͤͨ͞ViewΛηοτ UIDynamicAnimatorʹBehaviorΛηοτ
14. ࣮૷ʢൈਮʣ animator = UIDynamicAnimator(referenceView: source) let gravity = UIGravityBehavior(items: [destination]) gravity.magnitude = 12 let collision = UICollisionBehavior(items: [destination]) collision.addBoundaryWithIdentifier("bottom", fromPoint: CGPoint(x: 0, y: source.bounds.height), toPoint: CGPoint(x: source.bounds.width, y: source.bounds.height)) let item = UIDynamicItemBehavior(items: [destination]) item.elasticity = 0.5 item.resistance = 0.8 animator.delegate = self animator.addBehavior(gravity) animator.addBehavior(collision) animator.addBehavior(item)
15. CollectionViewLayoutΛܧঝͯ͠CustomLayoutΛ࡞੒ ࣮૷खॱ(UICollectionView) override func layoutAttributesForItemAtIndexPath(indexPath: NSIndexPath) -> UICollectionViewLayoutAttributes! { return animator.layoutAttributesForCellAtIndexPath(indexPath) } override func layoutAttributesForElementsInRect(rect: CGRect) -> [AnyObject]? { return animator.itemsInRect(rect) } animator = UIDynamicAnimator(collectionViewLayout: self) ఆܕจ
16. ٙ໰఺ Animator͕ىಈͨ࣌͠఺Ͱແࢹ͞ΕΔ ઃఆͨ͠AutoLayout͸Ͳ͏ͳΔʁ
17. ٙ໰఺ ϦΞϧλΠϜʹऔΕΔɺ༏ल UIViewͷframe͔Β࠲ඪ͸औΕΔʁ
18. ٙ໰఺ GestureRecognizer͹ͬͪΓ࢖͑Δ ΞχϝʔγϣϯதͷViewͷλον൑ఆ͸ʁ
19. ٙ໰఺ ແཧɺແବ UIViewͷframeʹ೚ҙͷ࠲ඪΛ ઃఆͯ͠ViewΛಈ͔ͤΔʁ
20. ٙ໰఺ ViewΛૢ࡞͍ͨ࣌͠Ͳ͏͢Δʁ UIAttachmentBehaviorʹૢ࡞͍ͨ͠Viewͱ Ҡಈ͍ͨ͠ҐஔͷanchorPointΛࢦఆɺ lengthΛ0ʹ͢Δͱૂ͍ͷҐஔʹ͸ಈ͔ͤΔ
21. ٙ໰఺ Ξχϝʔγϣϯ͕ऴྃͨ͠൑ఆ͸ʁ ͢΂ͯͷΦϒδΣΫτ͕ఀࢭͨ࣌͠ɺ UIDynamicAnimatorDelegateͷ dynamicAnimatorDidPauseϝιου͕ݺ͹ΕΔ
22. ٙ໰఺ Ξχϝʔγϣϯ͕ऴྃͨ͠Β View͕ݩͷҐஔʹ໭ͬͨΓ͢Δʁ ͠ͳ͍ AnimatorΛ࡟আͯ͠΋ɺViewͷҐஔ͸ͦͷ··
23. ٙ໰఺ ͦͷ࣌ͷAutoLayout͸ʁ ෼͔Γ·ͤΜ
24. ·ͱΊ •UIKitDynamics͸UIViewͱUICollectionView Ͱ࢖͑ͯɺͦͷ࣮૷ࣗମ͸༰қ •େ఍ͷύλʔϯͷ෺ཧԋࢉΛඪ४ػೳͰ࣮ ૷Ͱ͖ΔΑ͏ʹͳͬͨ •ΞχϝʔγϣϯΛϦΞϧλΠϜʹิ଍ͯ͠ɺ ૢ࡞͢Δ͜ͱ͕Ͱ͖ΔͷͰɺΠϯλϥΫςΟ ϒͳΞχϝʔγϣϯʹ޲͍͍ͯΔ
25. UIKitDynamicsΛ׆༻ͯ͠ ΠϯλϥΫςΟϒͰ ΞχϝʔγϣϯϦονͳ ΞϓϦΛ࣮૷͠Α͏ʂ