Material Components for Android 1.0.0 → 1.1.0

Transcript

1. .BUFSJBM
   $PNQPOFOUT
   
   GPS
   "OESPJE
   
   
   ὎
    
   
   ؔϞό
   ,B[VLJ
   8BUBOBCF

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

   "OESPJE
   "QQ
   %FWFMPQFS

3. ⚠
   
   JT
   BMQIB
   
   ⚠

4. 
   ὎
   
   BMQIB
    w .BUFSJBM
   5IFNJOH
   w $PMPS
   4IBQF
   5ZQPHSBQIZ
   5IFNJOH
   w %BSL
   5IFNF
   

   w /FX
   $PNQPOFOUT
   
   w 6QEBUF
   $PNQPOFOUT
   w #VH
   pY
   FUD

5. 
   ὎
   
   BMQIB
    w .BUFSJBM
   5IFNJOH
   w $PMPS
   4IBQF
   5ZQPHSBQIZ
   5IFNJOH
   w %BSL
   5IFNF
   

   w /FX
   $PNQPOFOUT
   
   w 6QEBUF
   $PNQPOFOUT
   w #VH
   pY
   FUD

6. /FX
   $PNQPOFOUT w &YUFOEFE
   'MPBUJOH
   "DUJPO
   #VUUPO
   w .BUFSJBM
   #VUUPO
   5PHHMF
   (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
    #VUUPO
    5PHHMF
    (SPVQ

11. .BUFSJBM
    #VUUPO
    5PHHMF
    (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
    #VUUPO
    5PHHMF
    (SPVQ w DIFDLFE#VUUPO*E
    
    DIFDLFE#VUUPO*ET
    w DIFDL JE
    *OU
    w BEE0O#VUUPO$IFDLFE-JTUFOFS
    w

    DMFBS$IFDLFE
    w "OE
    NPSFʜ

13. 6QEBUFE
    $PNQPOFOUT w 5FYU
    *OQVU
    -BZPVU
    w #PUUPN
    /BWJHBUJPO
    w 4OBDLCBS
    w $BSE
    7JFX
    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%SBXBCMF
    
    BQQFOE*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. $BSE
    7JFX

24. $BSE
    7JFX <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
    .BUFSJBM
    5IFNJOH
    $PMPS
    4IBQF
    5ZQPHSBQIZ
    %BSL5IFNF
    w

    .BUFSJBM
    %JBMPH
    #VJMEFS
    w 4FMFDUJPO
    $POUSPM
    4XJUDI
    3BEJP#VUUPO
    5PHHMF#VUUPO
    w #PUUPN
    4IFFU
    w "OE
    NPSFʜ

26. *O
    EFWFMPQNFOU

27. w IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBM DPNQPOFOUTBOESPJE