Tweet
Tweet

Slide 1

Slide 1 text

੍໿Λ࢖ͬͯ ViewΛಈ͔͢ ؔ੢ϞόΠϧΞϓϦݚڀձ #23 2017/02/28 େౡ ޫو

Slide 2

Slide 2 text

ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ • ΞϓϦΤϯδχΞ
 ʢࣗশʣ • ࣙॻαʔϏεͷձࣾʹۈΊͯ·͕͢ӳޠͰ͖·ͤΜ • Try!SwiftͰݟ͔͚ͨΒ੠͔͚͍ͯͩ͘͞ɻ
 ʢӳޠॿ͚͍ͯͩ͘͞ʣ

Slide 3

Slide 3 text

੍໿ͷ͓࿩

Slide 4

Slide 4 text

੍໿ͱ͸ • Auto LayoutΛߏ੒͢ΔͨΊͷʮ৚݅ʯ • ཁૉͷҐஔ = ׂ߹ * ର৅ཁૉͷҐஔ + ڑ཭
 Ͱߏ੒͞ΕΔ • ʮԣ෯ͷத৺ʯʮॎ෯ͷத৺ʯ΋ઃఆՄೳ

Slide 5

Slide 5 text

ྫ͑͹ɺࠨ൒෼ʹViewΛ ஔ͖͍ͨ৔߹

Slide 6

Slide 6 text

7JFXUPQ 7JFXMFBEJOH 7JFXCPUUPN 7JFXXJEUI 4VQFS7JFXXJEUI

Slide 7

Slide 7 text

͜ΕΛӈ൒෼ʹಈ͔͠·͢

Slide 8

Slide 8 text

͜ͷ෯͚ͩ ੍໿Λมߋ͠·͢

Slide 9

Slide 9 text

ίʔυྫ class ViewController: UIViewController { @IBOutlet var testView: UIView! @IBOutlet var testViewLeadingConstraint: NSLayoutConstraint! @IBAction func buttonTouchDown(_ sender: Any) { self.testViewLeadingConstraint.constant = self.testView.frame.width } }

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

ಈ࡞֬ೝ

Slide 12

Slide 12 text

͜ΕʹΞχϝʔγϣϯΛ ͚ͭͯΈ·͢ɻ

Slide 13

Slide 13 text

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 }) } }

Slide 14

Slide 14 text

ಈ࡞֬ೝ

Slide 15

Slide 15 text

Ξχϝʔγϣϯ͞Εͳ͍ʁʁ

Slide 16

Slide 16 text

Ξχϝʔγϣϯ͢Δํ๏ 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() }) } } ->΄ͱΜͲͷαΠτͰಉ͡಺༰͕ग़ͯ͘Δ

Slide 17

Slide 17 text

Ξχϝʔγϣϯ͢Δ৚݅ View Programming Guide for iOSΑΓ • UIViewΛ࢖༻ • frame, boundsͳͲݶΒΕ߲ͨ໨ͷΈՄೳ • ConstraintͰઃఆ੍ͨ͠໿͸LayoutΛߋ৽͢ Δ·Ͱมߋ͞Εͳ͍ • layoutIfNeededΛݺͿ͜ͱͰ഑ஔ͕มΘΔͨ ΊΞχϝʔγϣϯ͞ΕΔʢਪଌʣ

Slide 18

Slide 18 text

Ԡ༻ʁྫ

Slide 19

Slide 19 text

ࠨ൒෼ʹViewΛ ೋͭஔ͍ͨ৔߹

Slide 20

Slide 20 text

XJEUI IFJHIUڞʹ 4VQFS7JFX XJEUI͸ಉ͡Ͱɺ ্ͷ7JFXͱͷ$POTUBOU͕

Slide 21

Slide 21 text

Լ͚ͩΛಈ͔ͯ͠Έ·͢

Slide 22

Slide 22 text

੍໿͸ มߋͨ͠ConstantҎ֎͸ಈ͔ͳ͍

Slide 23

Slide 23 text

·ͱΊ • ੍໿͸IBOutletͰඥ෇͚Ͱ͖Δ • ੍໿ΛAnimationͰಈ͔͍ͨ͠৔߹͸ layoutIfNeededΛ࢖༻͢Δ • ੍໿͸มߋͨ͠෦෼Ҏ֎͸ӨڹΛड͚ͳ͍

Slide 24

Slide 24 text

͋Γ͕ͱ͏͍͟͝·ͨ͠