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

Google I/O 2017 Constraint Layout

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Laurence de Villers Laurence de Villers
June 01, 2017
Technology
140
0

Google I/O 2017 Constraint Layout

What is new about Constraint Layout.

Avatar for Laurence de Villers

Laurence de Villers

June 01, 2017

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
36
Navigation component 2.0.0
Avatar for Laurence de Villers ldev6
0
45
How to have fantastic session
Avatar for Laurence de Villers ldev6
0
57
Basic of Android Development
Avatar for Laurence de Villers ldev6
0
84
The Navigation Architecture Component
Avatar for Laurence de Villers ldev6
0
98
Curating Great Speakers
Avatar for Laurence de Villers ldev6
0
150
Demystifying Figure Skating
Avatar for Laurence de Villers ldev6
0
43
Diversity in tech
Avatar for Laurence de Villers ldev6
0
46
THE BIGGEST ANNOUNCEMENT OF I/O --> Firebase
Avatar for Laurence de Villers ldev6
0
130

Other Decks in Technology

See All in Technology
スクラムで身についていた動き方を、XPで捉え直してみた
Avatar for コドモン開発チーム codmoninc
1
170
作り直せるコードは迅速に 作り直せないDBは慎重に - AI時代のプロダクトエンジニアが「判断の不可逆性」で開発速度を変える話
Avatar for kinosuke01 kinosuke01
0
190
Bet AI Day 2026丨Production-Ready AI Agents — エンタープライズの実務を任せるための設計と運用
Avatar for LayerX layerx
PRO
3
2k
Backstageでつくるセルフサービスな社内開発基盤
Avatar for Sakazaki Kikunosuke kikunosuke75
1
230
生成AI時代の クレデンシャルとパーミッション設計
Avatar for NRI Netcom nrinetcom
PRO
3
1.5k
Hub & Spoke 環境のネットワークルーティングを分解してみる
Avatar for Tsuyataku tsuyataku
1
520
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
240
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
Avatar for 匠技研工業株式会社 / Takumi Engineering, inc. takumiengineering
0
230
Benchmarking Vector Databases: pgvector vs. LanceDB
Avatar for tsho tsho
0
130
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
Avatar for yuki honyanya
1
190
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
Avatar for LayerX layerx
PRO
0
790
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
Avatar for oracle4engineer oracle4engineer
PRO
2
220

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
280
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
230
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
200
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6.1k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
440

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