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
20180427 制約付きレイアウトと仲良くする
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kei Ito
April 27, 2018
Programming
1.7k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20180427 制約付きレイアウトと仲良くする
Kei Ito
April 27, 2018
More Decks by Kei Ito
See All by Kei Ito
20211015 Mac CatalystでmacOS用アプリを作る
itok
2
4.5k
20210219 Flutterに入門してみた
itok
1
4.1k
20201009 iOS 14 ウィジェットをつくってみた
itok
1
2.5k
20191206 Property Wrappers 入門
itok
0
1.7k
20190920 iOS 13 対応ではまった話
itok
1
2.5k
20190726 Background App Refresh Taskがやってきた
itok
0
2.3k
20190722 Firebase Remote Configでアドネットワークを管理する
itok
0
1.6k
20190419 iOSアプリで証明書の情報を参照する
itok
0
1.5k
20190412 Android TV向けアプリを作ってみる
itok
0
1.1k
Other Decks in Programming
See All in Programming
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
nrslib
14
5.6k
Agentic UI
manfredsteyer
PRO
0
180
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成(CC Night 2026)
wemra
1
140
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
11
5.8k
Make SRE Operations Easier with Azure SRE Agent
kkamegawa
0
6.8k
Vite+ Unified Toolchain for the Web
naokihaba
0
320
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
140
dRuby over BLE
makicamel
2
380
さぁV100、メモリをお食べ・・・
nilpe
0
150
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
260
New "Type" system on PicoRuby
pocke
1
970
スマートグラスで並列バイブコーディング
hyshu
0
160
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
250
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
1.7k
We Are The Robots
honzajavorek
0
250
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Designing for Performance
lara
611
70k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
150
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
430
Making Projects Easy
brettharned
120
6.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Transcript
੍͖ϨΠΞτͱ ྑ͘͢Δ .PCJMF"DU04"," JUPL!ͦΒ͔ͥ
JUPL!ͦΒ͔ͥ w ͍ͱ͏͚͍ʢJUPLʣ w ɹɹɹɹɹɹͷதͷਓʢʴ෭ۀˏͯͳʣ w ϞόΠϧΞϓϦΤϯδχΞ݉$&0 w IUUQJUPLKQ IUUQTPSBLB[FDPKQ
!JUPL@UXJU
ྫ Ҏ্ ॎԣՄม ԣՄม
ྫ Ҏ্ ॎԣՄม ԣՄม
J04 "VUP-BZPVU
"VUP-BZPVU USBJMJOHNBSHJO㱢 ॎԣՄม ԣՄม
"OESPJE
$POTUSBJOU-BZPVU ਖ਼ࣜϦϦʔε IUUQTBOESPJETUVEJPHPPHMFCMPHDPN DPOTUSBJOUMBZPVUIUNM
$POTUSBJOU-BZPVU MBZPVU@DPOTUSBJOU8JEUI@NJO ॎԣՄม ԣՄม
ͷ৽ػೳ
αΠζࢦఆͷ͍Ζ͍Ζ ."5$)@1"3&/5 ʹ͕ͨ͠͏ 83"1@$0/5&/5 දࣔ༰ʹ͕ͨ͠͏ ."5$)@$0/453"*/5 ʢEQʣ ੍ʹ͕ͨ͠͏ 83"1@$0/5&/5 ੍
දࣔ༰ʹ͕ͨ͠͏ ͕ͩɺ੍ʹ͕ͨ͠͏ /&8
83"1@$0/5&/5 ੍ • app:layout_constrainedWidth="true|false" • app:layout_constrainedHeight="true|false"
࠷େ࠷খ • app:layout_constraintWidth_min • app:layout_constraintWidth_max • app:layout_constraintHeight_min • app:layout_constraintHeight_max ."5$)@$0/453"*/5
ׂ߹ • app:layout_constraintWidth_percent • app:layout_constraintHeight_percent ʙ ."5$)@$0/453"*/5
ԁܗஔ • app:layout_constraintCircle • app:layout_constraintCircleRadius • app:layout_constraintCircleAngle
NBSHJO ྫͷճྫ Ҏ্ JDPO UFYU UFYU
NBSHJO ྫͷճྫ Ҏ্ JDPO UFYU UFYU android:layout_width="wrap_content"
android:layout_height="wrap_content" app:layout_constrainedWidth="true" UFYU83"1@$0/5&/5 ੍
NBSHJO ྫͷճྫ Ҏ্ JDPO UFYU UFYU android:layout_width="0dp"
app:layout_constraintWidth_min="40dp" NBSHJO."5$)@$0/453"*/5
ྫͷճྫ <View android:layout_width="30dp" android:layout_height="30dp" android:id="@+id/icon" android:background="#00F" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" android:layout_marginStart="10dp" />
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toEndOf="@id/icon" app:layout_constraintEnd_toStartOf="@id/margin" android:layout_marginStart="10dp" app:layout_constrainedWidth="true" android:id="@+id/text1" android:background="#0F0" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="@id/text1" app:layout_constraintStart_toEndOf="@id/text1" android:layout_marginStart="5dp" android:id="@+id/text2" android:background="#F00" /> <View android:layout_height="1dp" android:layout_width="0dp" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toEndOf="@id/text1" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintWidth_min="40dp" android:id="@+id/margin" android:background="#000"/>
ྫͷճྫ
·ͱΊ w $POTUSBJOU-BZPVUͰෳࡶͳϨΠΞτΛ࣮ݱͤ͞ Α͏ w IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODF BOESPJETVQQPSUDPOTUSBJOU $POTUSBJOU-BZPVUIUNM