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
Material Components for Android 1.1.0 and 1.2.0
Search
Nabe
November 07, 2019
Programming
1
720
Material Components for Android 1.1.0 and 1.2.0
Nabe
November 07, 2019
Tweet
Share
More Decks by Nabe
See All by Nabe
Material 3で Material 2ぽい見た目にする
numeroanddev
2
300
Google I/O 2023 の 個人的おすすめセッションの紹介 / Introducing interesting sessions at Google IO 2023
numeroanddev
1
290
Jetpack ComposeのTalkback対応/Improve Talkback in Jetpack Compose
numeroanddev
0
340
Baseline Profilesでアプリのパフォーマンスを向上させる / Improve app performance with Baseline Profiles
numeroanddev
0
740
Jetpack Composeでアプリを開発して遭遇した問題
numeroanddev
0
580
Material3(Material You) の変更点 / Changes in Material3(Material You)
numeroanddev
4
1.3k
Refreshing widgets in Android 12
numeroanddev
2
530
既存のAndroidプロジェクトを Jetpack Composeに移行してみる / Migrate existing Android project to Jetpack Compose
numeroanddev
1
760
Material Motion
numeroanddev
0
470
Other Decks in Programming
See All in Programming
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
480
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
570
Ruby GitHub Packages
bkuhlmann
0
650
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
280
2 週間で Twitter Bot を作ってみた
contour_gara
0
800
Three ways to use AI on Android: The Good, the Bad and the Ugly
marxallski
0
110
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
140
業務ツールとして使うPostman
msys75
0
110
AppRouter Panel Talk
yosuke_furukawa
PRO
1
490
Apache Hive 4 on Treasure Data
ryukobayashi
1
450
JavaScript Closure
asoluka
0
830
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
1k
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
How GitHub (no longer) Works
holman
305
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Infographics Made Easy
chrislema
238
18k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
How STYLIGHT went responsive
nonsquared
92
4.8k
Visualization
eitanlees
137
14k
Product Roadmaps are Hard
iamctodd
45
9.8k
Transcript
.BUFSJBM$PNQPOFOUT GPS"OESPJE BOE "OESPJE%FW4VNNJUใࠂձ ,B[VLJ8BUBOBCF
1SPpMF w ͳ w 5XJUUFS!/BCF$PUU w (JU)VC/6NFSP"OE%FW w ͯͳ w
"OESPJE"QQ%FWFMPQFS
NBUFSJBMDPNQPOFOUTCFUB
CFUB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF
w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJESFMFBTFTUBHCFUB
CFUB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF
w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD
"OESPJE%FW4VNNJU %FWFMPQJOH5IFNFTXJUI4UZMF IUUQTZPVUVCF0XLG%I"04P
/FX$PNQPOFOUT w &YUFOEFE'MPBUJOH"DUJPO#VUUPO w .BUFSJBM#VUUPO5PHHMF(SPVQ w .BUFSJBM%BUF1JDLFS
&YUFOEFE'"#
&YUFOEFE'"# <com.google.android.material.floatingactionbutton.ExtendedF loatingActionButton android:id="@+id/extendedFab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:text="Create" app:icon="@drawable/ic_add" />
&YUFOEFE'"# extendedFab.extend() extendedFab.shrink()
.BUFSJBM#VUUPO5PHHMF(SPVQ
.BUFSJBM#VUUPO5PHHMF(SPVQ <com.google.android.material.button.MaterialButtonToggleGroup android:id="@+id/singleSelectToggleGroup" android:layout_width="wrap_content" android:layout_height="wrap_content" app:singleSelection="true"> <com.google.android.material.button.MaterialButton style=“?attr/materialButtonOutlinedStyle" android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="Select1" /> <com.google.android.material.button.MaterialButton style="?attr/materialButtonOutlinedStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Select2" /> </com.google.android.material.button.MaterialButtonToggleGroup>
.BUFSJBM#VUUPO5PHHMF(SPVQ w DIFDLFE#VUUPO*EDIFDLFE#VUUPO*ET w DIFDL JE*OU VODIFDL JE*OU w
BEE0O#VUUPO$IFDLFE-JTUFOFS w DMFBS$IFDLFE w "OENPSFʜ
.BUFSJBM%BUF1JDLFS
.BUFSJBM%BUF1JDLFS val datePickerFragment = MaterialDatePicker.Builder.datePicker().build() val dateRangePickerFragment = MaterialDatePicker.Builder.dateRangePicker().build()
.BUFSJBM%BUF1JDLFS w TFU4FMFDUJPO E-POH TFU4FMFDUJPO E1BJS-POH -POH w
TFU5IFNF NBUFSJBM$BMFOEBS'VMMTDSFFO5IFNF NBUFSJBM$BMFOEBS5IFNF DVTUPNUIFNF
.BUFSJBM%BUF1JDLFS w TFU$BMFOEBS$POTUSBJOU D$BMFOEBS$POTUSBJOUT -JNJUUIFEJTQMBZSBOHFPGDBMFOEBSBOETFUBOPQFO"UNPOUI w TFU4UBSU E-POH TFU&OE
E-POH w TFU0QFO"U E-POH w TFU7BMJEBUPS WBMJEBUPS%BUF7BMJEBUPS %BUF7BMJEBUPS1PJOU'PSXBSE DMBTTUIBUJNQMFNFOUFE%BUF7BMJEBUPS
NBUFSJBMDPNQPOFOUTBMQIB
BMQIB w "EEFE4MJEFS w .BUFSJBM#VUUPO5PHHMF(SPVQTVQQPSUTWFSUJDBM PSJFOUBUJPO w "OENPSFVQEBUFT IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTBOESPJESFMFBTFTUBHBMQIB
4MJEFS
4MJEFS <com.google.android.material.slider.Slider android:id="@+id/discreteSlider" android:layout_width="0dp" android:layout_height="wrap_content" android:stepSize="10" android:value="10" android:valueFrom="0.0" android:valueTo="100.0" app:floatingLabel="true"
/>
4MJEFS w TFU0O$IBOHF-JTUFOFS w TFU-BCFM'PSNBUUFS #BTJD-BCFM'PSNBUUFS DMBTTUIBUJNQMFNFOUFE-BCFM'PSNBUUFS
+FUQBDL$PNQPTF
5IBOLZPV