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
860
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
GraphicsLayerのBitmap作成
numeroanddev
0
140
GraphQLとGigaViewer for Apps
numeroanddev
4
3k
Android アプリのプロジェクトをモダンにし続ける工夫
numeroanddev
1
650
Material 3で Material 2ぽい見た目にする
numeroanddev
2
550
Google I/O 2023 の 個人的おすすめセッションの紹介 / Introducing interesting sessions at Google IO 2023
numeroanddev
1
400
Jetpack ComposeのTalkback対応/Improve Talkback in Jetpack Compose
numeroanddev
0
490
Baseline Profilesでアプリのパフォーマンスを向上させる / Improve app performance with Baseline Profiles
numeroanddev
0
880
Jetpack Composeでアプリを開発して遭遇した問題
numeroanddev
0
680
Material3(Material You) の変更点 / Changes in Material3(Material You)
numeroanddev
4
1.5k
Other Decks in Programming
See All in Programming
AI Coding Agent Enablement - エージェントを自走させよう
yukukotani
13
5.8k
Ruby's Line Breaks
yui_knk
2
460
5年間継続して開発した自作OSSの記録
bebeji_nappa
0
160
英語 × の私が、生成AIの力を借りて、OSSに初コントリビュートした話
personabb
0
180
アプリを起動せずにアプリを開発して品質と生産性を上げる
ishkawa
0
2.5k
Being an ethical software engineer
xgouchet
PRO
0
200
フロントエンドテストの育て方
quramy
11
2.9k
List とは何か? / PHPerKaigi 2025
meihei3
0
670
Develop Faster With FrankenPHP
dunglas
2
3.2k
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
110
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
160
Defying Front-End Inertia: Inertia.js on Rails
skryukov
0
460
Featured
See All Featured
Building Adaptive Systems
keathley
41
2.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
The Pragmatic Product Professional
lauravandoore
33
6.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
380
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
BBQ
matthewcrist
88
9.6k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
Git: the NoSQL Database
bkeepers
PRO
430
65k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
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