チュートリアルから一歩前進する為のAutoLayout Tips

2019/01/26に行われたiPhone Dev Sapporoで発表した時の資料です。

Transcript

1. νϡʔτϦΞϧ͔Β Ұาલਐ͢Δҝͷ AutoLayout Tips iPhone Dev Sapporo 2019/01/26 ͠·ͩΏ͔ͨˏShimayuSti
2. iPhoneΞϓϦΛॳϦϦʔεͨ͠
3. ൃදऀˏ͠·ͩΏ͔ͨ @ShimayuSti shimayu22 @shimayu_sti ೣࣂ͍࠺ࢠ࣋ͪඇΤϯδχΞ ΞϓϦ࡞Γ͓͡͞Μɻ ৄ͘͠͸্هΞΧ΢ϯτ͔Β
4. ೔ϋϜԠԉՎ҉هΞϓϦʢඇެࣜʣ
5. ͓΍ɺΞϓϦͷ༷ࢠ͕ɾɾɾ
6. iPhone SE(4Πϯν) ʂ ʂ ʂ ʂ
7. iPhone XS Max(6.5Πϯν) ʂ ʂ ʂ ʂ ʂ
8. ࣮ػʢiPhone6SʣͰ͹͔ͬΓ ֬ೝͯͨ͠πέ͕ɾɾɾ
10. AutoLayoutͱ͸ • AutoLayout͸ɺϏϡʔʹઃఆ͞Ε͍ͯΔ੍໿ ʹج͍ͮͯɺϏϡʔ֊૚಺ͷ͢΂ͯͷϏϡʔͷ αΠζͱҐஔΛಈతʹܭࢉ͠·͢ • ը໘αΠζ͝ͱʹҰͭͣͭը໘Λ༻ҙ͠ͳ͘ ͍͍ͯʂ
11. 1ɽ౔୆ͱͳΔViewΛ༻ҙ͢Δ
13. 2ɽ͍ۙUIಉ࢜Ͱ੍໿Λ͚ͭΔ ʂ
15. ͪΐͬͱҰଉ
16. 3ɽSafeAreaΛߟྀ͢Δ 4BGF"SFBʹ
    ޿ࠂ͕ඃͬͯΔ
17. SafeAreaͱ͸ https://developer.apple.com/design/human-interface-guidelines/ios/visual- design/adaptivity-and-layout/
18. ίʔυͰSafeAreaΛऔಘ͢Δ override func viewDidAppear(_ animated: Bool) { let admobView = GADBannerView(adSize: kGADAdSizeBanner) if #available(iOS 11.0, *){ //iOS11Ҏ্Ͱ͋Ε͹SafeAreaΛऔಘͰ͖Δ admobView.frame.origin = CGPoint(x: 0, y: self.view.frame.size.height - admobView.frame.height - self.view.safeAreaInsets.bottom) }else{ admobView.frame.origin = CGPoint(x: 0, y: self.view.frame.size.height - admobView.frame.height) } ʙུʙ } ࢀߟɿhttps://techno-monkey.com/app-develop-iphonex-safearea/
20. StoryboardͰ΋SafeAreaΛج४ʹͰ͖·͢
21. 4ɽҰ୴ఘΊΔ ը૾ΛॏͶΔͱௐ੔ ͕೉͔ͬͨ͠ͷͰ
    ࠓճ͸ఘΊͨ
    
22. 5ɽޙ͸஍ಓʹௐ੔͢Δ ʮUnderstanding Auto LayoutʯΛΑ͘ಡΜͰɺ ࣮ࡍʹ੍໿Λࢼͯ͠Έͯɺ https://developer.apple.com/library/archive/documentation/UserExperience/ Conceptual/AutolayoutPG/AnatomyofaConstraint.html#//apple_ref/doc/uid/ TP40010853-CH9-SW1 ͳΜͱ͔͢Δɻ
23. https://twitter.com/llminatoll/status/ 1042368602068795393 AutoLayout
24. օ͞Μͷ࣮ػͰ͓ࢼ͍ͩ͘͠͞ ʢએ఻ʣ ΋͘͠͸ ʮ೔ϋϜɹԠԉՎʯ Ͱݕࡧ
25. ࠓޙͷ՝୊ • େ͖͍ը໘Λ༗ޮ׆༻ Ͱ͖͍ͯͳ͍ • จࣈαΠζ • ϘλϯαΠζ • ന͍ͱ͜Ζ͕ଟ͍
26. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Githubʹը໘मਖ਼લͷϓϩδΣΫτ͕ஔ͍ͯ͋Γ ·͢ͷͰɺAutoLayoutͷ࿅शʹ࢖ͬͯɺͲ͏ͧɻ https://github.com/shimayu22/hamuouenka- trial-production
27. ࢀߟ • https://qiita.com/t-matsuda820/items/bf2ea89b8395bc4532c2 • https://qiita.com/rd0501/items/18fe132d8ddf8ac4b589 • https://qiita.com/tomohisaota/items/f8857d01f328e34fb551 • https://developers.google.com/admob/ios/x-ad-rendering • https://techno-monkey.com/app-develop-iphonex-safearea/ • https://qiita.com/reima21/items/ef02b865496528f0dc6b