从 material 更改颜色轮廓按钮不起作用
Change Color from material outlined button doesn't work
我想更改活动切换按钮的颜色。但只是 rippleColor 的变化会有所不同。
我想自定义活动按钮的背景颜色和文字颜色。
<style name="ToggleButtonGroupStyle" parent="Widget.MaterialComponents.Button.OutlinedButton">
<item name="rippleColor">@color/colorAccent</item>
</style>
在下面的 toggleButtonGroup 中,我使用了上面的这种样式:
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/priority_btn_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentLeft="true"
app:selectionRequired="true"
app:singleSelection="true"
app:checkedButton="@+id/btn_one"
>
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:shadowColor="@color/project_text"
android:text="0" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:text="!" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:text="!!" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="!!!" />
</com.google.android.material.button.MaterialButtonToggleGroup>
谁能告诉我这里的问题是什么?
谢谢:)
选中按钮的背景颜色基于 colorPrimary
属性。
您可以使用:
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="?attr/materialButtonOutlinedStyle"
android:theme="@style/ThemeOverlay.Custom.Button"
与:
<style name="ThemeOverlay.Custom.Button" parent="">
<item name="colorPrimary">@color/....</item>
</style>
或者您可以使用自定义样式:
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="@style/ToggleButtonGroupStyle"
与:
<style name="ToggleButtonGroupStyle" parent="Widget.MaterialComponents.Button.OutlinedButton">
<item name="backgroundTint">@color/custom_selector</item>
</style>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/..." android:state_checked="true"/> <!-- selected color -->
<item android:color="@android:color/transparent" android:state_checked="false"/>
</selector>
我想更改活动切换按钮的颜色。但只是 rippleColor 的变化会有所不同。 我想自定义活动按钮的背景颜色和文字颜色。
<style name="ToggleButtonGroupStyle" parent="Widget.MaterialComponents.Button.OutlinedButton">
<item name="rippleColor">@color/colorAccent</item>
</style>
在下面的 toggleButtonGroup 中,我使用了上面的这种样式:
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/priority_btn_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentLeft="true"
app:selectionRequired="true"
app:singleSelection="true"
app:checkedButton="@+id/btn_one"
>
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:shadowColor="@color/project_text"
android:text="0" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:text="!" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="@dimen/priority_btn_width"
android:layout_height="wrap_content"
android:text="!!" />
<com.google.android.material.button.MaterialButton
style="@style/ToggleButtonGroupStyle"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="!!!" />
</com.google.android.material.button.MaterialButtonToggleGroup>
谁能告诉我这里的问题是什么? 谢谢:)
选中按钮的背景颜色基于 colorPrimary
属性。
您可以使用:
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="?attr/materialButtonOutlinedStyle"
android:theme="@style/ThemeOverlay.Custom.Button"
与:
<style name="ThemeOverlay.Custom.Button" parent="">
<item name="colorPrimary">@color/....</item>
</style>
或者您可以使用自定义样式:
<com.google.android.material.button.MaterialButton
android:id="@+id/btn_one"
style="@style/ToggleButtonGroupStyle"
与:
<style name="ToggleButtonGroupStyle" parent="Widget.MaterialComponents.Button.OutlinedButton">
<item name="backgroundTint">@color/custom_selector</item>
</style>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/..." android:state_checked="true"/> <!-- selected color -->
<item android:color="@android:color/transparent" android:state_checked="false"/>
</selector>