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

Google I/O 2017 Constraint Layout

Avatar for Laurence de Villers Laurence de Villers
June 01, 2017
Technology
0
120

Google I/O 2017 Constraint Layout

What is new about Constraint Layout.

Avatar for Laurence de Villers

Laurence de Villers

June 01, 2017
Tweet

More Decks by Laurence de Villers

See All by Laurence de Villers
Curating Content & Finding Speakers, NA GDG Academy
Avatar for Laurence de Villers ldev6
0
27
Navigation component 2.0.0
Avatar for Laurence de Villers ldev6
0
29
How to have fantastic session
Avatar for Laurence de Villers ldev6
0
40
Basic of Android Development
Avatar for Laurence de Villers ldev6
0
73
The Navigation Architecture Component
Avatar for Laurence de Villers ldev6
0
91
Curating Great Speakers
Avatar for Laurence de Villers ldev6
0
150
Demystifying Figure Skating
Avatar for Laurence de Villers ldev6
0
29
Diversity in tech
Avatar for Laurence de Villers ldev6
0
30
THE BIGGEST ANNOUNCEMENT OF I/O --> Firebase
Avatar for Laurence de Villers ldev6
0
100

Other Decks in Technology

See All in Technology
社内報はAIにやらせよう / Let AI handle the company newsletter
Avatar for Jumpei Sakatsu saka2jp
8
1.2k
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
Avatar for mtskhs matsu0228
7
3.1k
許しとアジャイル
Avatar for Jun Nakajima jnuank
1
140
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
Avatar for Koji Miyata miyatakoji
1
160
そのWAFのブロック、どう活かす？ サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
Avatar for 株式会社カミナシ kaminashi
0
110
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに？ 私とRubyを繋いだRail(s)
Avatar for joy joyfrommasara
0
170
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう！ / Let's build an OAuth protected remote MCP server based on AWS managed services
Avatar for 株式会社カミナシ kaminashi
3
220
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
Avatar for ソニー株式会社 sony
0
100
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
3
760
Findy Team+のSOC2取得までの道のり
Avatar for adachi.ryo rvirus0817
0
500
VCC 2025 Write-up
Avatar for bata_24 bata_24
0
190
o11yで育てる、強い内製開発組織
Avatar for _awache _awache
3
130

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
580
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
970
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k

Transcript

  1. Laurence de Villers +LaurencedeVillers Constraintlayout is now the default layout!

    GDG Montreal Android
  2. None
  3. None

  4. Advantage Expressive way to create Layouts Flat Layouts ( more

    efficient ) Easy for animations. Text Alignment Compatible with 99% of Android Devices ( API level 9 )

  5. Recap

  6. ConstraintLayout 1.0 Relative positioning Center positioning and bias Guidelines Ratio

  7. Chains Provide group-like behaviour in a single direction . The

    other axis is not constrained by it.

  8. ConstraintSet

  9. GOOGLE I/O → 1.1.0 beta 1

  10. Barriers Set a maximum or a minimum to the edge.

  11. Group Regroupment of view/widget to be able to set and

    modify all the group.

  12. Placeholder Virtual place view that set it content to an

    other view.

  13. Tools → Full inspector → Slice of Data

  14. Where to start Code lab : https://goo.gl/zDSQ6g https://developer.android.com/training/constraint-layout/index.html

  15. Thanks