Jetpack_MaterialButton

Jetpack 帶來的一個新控件
使用方法:

 <com.google.android.material.button.MaterialButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="10dp"
        android:layout_marginRight="16dp"
        android:backgroundTint="@color/main_color_grey"
        android:clickable="false"
        android:includeFontPadding="false"
        android:orientation="vertical"
        android:stateListAnimator="@null"
        android:text="@{feedTag}"
        android:textColor="@color/black"
        android:textSize="10sp"
        android:visibility="@{TextUtils.isEmpty(feedTag)?View.GONE:View.VISIBLE}"
        app:cornerRadius="15dp"
        app:icon="@drawable/icon_tag"
        app:iconGravity="textStart"
        app:iconPadding="4dp"
        app:iconSize="12dp"
        app:iconTintMode="multiply" />

   
    <!-- app:iconTintMode="multiply" 這個屬性會影響到 icon 的著色-->
    <!-- android:stateListAnimator="@null" 這個屬性會影響 外觀陰影-->

還需要在 styles中自定義屬性

 <!--自定義 MaterialButton-->
    <style name="materialButton" parent="Widget.MaterialComponents.Button">
        <item name="android:paddingLeft">8dp</item>
        <item name="android:paddingRight">8dp</item>
        <item name="android:paddingTop">4dp</item>
        <item name="android:paddingBottom">4dp</item>
        <item name="android:inset">0dp</item>
        <item name="android:insetLeft">0dp</item>
        <item name="android:insetRight">0dp</item>
        <item name="android:insetTop">0dp</item>
        <item name="android:insetBottom">0dp</item>
        <item name="android:minWidth">0dp</item>
        <item name="android:minHeight">0dp</item>
        <item name="elevation">0dp</item>
    </style>

在 theme中引入 MaterialButton,

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="materialButtonStyle">@style/materialButton</item>
    </style>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容