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

ConstraintLayoutを理解する

Avatar for Young Young
June 30, 2018
Programming
110
0

 ConstraintLayoutを理解する

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

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

Avatar for Young

Young

June 30, 2018

More Decks by Young

See All by Young
GitbookからOpenApiへのAPIドキュメント移行
Avatar for Young akihitookada
0
99
Navigation ComponentとFluxをnanaに導入した
Avatar for Young akihitookada
0
110
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
250
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
170
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
780
ミャンマーのすゝめ
Avatar for Young akihitookada
2
100
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
認証統合から始めるフロントエンドの機能単位開発 — マイクロサービス思想の適用
Avatar for kouki.miura koukimiura
0
100
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
Avatar for takuro abe takuroabe
0
150
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
330
Cache-moi si tu peux : patterns et pièges du cache en production - Devoxx France 2026 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
350
AI時代になぜ書くのか
Avatar for Mutz mutsumix
0
360
How We Benchmarked Quarkus: Patterns and anti-patterns
Avatar for Holly Cummins hollycummins
1
190
Kubernetesを使わない環境にもCloud Nativeなデプロイを実現する / Enabling Cloud Native deployments without the complexity of Kubernetes
Avatar for linyows linyows
3
380
サークル参加から学ぶ、小さな事業の回し方
Avatar for yuzneri yuzneri
0
160
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5.7k
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
150
cloudnative conference 2026 flyle
Avatar for azihsoyn azihsoyn
0
170

Featured

See All Featured
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
180
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
190
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
190
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
160
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k

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