制約を使ってViewを動かす

Transcript

1. ੍໿Λ࢖ͬͯ ViewΛಈ͔͢ ؔ੢ϞόΠϧΞϓϦݚڀձ #23 2017/02/28 େౡ ޫو
2. ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ • ΞϓϦΤϯδχΞ
 ʢࣗশʣ • ࣙॻαʔϏεͷձࣾʹۈΊͯ·͕͢ӳޠͰ͖·ͤΜ • Try!SwiftͰݟ͔͚ͨΒ੠͔͚͍ͯͩ͘͞ɻ
 ʢӳޠॿ͚͍ͯͩ͘͞ʣ
3. ੍໿ͷ͓࿩
4. ੍໿ͱ͸ • Auto LayoutΛߏ੒͢ΔͨΊͷʮ৚݅ʯ • ཁૉͷҐஔ = ׂ߹ * ର৅ཁૉͷҐஔ + ڑ཭
 Ͱߏ੒͞ΕΔ • ʮԣ෯ͷத৺ʯʮॎ෯ͷத৺ʯ΋ઃఆՄೳ
5. ྫ͑͹ɺࠨ൒෼ʹViewΛ ஔ͖͍ͨ৔߹
6. 7JFXUPQ
   
    7JFXMFBEJOH
   
    7JFXCPUUPN
   
    7JFXXJEUI
   
   4VQFS7JFXXJEUI
   
   
7. ͜ΕΛӈ൒෼ʹಈ͔͠·͢
8. ͜ͷ෯͚ͩ
   ੍໿Λมߋ͠·͢
9. ίʔυྫ class ViewController: UIViewController { @IBOutlet var testView: UIView! @IBOutlet var testViewLeadingConstraint: NSLayoutConstraint! @IBAction func buttonTouchDown(_ sender: Any) { self.testViewLeadingConstraint.constant = self.testView.frame.width } }
11. ಈ࡞֬ೝ
12. ͜ΕʹΞχϝʔγϣϯΛ ͚ͭͯΈ·͢ɻ
13. animate௥Ճ class ViewController: UIViewController { @IBOutlet var testView: UIView! @IBOutlet var testViewLeadingConstraint: NSLayoutConstraint! @IBAction func buttonTouchDown(_ sender: Any) { UIView.animate(withDuration: 3.0, animations: { self.testViewLeadingConstraint.constant = self.testView.frame.width }) } }
14. ಈ࡞֬ೝ
15. Ξχϝʔγϣϯ͞Εͳ͍ʁʁ
16. Ξχϝʔγϣϯ͢Δํ๏ class ViewController: UIViewController { @IBOutlet var testView: UIView! @IBOutlet var testViewLeadingConstraint: NSLayoutConstraint! @IBAction func buttonTouchDown(_ sender: Any) { self.testViewLeadingConstraint.constant = self.testView.frame.width UIView.animate(withDuration: 3.0, animations: { self.view.layoutIfNeeded() }) } } ->΄ͱΜͲͷαΠτͰಉ͡಺༰͕ग़ͯ͘Δ
17. Ξχϝʔγϣϯ͢Δ৚݅ View Programming Guide for iOSΑΓ • UIViewΛ࢖༻ • frame, boundsͳͲݶΒΕ߲ͨ໨ͷΈՄೳ • ConstraintͰઃఆ੍ͨ͠໿͸LayoutΛߋ৽͢ Δ·Ͱมߋ͞Εͳ͍ • layoutIfNeededΛݺͿ͜ͱͰ഑ஔ͕มΘΔͨ ΊΞχϝʔγϣϯ͞ΕΔʢਪଌʣ
18. Ԡ༻ʁྫ
19. ࠨ൒෼ʹViewΛ ೋͭஔ͍ͨ৔߹
20. XJEUI
    IFJHIUڞʹ
    4VQFS7JFX
    
     XJEUI͸ಉ͡Ͱɺ
    ্ͷ7JFXͱͷ$POTUBOU͕
21. Լ͚ͩΛಈ͔ͯ͠Έ·͢
22. ੍໿͸ มߋͨ͠ConstantҎ֎͸ಈ͔ͳ͍
23. ·ͱΊ • ੍໿͸IBOutletͰඥ෇͚Ͱ͖Δ • ੍໿ΛAnimationͰಈ͔͍ͨ͠৔߹͸ layoutIfNeededΛ࢖༻͢Δ • ੍໿͸มߋͨ͠෦෼Ҏ֎͸ӨڹΛड͚ͳ͍
24. ͋Γ͕ͱ͏͍͟͝·ͨ͠