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

Schoo講義資料

Transcript

1. SwiftͰ࡞Δ iOSΞϓϦ։ൃೖ໳ 6ݶ໨ɿΞϓϦͷݟͨ໨Λߏ੒͢ΔViewͷཧղ 1
2. ࣗݾ঺հ ࣣౡҒ೭ʢͳͳ͠·ͻͰΏ͖ʣ Reproגࣜձࣾ iPhoneΞϓϦ։ൃ͕޷͖ 2
3. ࣗݾ঺հ 3 https://repro.io
4. ຊίʔεͷ໨ඪ ۤ೉Λ৐Γӽ͑ͯ ָ͘͠ΞϓϦ։ൃͰ͖ΔΑ͏ʹͳΔʂ 4
5. ෭ڭࡐ վగ൛ No.1εΫʔϧߨࢣਞʹΑΔ ੈքҰड͚͍ͨ iPhoneΞϓϦ։ൃͷतۀ (ٕज़ධ࿦ࣾ) 5
6. ࠓճͷतۀͷ໨ඪ ViewΛֶΜͰࣗ෼ͷࢥ͍ඳ͘
 ΞϓϦͷݟͨ໨Λ࡞ΕΔΑ͏ʹ͢Δ 6
7. तۀͷલఏ৚݅ • ͓खݩͷMacʹXcode(version7.0Ҏ্)͕Πϯετʔ ϧ͞Ε͍ͯΔ͜ͱ • લճͷ઎͍ΞϓϦϓϩδΣΫτ͕͋ΔͱΑΓ༗ޮʹ ֶशͰ͖·͢ɻϓϩδΣΫτ͸Լه͔Βμ΢ϯϩʔ υͰ͖·͢ɻ
 https://github.com/jollyjoester/Schoo-iOS-App- Development-Basic/archive/05.zip 7
8. ຊ೔ͷϝχϡʔ • Viewͱ͸Կ͔ΛֶͿ • Viewͷߏ଄ΛֶͿ • ΞχϝʔγϣϯͰಈ͖ΛՃ͑Δ 8
9. ͦͷલʹલճͷ࣭͝໰
 ʢ؆୯ͳ઎͍ΞϓϦͷاը͔Β։ൃ·ͰΛମݧʣ • teratailͰ࣭໰͢Δͷ͸༗ྉձһͱ͔ʹͳΔඞཁ͕͋Δͷ ͔ͳɻ from Kenichi Gotoh͞Μ ‣ ແྉͰ͢ʂ https://teratail.com/ 9
10. ͦͷલʹલճͷ࣭͝໰
 ʢ؆୯ͳ઎͍ΞϓϦͷاը͔Β։ൃ·ͰΛମݧʣ • ΞϚκϯͰߪೖ͠Α͏ͱࢥ͍ɺઌੜͷຊΛݕࡧͨ͠ͱ͜ΖɺϨ Ϗϡʔʹʮಛʹ8ষͰ࢖ΘΕΔJSONσʔλΛղੳ͢Δπʔϧ ͕ɺ࣮ػςετͰ͸க໋తͳΤϥʔΛు͖·͢ɻษڧʹ͸ͳΓ ·͕͢ɺApp StoreͰͷϦϦʔεΛ໨ࢦ͢ํ͸ɺຊॻΛߪೖ͠ ͳ͍΄͏͕ྑ͍Ͱ͠ΐ͏ɻʯͱͳ͍ͬͯͯߪೖΛ᪳᪯ͯ͠͠· ͍·ͨ͠ɻ͜ͷ໰୊͸ղܾ͞Ε͍ͯΔͷͰ͠ΐ͏͔ʁ 
 from ໦฻ ϛϢ͞Μ ‣ ͓஌Βͤ͋Γ͕ͱ͏͍͟͝·͢ʂϥΠϒϥϦͷಋೖखॱʹ ෆ଍͕͋Γ·ͨ͠ɻ࣍ͷઃఆΛ͢Ε͹࣮ػͰ΋࣮ߦͰ͖· ͢ɻʢαϙʔταΠτ΁ͷܝࡌ΋ग़൛ࣾʹ͓ئ͍ͯ͠Έ·͢ʣ 10
11. ͦͷલʹલճͷ࣭͝໰
 ʢ؆୯ͳ઎͍ΞϓϦͷاը͔Β։ൃ·ͰΛମݧʣ 11
12. ͦͷલʹલճͷ࣭͝໰
 ʢ؆୯ͳ઎͍ΞϓϦͷاը͔Β։ൃ·ͰΛମݧʣ 12
13. ͦͷલʹલճͷ࣭͝໰
 ʢ؆୯ͳ઎͍ΞϓϦͷاը͔Β։ൃ·ͰΛମݧʣ 13 • ॎɾԣ ผʑͷϨΠΞ΢τͬͯ
 ग़དྷͳ͍ͷ͔ͳʁ
 from dig sum͞Μ ‣ SizeClassesΛ࢖ͬͯͰ͖·͢ʂ
14. Έͳ͞·΋࣭໰͋Γ·ͨ͠Βͥͻ࣭͝໰͍ͩ͘͞ɻ तۀதʹऔΓ্͛ΒΕͳͯ͘΋
 ग़དྷΔݶΓ͓౴͑͠·͢ʂ ͳΔ΄ͲʂͱࢥͬͨΒʮͳΔ΄ͲʯϘλϯΛ
 ԡ͍͚ͯͨͩ͠ΔͱྭΈʹͳΓ·͢(`ŋωŋ´) 14
15. Viewͱ͸Կ͔ΛֶͿ 15
16. Viewͱ͸ • ը໘Λදࣔ͢ΔͨΊͷ΋ͷ • UILabel, UIButtonͳͲ • λοϓͳͲͷΞΫγϣϯΛड͚औΔ໾ׂ΋ 16
17. Viewͷछྨ
 ʢԿ͔Λදࣔ͢ΔͨΊͷViewʣ 17 ໊લ Ϋϥε໊ ໾ׂ Ϗϡʔ UIView ΋ͬͱ΋جຊͷ෦඼ ϥϕϧ UILabel จࣈΛදࣔ͢Δ ςΩετϏϡʔ UITextView จࣈͷදࣔͱฤूΛ͢Δ ΠϝʔδϏϡʔ UIImageView ը૾Λදࣔ͢Δ ϐοΧʔϏϡʔ UIPickerView બ୒ࢶͷදࣔͱબ୒Λ͢Δ ΢ΣϒϏϡʔ UIWebView ΢ΣϒϖʔδΛදࣔ͢Δ
18. Viewͷछྨ
 ʢϢʔβʔ͔ΒͷΞΫγϣϯΛड͚औΔͷViewʣ 18 ໊લ Ϋϥε໊ ໾ׂ Ϙλϯ UIButton Ϙλϯ ςΩετϑΟʔϧυ UITextField จࣈΛೖྗ͢Δ εΠον UISwitch ΦϯͱΦϑΛ͢ΔεΠον ηάϝϯςου
 ίϯτϩʔϧ UISegmented Control ηάϝϯτΛબ୒͢Δ εςούʔ UIStepper ஋Λ૿΍ͨ͠ΓݮΒͨ͠Γ͢Δ εϥΠμʔ UISlider εϥΠμʔͰ஋Λબ୒
19. ʢ༨ஊʣUIxxxͬͯʁ • AppleͷframeworkͷΫϥε໊ʢ෦඼ʣʹ͸ prefix͕͍͍ͭͯΔ ‣ CoreLocation -> CLLocationManager ‣ AVFoundation -> AVCaptureDeviceInput ‣ UIKit -> UILabel, UIButton 19
20. ɹUIView • ࢛͍֯ྖҬΛද͢࠷΋جຊతͳView • ViewͷதʹViewΛؚΉ͜ͱ͕Ͱ͖Δ ʢContainerͱ͔ݴͬͨΓ͢Δʣ • ؚΉํͷView͸Super View
 ؚ·ΕΔํ͸Sub Viewͱ͍͏ 20
21. ɹUIView 21
22. ɹUIView 22
23. ɹUIView 23
24. ɹUILabel 24 • จࣈΛදࣔ͢ΔͨΊͷView
25. ɹUILabel 25
26. UIImageView 26 • ը૾Λදࣔ͢ΔͨΊͷView
27. UIImageView 27
28. ɹUIButton 28 • ϘλϯʢλοϓΛݕ஌͢Δʣ
29. ɹUIButton 29
30. ɹUITextView 30
31. UIPickerView 31
32. UITextField 32
33. UISwitch 33 UISegmented
 Control UIStepper UISlider
34. Viewͷߏ଄Λ஌Δ 34
35. Viewͷߏ଄Λ஌Δ ViewͷதʹViewΛ഑ஔͯ͠
 ͞ΒʹLabelΛ഑ஔͯ͠ΈΔ 35
36. Viewͷߏ଄Λ஌Δ ʢDebug View Hierarchyʣ 36
37. Viewͷߏ଄Λ஌Δ ʢDebug View Hierarchyʣ 37
38. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 38
39. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 39
40. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 40
41. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 41
42. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 42
43. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 43
44. Viewͷߏ଄Λ஌Δ ʢDocument Outlineʣ 44
45. ΞχϝʔγϣϯͰಈ͖ΛՃ͑Δ 45
46. Ξχϝʔγϣϯ
 ʢ·ͣ͸࣮ફ͔Βʣ • AnimalFortuneTellingϓϩδΣΫτΛ։͘
 https://github.com/jollyjoester/Schoo-iOS- App-Development-Basic/archive/05.zip • ViewController.swiftΛબ୒ 46
47. Ξχϝʔγϣϯ
 ʢϩδοΫΛϝιουʹ੾Γग़͠ʣ 47
48. Ξχϝʔγϣϯ ʢanimateWithDurationʣ 48 • ·ͣ͸Լهͷ௨Γॻ͍࣮ͯߦͯ͠ΈΔ ೉͍͠จ๏͕࢖ΘΕ͍ͯΔͷͰ
 ·ͣ͸ߟ͑ͣʹ֮͑ͯ࢖͓͏ʂ
49. Ξχϝʔγϣϯ ʢdurationʣ 49 • Ͳͷ͘Β͍ͷ࣌ؒΛ͔͚ͯΞχϝʔγϣϯΛ͢Δ͔ 1.0ඵ͔͚ؒͯΞχϝʔγϣϯΛߦ͏
50. Ξχϝʔγϣϯ ʢanimationsʣ 50 • Ξχϝʔγϣϯͷ݁ՌͲͷΑ͏ʹͳΔ͔ animalLabelΛ0.2ഒͷେ͖͞ʹ͢Δ
51. Ξχϝʔγϣϯ ʢcompletionʣ 51 • Ξχϝʔγϣϯ͕ऴΘͬͨޙʹ͢Δॲཧ ݩʹ໭ͯ͠changeLabelϝιουΛ࣮ߦ͢Δ
52. Ξχϝʔγϣϯ ʢresultLabelʣ 52 Ξχϝʔγϣϯத͸resultLabelফ͢ ݁Ռ͕ग़ͨΒදࣔ͢Δ
53. Ξχϝʔγϣϯ ʢanimalLabelʣ 53 animalLabelΛͩΜͩΜಁ໌ʹ͢Δ
54. 54 ׬੒ʂ
55. Ξχϝʔγϣϯͷछྨ 55
56. Ξχϝʔγϣϯ ʢ݁ՌΛৼಈͤ͞Δʣ 56 10pxҠಈͷΞχϝʔγϣϯΛ̑ճ܁Γฦ͢
57. ຊ೔ͷ͓͞Β͍ • Viewͷछྨ͝ͱͷ࢖͍ํΛ֮͑Α͏ • ཱମతʹViewͷߏ଄ΛΠϝʔδͰ͖Δͱ٢ • animationΛ࢖ָ͍ͬͯ͠ΞϓϦʹ͠Α͏ʂ 57
58. ࠂ஌ 58 http://eventdots.jp/event/582698 ࣍͸݄̏̎̕೔ʂ
59. ࠂ஌ 59 http://liginc.co.jp/series/spaceapps LIGϒϩά࿈ࡌ࢝Ί·ͨ͠ʂ