Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
30
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
75
The Navigation Architecture Component
Avatar for Laurence de Villers ldev6
0
93
Curating Great Speakers
Avatar for Laurence de Villers ldev6
0
150
Demystifying Figure Skating
Avatar for Laurence de Villers ldev6
0
30
Diversity in tech
Avatar for Laurence de Villers ldev6
0
31
THE BIGGEST ANNOUNCEMENT OF I/O --> Firebase
Avatar for Laurence de Villers ldev6
0
100

Other Decks in Technology

See All in Technology
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1.1k
日本Rubyの会の構造と実行とあと何か / hokurikurk01
Avatar for Masayoshi Takahashi takahashim
4
960
AI 駆動開発勉強会 フロントエンド支部 #1 w/あずもば
Avatar for 1ft-seabass 1ftseabass
PRO
0
240
意外とあった SQL Server 関連アップデート + Database Savings Plans
Avatar for Takuya Shibata stknohg
PRO
0
300
【AWS re:Invent 2025速報】AIビルダー向けアップデートをまとめて解説！
Avatar for みのるん minorun365
4
480
[CMU-DB-2025FALL] Apache Fluss - A Streaming Storage for Real-Time Lakehouse
Avatar for Jark Wu jark
0
110
20251209_WAKECareer_生成AIを活用した設計・開発プロセス
Avatar for syobochim syobochim
5
1.4k
法人支出管理領域におけるソフトウェアアーキテクチャに基づいたテスト戦略の実践
Avatar for ogugu ogugu9
1
210
Edge AI Performance on Zephyr Pico vs. Pico 2
Avatar for misoji engineer iotengineer22
0
120
Noを伝える技術2025: 爆速合意形成のためのNICOフレームワーク速習 #pmconf2025
Avatar for Aki / @LoveIdahoBurger aki_iinuma
2
2.1k
ガバメントクラウド利用システムのライフサイクルについて
Avatar for 高橋広和 techniczna
0
190
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
590

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k

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