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
2.1k
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
270
Growing your app with Firebase
shihochan
3
1.5k
Kotlin cross-platform / multi-format serialization
shihochan
0
380
Tips to iOS App Analytics
shihochan
1
780
iOS Engineer (Provisional)
shihochan
1
510
Dependency Injection in Kotlin
shihochan
5
1.4k
Best Practices to Slim Down Your App Size
shihochan
3
730
What's new in Android at IO '17
shihochan
0
160
What's new in Android Development Tools
shihochan
1
2.3k
Other Decks in Programming
See All in Programming
ふつうの技術スタックでアート作品を作ってみる
akira888
1
880
Goで作る、開発・CI環境
sin392
0
240
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
210
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
910
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
650
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
220
PicoRuby on Rails
makicamel
2
130
テスト駆動Kaggle
isax1015
0
220
Deep Dive into ~/.claude/projects
hiragram
14
2.6k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.6k
Featured
See All Featured
Building Applications with DynamoDB
mza
95
6.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
960
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimizing for Happiness
mojombo
379
70k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Unsuck your backbone
ammeep
671
58k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The Language of Interfaces
destraynor
158
25k
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ʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ