Swiftで作るiOSアプリ開発入門_03

Schoo講義資料

Transcript

1. SwiftͰ࡞Δ iOSΞϓϦ։ൃೖ໳ ̏ݶ໨ɿAutoLayoutͰΞϓϦͷݟͨ໨Λ੔͑Δ 1
2. ࣗݾ঺հ ࣣౡҒ೭ʢͳͳ͠·ͻͰΏ͖ʣ Reproגࣜձࣾ iPhoneΞϓϦ։ൃ͕޷͖ 2
3. ࣗݾ঺հ 3 https://repro.io
4. ຊίʔεͷ໨ඪ ۤ೉Λ৐Γӽ͑ͯ ָ͘͠ΞϓϦ։ൃͰ͖ΔΑ͏ʹͳΔʂ 4
5. ෭ڭࡐ վగ൛ No.1εΫʔϧߨࢣਞʹΑΔ ੈքҰड͚͍ͨ iPhoneΞϓϦ։ൃͷतۀ (ٕज़ධ࿦ࣾ) 5
6. ࠓճͷतۀͷ໨ඪ AutoLayoutͷ࢖͍ํΛମͰ֮͑Δʂ 6
7. तۀͷલఏ৚݅ • ͓खݩͷMacʹXcode(version7.0Ҏ্)͕Πϯετʔ ϧ͞Ε͍ͯΔ͜ͱ • ̎ݶ໨Ͱ࡞ͬͨϓϩδΣΫτΛ༻ҙ͢Δ 7
8. ຊ೔ͷϝχϡʔ • AutoLayoutͷ໾ׂ • AutoLayoutͷઃఆͷ࢓ํ • AutoLayoutͷ࢖͍ํͷ࿅श 8
9. AutoLayoutͷ໾ׂ 9
10. AutoLayoutͱ͸Կ͔ʁ ΞϓϦέʔγϣϯͷϢʔβΠϯλʔϑΣΠε ʢಛʹը໘ϨΠΞ΢τʣΛ࡞੒͢ΔγεςϜ ͭ·Γݟͨ໨Λ࡞ΔͨΊͷ΋ͷ 10
11. AutoLayoutҎલ • ViewͷαΠζ΍࠲ඪΛ਺஋Ͱࢦఆ • AutoSizingʢ਌View͔Βͷج४ʣ 11
12. AutoLayout͸Կ͕͍͍ͷ͔ʁ ը໘ͷେ͖͞΍޲͖ɺ஍Ҭઃఆʢݴޠͳ Ͳʣͷҧ͍ʹԠͯ͡ಈతʹมԽ͢Δɺ൚ ༻తͳը໘ϨΠΞ΢τΛ࡞Γग़͢͜ͱ͕ Ͱ͖Δʂ 12
13. AutoLayoutͷઃఆͷ࢓ํ ·ͣ͸ͱʹ͔͘΍ͬͯΈΔ 13
14. ݱঢ়ͷϓϩδΣΫτ֬ೝ 14 • iPhone5sͱiPhone6PlusͰ΋ݟͨ໨Λ ‣ γϛϡϨʔλʔͰ֬ೝ ‣ Assistant EditorͷpreviewͰ֬ೝ
15. ݱঢ়ͷϓϩδΣΫτ֬ೝ 15 • iPhone5sͱiPhone6PlusͰ΋ݟͨ໨Λ ‣ γϛϡϨʔλʔͰ֬ೝ ‣ Assistant EditorͷpreviewͰ֬ೝ
16. Previewͷ։͖ํ 16
17. Previewͷ։͖ํ 17
18. େ͖͍୺຤ͩͱࠨ্ʹدΔ 18
19. ը૾ΛਅΜதʹ഑ஔ͢Δ ʢConstraintsઃఆʣ 19
20. ը૾ΛਅΜதʹ഑ஔ͢Δ ʢPreview֬ೝʣ 20
21. ϥϕϧͷҐஔΛௐ੔͢Δ ʢҐஔͷConstraintsઃఆʣ 21
22. ϥϕϧͷҐஔΛௐ੔͢Δ ʢαΠζͷConstraintsઃఆʣ 22
23. ϥϕϧͷҐஔΛௐ੔͢Δ ʢPreview֬ೝʣ 23
24. ϘλϯͷҐஔΛௐ੔͢Δ ʢConstraintsઃఆʣ 24 ϥϕϧͱಉ༷
25. ϘλϯͷҐஔΛௐ੔͢Δ ʢPreview֬ೝʣ 25
26. ԣ޲͖Λ֬ೝ͢Δ ʢPreview֬ೝʣ 26
27. ϥϕϧͷҐஔΛௐ੔͢Δ ʢConstraintsฤूͦͷ̍ʣ 27
28. ϥϕϧͷҐஔΛௐ੔͢Δ ʢConstraintsฤूͦͷ̎ʣ 28
29. ؒҧ͑ͨConstraintsΛ௥Ճͨ͠৔߹ ʢҟͳΔWidthΛ̎ݸઃఆʣ 29
30. ෆཁͳConstraintsͷ࡟আ ʢקΊʹैͬͯ࡟আʣ 30
31. ෆཁͳConstraintsͷ࡟আ ʢखಈͰ࡟আʣ 31
32. ϥϕϧΛͣΒͯ͠ΈΔ 32
33. Update Frames 33
34. Update Frames 34
35. Update Constraints 35
36. ConstraintsΛղআ 36
37. AutoLayoutҰཡ Align 37 Leading Edges Viewͷࠨ୺Λἧ͑ Trailing Edges ViewͷӈΛἧ͑ Top Edges Viewͷ্୺Λἧ͑ Bottom Edges ViewͷԼ୺Λἧ͑ Holizontal Centers Viewͷԣํ޲ͷத৺ἧ͑ Vertical Centers Viewͷॎํ޲ͷத৺ἧ͑ Baselines ViewͷϕʔεϥΠϯἧ͑ Horizontal Center in Container Container಺Ͱࠨӈத৺ ʹ഑ஔ Vertical Center in Container Container಺Ͱ্Լத৺ ʹ഑ஔ
38. AutoLayoutҰཡ Pin 38 Spacing to nearest neighbor ͓ྡͷViewͱͷεϖʔε Width Viewͷ෯ Height Viewͷߴ͞ Equal Widths ෳ਺ͷViewΛಉ͡෯ʹ Equal Heights ෳ਺ͷViewΛಉ͡ߴ͞ʹ Aspect Ratio ViewͷॎԣൺΛݻఆ
39. AutoLayoutͷ࢖͍ํ࿅श 39
40. ࿅श༻ͷViewΛ഑ஔ͢Δ 40
41. ࿅श༻ͷViewΛ഑ஔ͢Δ 41
42. ࠨԼʹݻఆ͢Δ 42
43. ࠨԼʹݻఆ͢Δ 43
44. ࠨԼʹݻఆ͢Δ 44 Update frames
45. ΋͏Ұͭฒ΂Δ 45
46. ΋͏Ұͭฒ΂Δ 46
47. ΋͏Ұͭฒ΂Δ 47
48. ΋͏Ұͭฒ΂Δ 48 Update frames
49. ౳ִؒʹฒ΂Δ 49
50. ౳ִؒʹฒ΂Δ 50
51. ౳ִؒʹฒ΂Δ 51
52. ౳ִؒʹฒ΂Δ 52
53. ౳ִؒʹฒ΂Δ 53
54. ౳ִؒʹฒ΂Δ 54
55. ౳ִؒʹฒ΂Δ 55
56. ౳ִؒʹฒ΂Δ 56
57. ౳ִؒʹฒ΂Δ 57 Update frames
58. ౳ִؒʹฒ΂Δ (Stack ViewͳΒ؆୯ɻͨͩ͠iOS9Ҏ্) 58
59. ౳ִؒʹฒ΂Δ (Stack ViewͳΒ؆୯ɻͨͩ͠iOS9Ҏ্) 59
60. ౳ִؒʹฒ΂Δ (Stack ViewͳΒ؆୯ɻͨͩ͠iOS9Ҏ্) 60
61. ౳ִؒʹฒ΂Δ (Stack ViewͳΒ؆୯ɻͨͩ͠iOS9Ҏ্) 61
62. ຊ೔ͷ͓͞Β͍ • ΞϓϦͷݟͨ໨͸AutoLayoutͰ࡞Δ • ෦඼Λઃஔͯ͠Update framesΛ܁Γฦ͍ͯ͘͜͠ ͱ͕جຊʂ • AutoLayout͸ମͰ֮͑Δ 62
63. ࠂ஌ 63 http://love-swift.connpass.com/event/25716/ ࣍͸݄̏Լ०ʂ
64. ࠂ஌ 64 http://liginc.co.jp/?p=228155 LIGϒϩά࿈ࡌ࢝Ί·ͨ͠ʂ