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

ConstraintLayoutを理解する

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
100
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
240
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
170
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
780
ミャンマーのすゝめ
Avatar for Young akihitookada
2
98
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エージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
260
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
Avatar for monochromegane monochromegane
2
380
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
440
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.9k
AIコーディングの理想と現実 2026 | AI Coding: Expectations vs. Reality 2026
Avatar for Tomohisa Takaoka tomohisa
0
1.2k
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
750
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
680
ロボットのための工場に灯りは要らない
Avatar for watany watany
10
2.5k
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
120
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
Avatar for atani atani14
0
370
Claude Code Skill入門
Avatar for maya mayahoney
0
170
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.1k

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
300
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
820
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
220
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
740
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
410
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
300
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k

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