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
340
Tips to iOS App Analytics
shihochan
1
730
iOS Engineer (Provisional)
shihochan
1
450
Dependency Injection in Kotlin
shihochan
5
1.3k
Best Practices to Slim Down Your App Size
shihochan
3
680
What's new in Android at IO '17
shihochan
0
130
What's new in Android Development Tools
shihochan
1
2k
Other Decks in Programming
See All in Programming
イベント駆動で成長して委員会
happymana
1
330
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
Jakarta EE meets AI
ivargrimstad
0
210
Arm移行タイムアタック
qnighy
0
330
Ethereum_.pdf
nekomatu
0
460
Amazon Bedrock Agentsを用いてアプリ開発してみた!
har1101
0
340
初めてDefinitelyTypedにPRを出した話
syumai
0
420
Quine, Polyglot, 良いコード
qnighy
4
650
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
230
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
430
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.2k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
73
9.1k
Writing Fast Ruby
sferik
627
61k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Invisible Side of Design
smashingmag
298
50k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Faster Mobile Websites
deanohume
305
30k
Happy Clients
brianwarren
98
6.7k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Making Projects Easy
brettharned
115
5.9k
Designing Experiences People Love
moore
138
23k
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ʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ