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
280
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
790
iOS Engineer (Provisional)
shihochan
1
520
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.4k
Other Decks in Programming
See All in Programming
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
150
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
12k
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
120
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3k
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1k
CSC305 Lecture 02
javiergs
PRO
1
260
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
800
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
150
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
930
Le côté obscur des IA génératives
pascallemerrer
0
130
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.4k
CSC509 Lecture 03
javiergs
PRO
0
330
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Speed Design
sergeychernyshev
32
1.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
Automating Front-end Workflow
addyosmani
1371
200k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Rails Girls Zürich Keynote
gr2m
95
14k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Optimizing for Happiness
mojombo
379
70k
Designing for Performance
lara
610
69k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
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ʹखΛೖΕͳ͍΄͏͕ྑͦ͞͏ɾɾɾ