“材料规格”显示的按钮状态为灰色,处于禁用状态。
https://www.material.io/design/components/buttons.html#toggle-button
我正在使用Android材质组件中的MaterialButton: https://www.material.io/develop/android/components/material-button/
但是,将按钮设置为禁用时,按钮的颜色/色调不会改变。
<com.google.android.material.button.MaterialButton
android:id="@+id/disabled_material_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:enabled="false"
android:text="@string/button_label_disabled"/>
默认情况下,是否没有在Material Android组件中实现?材料组件是否定义了禁用的按钮状态列表?
答案 0 :(得分:11)
使用默认样式Widget.MaterialComponents.Button
时,用作default selector的backgroundTint
可以处理禁用状态,而无需进行任何更改:
它是默认选择器:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="?attr/colorPrimary" android:state_enabled="true"/>
<item android:alpha="0.12" android:color="?attr/colorOnSurface"/>
</selector>
只需使用:
<com.google.android.material.button.MaterialButton
android:enabled="false"
..>
如果要更改禁用的颜色,可以使用自定义选择器
<com.google.android.material.button.MaterialButton
app:backgroundTint="@color/my_selector"
..>
或者您可以覆盖默认选择器中使用的颜色:
<com.google.android.material.button.MaterialButton
android:theme="@style/button_overlay"
..>
具有:
<style name="button_overlay">
<item name="colorOnSurface">@color/my_color</item>
</style>
答案 1 :(得分:4)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:color="#FD7E14" android:alpha="0.45" />
<item android:color="#FD7E14" />
</selector>
<style name="AppMaterialButton" parent="Widget.MaterialComponents.Button.UnelevatedButton"> <item name="android:backgroundTint">@color/button_disabled</item> </style>
android:enabled="false"
到您的按钮小部件。<com.google.android.material.button.MaterialButton
android:enabled="false"
android:id="@+id/button_Join"
style="@style/AppMaterialButton"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="next"
app:cornerRadius="0dp" />
答案 2 :(得分:0)
您应该使用ThemeOverlay并分别应用有色样式
<style name="AccentButton" parent="ThemeOverlay.AppCompat.Dark">
<!-- customize colorButtonNormal for the disable color -->
<!-- customize colorAccent for the enabled color -->
</style>
<Button
android:id="@+id/login_button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/fragment_login_login_button"
android:theme="@style/AccentButton"
style="@style/Widget.AppCompat.Button.Colored"/>
答案 3 :(得分:0)
/res/color
目录中创建文件夹res
。<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false"
android:color="@color/colorDisabled" />
<item android:color="@color/colorEnabled" />
</selector>
Widget.MaterialComponents.Button
样式之一作为其父样式,并将颜色状态列表作为backgrountTint
标签:<style name="MaterialButtonStyle" parent="Widget.MaterialComponents.Button.UnelevatedButton">
<item name="backgroundTint">@color/color_states_materialbutton</item>
</style>
MaterialButton
上设置样式:<com.google.android.material.button.MaterialButton
style="@style/MaterialButtonStyle"
android:id="@+id/disabled_material_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:enabled="false"
android:text="@string/button_label_disabled"/>