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による開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
370
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
240
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
470
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
Oxlint JS plugins
Avatar for kazupon kazupon
1
980
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
77
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200

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