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.0.0 → 1.1.0
Search
Nabe
May 15, 2019
Programming
2
890
Material Components for Android 1.0.0 → 1.1.0
https://kanmoba.connpass.com/event/129285/
Nabe
May 15, 2019
Tweet
Share
More Decks by Nabe
See All by Nabe
GraphQLとGigaViewer for Apps
numeroanddev
4
1k
Android アプリのプロジェクトをモダンにし続ける工夫
numeroanddev
1
570
Material 3で Material 2ぽい見た目にする
numeroanddev
2
450
Google I/O 2023 の 個人的おすすめセッションの紹介 / Introducing interesting sessions at Google IO 2023
numeroanddev
1
360
Jetpack ComposeのTalkback対応/Improve Talkback in Jetpack Compose
numeroanddev
0
400
Baseline Profilesでアプリのパフォーマンスを向上させる / Improve app performance with Baseline Profiles
numeroanddev
0
830
Jetpack Composeでアプリを開発して遭遇した問題
numeroanddev
0
640
Material3(Material You) の変更点 / Changes in Material3(Material You)
numeroanddev
4
1.4k
Refreshing widgets in Android 12
numeroanddev
2
590
Other Decks in Programming
See All in Programming
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
500
cXML という電子商取引の トランザクションを支える プロトコルと向きあっている話
phigasui
3
2.2k
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
270
Vue3の一歩踏み込んだパフォーマンスチューニング2024
hal_spidernight
3
3.1k
Go言語でターミナルフレンドリーなAIコマンド、afaを作った/fukuokago20_afa
monochromegane
2
140
go.mod、DockerfileやCI設定に分散しがちなGoのバージョンをまとめて管理する / Go Connect #3
arthur1
10
2.4k
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
360
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
830
VR HMDとしてのVision Pro+ゲーム開発について
yasei_no_otoko
0
100
JaSST 24 九州:ワークショップ(は除く)実践!マインドマップを活用したソフトウェアテスト+活用事例
satohiroyuki
0
260
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
540
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
200
Featured
See All Featured
Docker and Python
trallard
40
3.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Building an army of robots
kneath
302
42k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Building Your Own Lightsaber
phodgson
102
6k
Transcript
.BUFSJBM$PNQPOFOUT GPS"OESPJE ؔϞό ,B[VLJ8BUBOBCF
1SPpMF w ͳ w 5XJUUFS!/BCF$PUU w (JU)VC/6NFSP"OE%FW w 'FOSJS*OD w
"OESPJE"QQ%FWFMPQFS
⚠JTBMQIB⚠
BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF
w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD
BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF
w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD
/FX$PNQPOFOUT w &YUFOEFE'MPBUJOH"DUJPO#VUUPO w .BUFSJBM#VUUPO5PHHMF(SPVQ
&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 w BEE0O#VUUPO$IFDLFE-JTUFOFS w
DMFBS$IFDLFE w "OENPSFʜ
6QEBUFE$PNQPOFOUT w 5FYU*OQVU-BZPVU w #PUUPN/BWJHBUJPO w 4OBDLCBS w $BSE7JFX w
0UIFST
5FYU*OQVU-BZPVU
5FYU*OQVU-BZPVU <com.google.android.material.textfield.TextInputLayout android:id="@+id/dropdownFilledTextInputLayout" style="@style/ Widget.MaterialComponents.TextInputLayout.FilledBox.Exposed DropdownMenu" android:layout_width="match_parent" android:layout_height="wrap_content"> <androidx.appcompat.widget.AppCompatAutoCompleteTextView android:id="@+id/filledAutoCompleteTextView"
android:layout_width="match_parent" android:layout_height="wrap_content" android:editable="false" /> </com.google.android.material.textfield.TextInputLayout>
5FYU*OQVU-BZPVU val adapter = ArrayAdapter( context, android.R.layout.simple_spinner_dropdown_item, arrayOf("Item 1", "Item
2", "Item 3", "Item 4") ) filledAutoCompleteTextView.setAdapter(adapter)
5FYU*OQVU-BZPVU w BQQTUBSU*DPO%SBXBCMFBQQFOE*DPO%SBXBCMF w TFU4UBSU*DPO0O$MJDL-JTUFOFS TFU&OE*DPO0O$MJDL-JTUFOFS
#PUUPN/BWJHBUJPO
#PUUPN/BWJHBUJPO // show only badge bottomNavigation.showBadge(R.id.navigation_item_1) // show badge with
number val badgeDrawable = bottomNavigation.showBadge(R.id.navigation_item_2) badgeDrawable.apply { number = 5000 maxCharacterCount = 5 // default is 4 } // dismiss badge bottomNavigation.removeBadge(R.id.navigation_item_1)
4OBDLCBS
4OBDLCBS Snackbar.make(view, "Message", Snackbar.LENGTH_LONG) .setAction("Action") { // Some action }
.setAnchorView(fab) .show() w TFU"ODIPS7JFX WJFX w FH'MPBUJOH"DUJPO#VUUPO
4OBDLCBS <style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar"> <item name="snackbarStyle"> @style/Widget.MaterialComponents.Snackbar.FullWidth </item> </style>
$BSE7JFX
$BSE7JFX <com.google.android.material.card.MaterialCardView android:id=“@+id/cardView" android:layout_width="match_parent" android:layout_height="match_parent" android:checkable="true"> </com.google.android.material.card.MaterialCardView> cardView.isSelected = true
// or false
0UIFS w 4VQQPSUT.BUFSJBM5IFNJOH $PMPS 4IBQF 5ZQPHSBQIZ %BSL5IFNF w
.BUFSJBM%JBMPH#VJMEFS w 4FMFDUJPO$POUSPM 4XJUDI 3BEJP#VUUPO 5PHHMF#VUUPO w #PUUPN4IFFU w "OENPSFʜ
*OEFWFMPQNFOU
w IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBM DPNQPOFOUTBOESPJE