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
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
340
Spring gRPC について / About Spring gRPC
mackey0225
0
220
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
[Fin-JAWS 第38回 ~re:Invent 2024 金融re:Cap~]FaultInjectionServiceアップデート@pre:Invent2024
shintaro_fukatsu
0
400
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
Ruby on cygwin 2025-02
fd0
0
140
Introduction to kotlinx.rpc
arawn
0
630
DROBEの生成AI活用事例 with AWS
ippey
0
130
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Side Projects
sachag
452
42k
Designing for Performance
lara
604
68k
GraphQLとの向き合い方2022年版
quramy
44
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
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ʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ