Material Components for Android 1.0.0 → 1.1.0

by Nabe

Slide 1

Slide 1 text

.BUFSJBM$PNQPOFOUT GPS"OESPJE ὎ ؔϞό ,B[VLJ8BUBOBCF

Slide 2

Slide 2 text

1SPpMF w ͳ΂ w 5XJUUFS!/BCF$PUU w (JU)VC/6NFSP"OE%FW w 'FOSJS*OD w "OESPJE"QQ%FWFMPQFS

Slide 3

Slide 3 text

⚠JTBMQIB⚠

Slide 4

Slide 4 text

὎ BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD

Slide 5

Slide 5 text

὎ BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD

Slide 6

Slide 6 text

/FX$PNQPOFOUT w &YUFOEFE'MPBUJOH"DUJPO#VUUPO w .BUFSJBM#VUUPO5PHHMF(SPVQ

Slide 7

Slide 7 text

&YUFOEFE'"#

Slide 8

Slide 8 text

&YUFOEFE'"#

Slide 9

Slide 9 text

&YUFOEFE'"# extendedFab.extend() extendedFab.shrink()

Slide 10

Slide 10 text

.BUFSJBM#VUUPO5PHHMF(SPVQ

Slide 11

Slide 11 text

.BUFSJBM#VUUPO5PHHMF(SPVQ

Slide 12

Slide 12 text

.BUFSJBM#VUUPO5PHHMF(SPVQ w DIFDLFE#VUUPO*EDIFDLFE#VUUPO*ET w DIFDL JE*OU w BEE0O#VUUPO$IFDLFE-JTUFOFS w DMFBS$IFDLFE w "OENPSFʜ

Slide 13

Slide 13 text

6QEBUFE$PNQPOFOUT w 5FYU*OQVU-BZPVU w #PUUPN/BWJHBUJPO w 4OBDLCBS w $BSE7JFX w 0UIFST

Slide 14

Slide 14 text

5FYU*OQVU-BZPVU

Slide 15

Slide 15 text

5FYU*OQVU-BZPVU

Slide 16

Slide 16 text

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)

Slide 17

Slide 17 text

5FYU*OQVU-BZPVU w BQQTUBSU*DPO%SBXBCMFBQQFOE*DPO%SBXBCMF w TFU4UBSU*DPO0O$MJDL-JTUFOFS TFU&OE*DPO0O$MJDL-JTUFOFS

Slide 18

Slide 18 text

#PUUPN/BWJHBUJPO

Slide 19

Slide 19 text

#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)

Slide 20

Slide 20 text

4OBDLCBS

Slide 21

Slide 21 text

4OBDLCBS Snackbar.make(view, "Message", Snackbar.LENGTH_LONG) .setAction("Action") { // Some action } .setAnchorView(fab) .show() w TFU"ODIPS7JFX WJFX w FH'MPBUJOH"DUJPO#VUUPO

Slide 22

Slide 22 text

4OBDLCBS <item name="snackbarStyle"> @style/Widget.MaterialComponents.Snackbar.FullWidth </item>

Slide 23

Slide 23 text

$BSE7JFX

Slide 24

Slide 24 text

$BSE7JFX cardView.isSelected = true // or false

Slide 25

Slide 25 text

0UIFS w 4VQQPSUT.BUFSJBM5IFNJOH $PMPS 4IBQF 5ZQPHSBQIZ %BSL5IFNF w .BUFSJBM%JBMPH#VJMEFS w 4FMFDUJPO$POUSPM 4XJUDI 3BEJP#VUUPO 5PHHMF#VUUPO w #PUUPN4IFFU w "OENPSFʜ