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
ConstraintLayoutを理解する
Search
Young
June 30, 2018
Programming
0
100
ConstraintLayoutを理解する
社内勉強会の資料です #深いい勉強会
Sample Code
https://github.com/akihito-okada/ConstraintLayoutSample
Young
June 30, 2018
Tweet
Share
More Decks by Young
See All by Young
GitbookからOpenApiへのAPIドキュメント移行
akihitookada
0
81
Navigation ComponentとFluxをnanaに導入した
akihitookada
0
83
Androidアプリにおけるモジュラライズの進め方
akihitookada
0
200
MotionLayoutを使ってクリスマスなアプリを作った
akihitookada
0
110
OrmaからRoomに移行する 2nd Season
akihitookada
1
650
ミャンマーのすゝめ
akihitookada
2
88
Android版 nanaとデータの永続化とDatabase
akihitookada
2
190
Android Team @ nana music, Inc.
akihitookada
0
89
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
akihitookada
0
270
Other Decks in Programming
See All in Programming
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.8k
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
640
カンファレンスの「アレ」Webでなんとかしませんか? / Conference “thing” Why don't you do something about it on the Web?
dero1to
1
110
EMになってからチームの成果を最大化するために取り組んだこと/ Maximize team performance as EM
nashiusagi
0
100
初めてDefinitelyTypedにPRを出した話
syumai
0
430
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
聞き手から登壇者へ: RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
140
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
2k
Macとオーディオ再生 2024/11/02
yusukeito
0
380
みんなでプロポーザルを書いてみた
yuriko1211
0
280
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
360
Featured
See All Featured
RailsConf 2023
tenderlove
29
900
GraphQLとの向き合い方2022年版
quramy
43
13k
The Cult of Friendly URLs
andyhume
78
6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Optimizing for Happiness
mojombo
376
70k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
120
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Making Projects Easy
brettharned
115
5.9k
Transcript
ConstraintLayout Λཧղ͢Δ
Introduction • ConstraintLayoutAndroidͷLayoutͷτϨϯυ • ϨεϙϯγϒͳUIෳࡶͳUIΛ࣮ݱͰ͖Δ • ଟػೳͰैདྷͷLayoutΛஔ͖͑ΒΕΔ • Viewͷ૬ରతͳҐஔΛ੍͢Δ͜ͱͰLayoutΛߏ •
֊Λ࡞ΒͣʹFlatͳLayoutΛ࡞ΕΔ • iOSͷStoryboardͷ༷ʹEditorΛͬͯLayoutΛ࡞ΕΔ
Sample Code • https://github.com/akihito-okada/ ConstraintLayoutSample
ConstraintLayout 1.0
ConstraintLayout 1.0 • View Size • Wrap Content • Match
Constraints • Ratio • Fixed • Text Baseline Alignment • Guideline • layout_goneMargin • ConstraintSet
ConstraintLayout 1.1
ConstraintLayout 1.1 • View Size • Percent • Chains •
Group • Barrier • Circular Positioning • Placeholder
ConstraintLayout 2.0 …
ConstraintLayout 2.0 • ConstraintProperties • ImageFilterView • Layer • MockView
• MotionLayout
Conclusion • ConstraintLayout ָ͍͠ • nana ʹೖΕ͍ͯ͘ • ࣍ 2.0