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

Other Decks in Programming

See All in Programming
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
Avatar for ShuyaKinjo shuyakinjo
1
270
AIレビュアーをスケールさせるには / Scaling AI Reviewers
Avatar for technuma technuma
2
180
実践 Dev Containers × Claude Code
Avatar for Yuto Akiba touyu
1
190
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
200
What's new in Adaptive Android development
Avatar for Sungyong An fornewid
0
140
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
Avatar for adachi.ryo rvirus0817
1
1.7k
Understanding Ruby Grammar Through Conflicts
Avatar for yui-knk yui_knk
1
110
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
あまり知られていない MCP 仕様たち / MCP specifications that aren’t widely known
Avatar for ktr ktr_0731
0
270
Scale out your Claude Code ~⁨⁩自社専用Agentで10xする開発プロセス~
Avatar for Yuku Kotani yukukotani
9
2.2k
Amazon Q CLI開発で学んだAIコーディングツールの使い方
Avatar for matsukada licux
3
180
React 使いじゃなくても知っておきたい教養としての React
Avatar for Yuka O’oka oukayuka
18
5.7k

Featured

See All Featured
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
770
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k

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