Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
iPhoneX時代のレイアウト
Search
t.goda
September 15, 2017
Technology
0
92
iPhoneX時代のレイアウト
t.goda
September 15, 2017
Tweet
Share
More Decks by t.goda
See All by t.goda
Distribute Binary Framework with Swift Package Manager
nivisunder7
0
120
XCTestでAPIのテストコードを書く
nivisunder7
0
380
App Clipについて
nivisunder7
1
68
Swift5.0 ABI安定化について
nivisunder7
0
330
SwiftUIの紹介
nivisunder7
0
32
Watch Kitのはまりどころ
nivisunder7
0
55
Docker in Docker Tips
nivisunder7
0
57
iOS11のここが素晴らしい
nivisunder7
0
80
SpriteKitでゲーム開発
nivisunder7
0
110
Other Decks in Technology
See All in Technology
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
21k
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
280
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5.2k
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
260
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
310
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
440
Operating Operator
shhnjk
1
590
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
170
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
2
16k
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
700
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
KATA
mclloyd
30
14k
Embracing the Ebb and Flow
colly
86
4.7k
Statistics for Hackers
jakevdp
799
220k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Done Done
chrislema
184
16k
Faster Mobile Websites
deanohume
307
31k
Building Applications with DynamoDB
mza
95
6.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Transcript
iPhone X࣌ͷϨΠΞτ 20170915
iPhone XͷσβΠϯ ্Լ̐ՕॴͷؙΈΛଳͼͨσΟεϓϨΠ ্෦ηϯαʔ෦ͷΓ͖ܽ
طଘΞϓϦͷϨΠΞτͷӨڹ ͦͷ··Ͱͳ͍͔Ͳ͏͔ େͷ߹͕͋Δ?
ͷݪҼ SafeAreaΛߟྀ͍ͯ͠ͳ͍ ͱ͍͏ΑΓSafeAreaLayoutGuidesΛҙ͍ࣝͯ͠ͳ͍ͱ ʹͳΔ
SafeAreaLayoutGuidesͱɹ SafeAreaΛࣔ͢LayoutGuide(Xcode9͔Βొ) InterfacebuilderͰAutoLayoutͰ੍Λࢦఆ͢Δࡍʹར༻
AutoLayoutͱ ΞϓϦͷUIͳͲϨΠΞτΛ࡞͢Δࡍʹར༻͢Δػೳ ͜ΕΛར༻͢Δ͜ͱͰը໘αΠζ͕ҟͳΔʹରԠՄೳ ͍͍͔ͨͯΒ੍ΛͭΜͰ͍͘ iPhoneXͷͬͯͲͩ͜Α…… Ҏ֎͔ΒͭΉํ๏͋Δ(ը໘த৺Λجૅͱ͢ΔͳͲ)
ࠓ·ͰͷAutoLayout BottomLayoutGuideٴͼTopLayoutGuide͔Βͷ੍ SuperView(ͱͳΔView)͔Βͷ੍
BottomLayoutGuide, TopLayoutGuide φϏήʔγϣϯόʔλϒόʔͳͲΛߟྀͨ͠LayoutGuide ͔͜͜Β
SuperView φϏήʔγϣϯόʔͳͲΛߟྀ͠ͳ͍Ґஔ͔Βͷ੍ ͔͜͜Β
Ͳ͏ରԠ͢Δ͔ SafeAreaLayoutGuides΄΅Bottom, Topͱಉ͡ SafeAreaLayoutGuidesAreaͳͷͰ͙ΔͬͱҰप͍ͯ͠Δ ֓೦͕ҧ͏͕มՄೳ UseSafeAreaLayoutGuidesʹνΣοΫΛ͍ΕΔ SuperView͔Βͷ੍৻ॏʹ
৻ॏʹͳΔཧ༝ ΤοδδΣενϟʔͷՃ ϗʔϜϘλϯସͷڍಈΛΤοδδΣενϟʔͰߦ͏ ͜Ε
·ͱΊ ࠓޙAutoLayoutʹΑΔ੍Λ͚ͭΔࡍʹ SafeAreaLayoutGuidesΛར༻͢Δ TopLayoutGuide, BottomLayoutGuideͳΔ͘ SafeAreaLayoutGuidesʹ طʹDeprecatedʹࢦఆ͞Ε͍ͯΔ ಛʹBottomଆͷδΣενϟʔΤϦΞʹؾΛ͚ͭΔ͜ͱ
͓·͚ ԣ͖ʹͨ͠ࡍͷΤϦΞ
͓·͚̎ ͦͦΓ͖ܽअຐͳΜͰ͚͢Ͳ……σβΠϯతʹ͍ͩ͞͠…… εςʔλεόʔΛࠇ͘͠Α͏ʂ ग़య: https://twitter.com/carlosgavina/status/907687992764125185/photo/1?ref_src=twsrc%5Etfw&ref_url=http%3A%2F%2Fgigazine.net%2Fnews%2F20170915-iphone-x-notch-creative-solutions%2F