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
86
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
82
XCTestでAPIのテストコードを書く
nivisunder7
0
280
App Clipについて
nivisunder7
1
56
Swift5.0 ABI安定化について
nivisunder7
0
230
SwiftUIの紹介
nivisunder7
0
27
Watch Kitのはまりどころ
nivisunder7
0
48
Docker in Docker Tips
nivisunder7
0
50
iOS11のここが素晴らしい
nivisunder7
0
76
SpriteKitでゲーム開発
nivisunder7
0
110
Other Decks in Technology
See All in Technology
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
390
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
650
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
5
630
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
320
アクセス制御にまつわる改善 / Improving access control
itkq
0
560
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
200
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
370
Gradle Build Scanを使ってビルドのことを知ろう potatotips #87
tomorrowkey
2
120
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
120
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
380
いつか使うかも貯金してたらめちゃめちゃ機能が増えてた話
riyaamemiya
0
440
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
4
16k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
122
39k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Teambox: Starting and Learning
jrom
128
8.4k
Unsuck your backbone
ammeep
663
57k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Happy Clients
brianwarren
92
6.4k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
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