Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
New Layout Editor with Constraint Layout
Search
Yuki Shiho
May 25, 2016
Programming
0
2k
New Layout Editor with Constraint Layout
Yuki Shiho
May 25, 2016
Tweet
Share
More Decks by Yuki Shiho
See All by Yuki Shiho
Bubbles
shihochan
2
250
Growing your app with Firebase
shihochan
3
1.4k
Kotlin cross-platform / multi-format serialization
shihochan
0
360
Tips to iOS App Analytics
shihochan
1
750
iOS Engineer (Provisional)
shihochan
1
480
Dependency Injection in Kotlin
shihochan
5
1.3k
Best Practices to Slim Down Your App Size
shihochan
3
700
What's new in Android at IO '17
shihochan
0
140
What's new in Android Development Tools
shihochan
1
2.1k
Other Decks in Programming
See All in Programming
Conform を推す - Advocating for Conform
mizoguchicoji
3
680
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
670
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
10
1.8k
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
技術を根付かせる / How to make technology take root
kubode
1
240
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
ARA Ansible for the teams
kksat
0
150
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
98
5.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
A better future with KSS
kneath
238
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Embracing the Ebb and Flow
colly
84
4.6k
Faster Mobile Websites
deanohume
306
31k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Visualization
eitanlees
146
15k
Documentation Writing (for coders)
carmenintech
67
4.6k
Agile that works and the tools we love
rasmusluckow
328
21k
BBQ
matthewcrist
86
9.5k
Transcript
/FX-BZPVU&EJUPS XJUI$POTUSBJOU-BZPVU ࢤำါل !TIJIPDIBO !QPUBUPUJQT
ࣗݾհ ࢤำါلʢ͠΄Ώ͏͖ʣ !TIJIPDIBO !TIJIPDIBOEFTV
None
Introducing ConstraintLayout
(PPHMF*0Ͱൃද͞Εͨ৽͍͠ϨΠΞτ ϨΠΞτΛϚςϦΞϧσβΠϯʹ४ڌͨ͠࠷దͳҐ ஔʹࣗಈௐ ಛ (6*ϕʔεͰϨΠΞτΛ࡞ "OESPJE4UVEJP͕ࣗಈͰYNMΛੜ "VUP$POOFDUͱ*OGFSFODFʹΑΔϨΠΞτ੍ "1*dରԠ "CPVU$POTUSBJOU-BZPVUʢʣ
༻ཁ݅ "OESPJE4UVEJPWQSFWJFXd +%,d "CPVU$POTUSBJOU-BZPVUʢʣ
$POTUSBJOU-BZPVUಋೖʢʣ a. Click Tools > Android > SDK Manager. b.
Click the SDK Tools tab. c. Select Android Support Repository, then click OK. 1. Ensure you have the latest Android Support Repository (version 32 or higher):
$POTUSBJOU-BZPVUಋೖʢʣ dependencies { compile 'com.android.support.constraint:constraint-layout:1.0.0-alpha1' } 2. Add the Constraint
Layout library as a dependency in your build.gradle file: 3. In the toolbar or sync notification, click Sync Project with Gradle Files.
$POTUSBJOU-BZPVUಋೖʢʣ 4. Create Layout resource file and Add ConstraintLayout. <?xml
version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.constraint.ConstraintLayout> 5. Select Design tab and makes layout.
"VUP$POOFDUJOBDUJPO
"EEJOHBDPOTUSBJOUUPUIFMBZPVUFEHF
"DPOTUSBJOUCFUXFFOUXPWJFXT Adding a constraint to the anchor on another view
Adding a baseline constraint between views
$FOUFSJOHBWJFXCZBEEJOHBDPOTUSBJOUPOCPUITJEFT
5IF1SPQFSUJFTXJOEPX
খنͰόϯυϧ͞Ε͍ͯͳ͍ϥΠϒϥϦ "1*dରԠ ։ൃεϐʔυͷ্ ύϑΥʔϚϯεͷ্ ϨΠΞτͷෆཁͳωετ͕ݮΔ
ੜ͞ΕͨYNMͷՄಡੑ͕ѱ͍ BUUSJCVUFT͕ଟ͍ ίʔυϨϏϡʔ͕Ͱ͖ͳ͍ ੜ͞ΕͨYNMʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ