Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
95
Navigation ComponentとFluxをnanaに導入した
Avatar for Young akihitookada
0
98
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
240
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
160
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
770
ミャンマーのすゝめ
Avatar for Young akihitookada
2
96
Android版 nanaとデータの永続化とDatabase
Avatar for Young akihitookada
2
210
Android Team @ nana music, Inc.
Avatar for Young akihitookada
0
94
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
Avatar for Young akihitookada
0
290

Other Decks in Programming

See All in Programming
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
770
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
310
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
250
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
Avatar for ichi-raven ichi_raven
0
490
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
Avatar for Marco Roth marcoroth
0
240
関数実行の裏側では何が起きているのか？
Avatar for minop1205 minop1205
1
500
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
21k
GeistFabrik and AI-augmented software development
Avatar for Ade Oshineye adewale
PRO
0
250
All(?) About Point Sets
Avatar for hole hole
0
260
認証・認可の基本を学ぼう前編
Avatar for kaza kouyuume
0
150
目的で駆動する、AI時代のアーキテクチャ設計 / purpose-driven-architecture
Avatar for MinoDriven minodriven
11
3.9k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
200

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
460
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k

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