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

Google I/O 2017 Constraint Layout

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
33
Navigation component 2.0.0
Avatar for Laurence de Villers ldev6
0
30
How to have fantastic session
Avatar for Laurence de Villers ldev6
0
42
Basic of Android Development
Avatar for Laurence de Villers ldev6
0
76
The Navigation Architecture Component
Avatar for Laurence de Villers ldev6
0
94
Curating Great Speakers
Avatar for Laurence de Villers ldev6
0
150
Demystifying Figure Skating
Avatar for Laurence de Villers ldev6
0
31
Diversity in tech
Avatar for Laurence de Villers ldev6
0
33
THE BIGGEST ANNOUNCEMENT OF I/O --> Firebase
Avatar for Laurence de Villers ldev6
0
110

Other Decks in Technology

See All in Technology
事例に見るスマートファクトリーへの道筋〜工場データをAI Readyにする実践ステップ〜
Avatar for 濱田孝治 hamadakoji
1
290
マルチアカウント環境でSecurity Hubの運用！導入の苦労とポイント / JAWS DAYS 2026
Avatar for GENDA genda
0
520
Google系サービスで文字起こしから勝手にカレンダーを埋めるエージェントを作った話
Avatar for RisaTube risatube
0
150
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
2
260
JAWS FESTA 2025でリリースしたほぼリアルタイム文字起こし/翻訳機能の構成について
Avatar for 木村直紀 naoki8408
1
370
AIエージェント、 社内展開の前に知っておきたいこと
Avatar for oracle4engineer oracle4engineer
PRO
2
110
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
3k
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
620
Claude Codeが爆速進化してプラグイン追従がつらいので半自動化した話 ver.2
Avatar for ryu rfdnxbro
0
510
楽しく学ぼう！ネットワーク入門
Avatar for Shota Shiratori shotashiratori
3
3k
類似画像検索モデルの開発ノウハウ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
5
1.1k
kintone開発のプラットフォームエンジニアの紹介
Avatar for Cybozu cybozuinsideout
PRO
0
860

Featured

See All Featured
Between Models and Reality
Avatar for mayunak mayunak
2
230
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
160
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
310
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
540
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k

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