Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ConstraintLayoutを理解する

Avatar for Young Young
June 30, 2018
Programming
0
110

 ConstraintLayoutを理解する

社内勉強会の資料です #深いい勉強会

Sample Code
https://github.com/akihito-okada/ConstraintLayoutSample

Avatar for Young

Young

June 30, 2018
Tweet

More Decks by Young

See All by Young
GitbookからOpenApiへのAPIドキュメント移行
Avatar for Young akihitookada
0
97
Navigation ComponentとFluxをnanaに導入した
Avatar for Young akihitookada
0
99
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
240
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
160
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
780
ミャンマーのすゝめ
Avatar for Young akihitookada
2
97
Android版 nanaとデータの永続化とDatabase
Avatar for Young akihitookada
2
220
Android Team @ nana music, Inc.
Avatar for Young akihitookada
0
100
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
Avatar for Young akihitookada
0
290

Other Decks in Programming

See All in Programming
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
460
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
300
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
290
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
320
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180

Featured

See All Featured
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
89
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.8k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k

Transcript

  1. ConstraintLayout Λཧղ͢Δ

  2. Introduction • ConstraintLayout͸AndroidͷLayoutͷτϨϯυ • ϨεϙϯγϒͳUI΍ෳࡶͳUIΛ࣮ݱͰ͖Δ • ଟػೳͰैདྷͷLayoutΛஔ͖׵͑ΒΕΔ • Viewͷ૬ରతͳҐஔΛ੍໿͢Δ͜ͱͰLayoutΛߏ੒ •

    ֊૚Λ࡞ΒͣʹFlatͳLayoutΛ࡞ΕΔ • iOSͷStoryboardͷ༷ʹEditorΛ࢖ͬͯLayoutΛ࡞ΕΔ

  3. Sample Code • https://github.com/akihito-okada/ ConstraintLayoutSample

  4. ConstraintLayout 1.0

  5. ConstraintLayout 1.0 • View Size • Wrap Content • Match

    Constraints • Ratio • Fixed • Text Baseline Alignment • Guideline • layout_goneMargin • ConstraintSet

  6. ConstraintLayout 1.1

  7. ConstraintLayout 1.1 • View Size • Percent • Chains •

    Group • Barrier • Circular Positioning • Placeholder

  8. ConstraintLayout 2.0 …

  9. ConstraintLayout 2.0 • ConstraintProperties • ImageFilterView • Layer • MockView

    • MotionLayout

  10. Conclusion • ConstraintLayout ָ͍͠ • nana ʹ΋ೖΕ͍ͯ͘ • ࣍͸ 2.0