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
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
76
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
32
THE BIGGEST ANNOUNCEMENT OF I/O --> Firebase
Avatar for Laurence de Villers ldev6
0
100

Other Decks in Technology

See All in Technology
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
GCASアップデート（202510-202601）
Avatar for 高橋広和 techniczna
0
250
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
170
toCプロダクトにおけるAI機能開発のしくじりと学び / ai-product-failures-and-learnings
Avatar for rince rince
6
5.5k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
Avatar for 熊井悠 kumaiu
5
760
Mosaic AI Gatewayでコーディングエージェントを配るための運用Tips / JEDAI 2026 新春 Meetup! AIコーディング特集
Avatar for GENDA genda
0
150
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
290
使いにくいの壁を突破する
Avatar for SansanTech sansantech
PRO
1
120
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
150
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
290
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.3k

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
89
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
190
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
130
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430

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