Material Components for Android 1.0.0 → 1.1.0

37618b4d60cf3d1f43f7196253264edc?s=47 Nabe
May 15, 2019
Programming
2
350

Material Components for Android 1.0.0 → 1.1.0

https://kanmoba.connpass.com/event/129285/

37618b4d60cf3d1f43f7196253264edc?s=128

Nabe

May 15, 2019
Tweet

More Decks by Nabe

See All by Nabe
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
170
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
330
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
1
310
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
260
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
690

Other Decks in Programming

See All in Programming
575ca492bac55e895d0e1c86f7d709fe?s=48 hschwentner
9
1.6k
04df7340898eac3a0536d3b47c55501c?s=48 hirotokirimaru
0
130
4ccaadf34668c439a607c8b6083ba3b2?s=48 peaceiris
0
340
0aa238a274c2397214b20d6eed58939b?s=48 moomooya
2
390
Cc696ce673253d3bd21b3aa9e7927f39?s=48 hitode909
0
850
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
2
370
7a4968fbcd56e81f95a4f3c186141b52?s=48 kateinoigakukun
3
210
Fd3442482c4a9b2d2353448a6e379823?s=48 matsu_chara
2
350
4bd69b0ec8e5731a5332ee100ad8fb6d?s=48 entaku
2
140
A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
1
150
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
120
19d7ae634445d4bd9b10c7961a462260?s=48 shu223
9
1.7k

Featured

See All Featured
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
582
200k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
304
16k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
345
20k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.4k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
251
19k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
Ba530e786553390f3fb271848485681c?s=48 3n
160
22k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k

Transcript

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

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

    "OESPJE"QQ%FWFMPQFS

  3. ⚠JTBMQIB⚠

  4. ὎ BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF

    w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD

  5. ὎ BMQIB w .BUFSJBM5IFNJOH w $PMPS 4IBQF 5ZQPHSBQIZ5IFNJOH w %BSL5IFNF

    w /FX$PNQPOFOUT w 6QEBUF$PNQPOFOUT w #VHpYFUD

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

  7. &YUFOEFE'"#

  8. &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" />

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

  10. .BUFSJBM#VUUPO5PHHMF(SPVQ

  11. .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>

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

    DMFBS$IFDLFE w "OENPSFʜ

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

    0UIFST

  14. 5FYU*OQVU-BZPVU

  15. 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>

  16. 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)

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

  18. #PUUPN/BWJHBUJPO

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

  20. 4OBDLCBS

  21. 4OBDLCBS Snackbar.make(view, "Message", Snackbar.LENGTH_LONG) .setAction("Action") { // Some action }

    .setAnchorView(fab) .show() w TFU"ODIPS7JFX WJFX  w FH'MPBUJOH"DUJPO#VUUPO

  22. 4OBDLCBS <style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar"> <item name="snackbarStyle"> @style/Widget.MaterialComponents.Snackbar.FullWidth </item> </style>

  23. $BSE7JFX

  24. $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

  25. 0UIFS w 4VQQPSUT.BUFSJBM5IFNJOH $PMPS 4IBQF  5ZQPHSBQIZ %BSL5IFNF  w

    .BUFSJBM%JBMPH#VJMEFS w 4FMFDUJPO$POUSPM 4XJUDI 3BEJP#VUUPO  5PHHMF#VUUPO  w #PUUPN4IFFU w "OENPSFʜ

  26. *OEFWFMPQNFOU

  27. w IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBM DPNQPOFOUTBOESPJE