How to Modify EditText Bottom Line and Accent Colors in Appcompat v7?

How to Customize EditText Bottom Line and Accent Colors in Appcompat v7

Question:

When using Appcompat v7 to achieve consistent UI across Android versions, how can the bottom line and accent colors of EditTexts be modified?

Answer:

Material Design Color Properties:

Despite the apparent use of colorControlActivated and colorControlNormal in EditText for Material Design, these properties have no effect when using Appcompat.

Theme Overrides:

The solution involves overriding these color properties in the application theme. Here's an example:

<code class="xml"><style name="Theme.App.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorControlNormal">#c5c5c5</item>
    <item name="colorControlActivated">@color/accent</item>
    <item name="colorControlHighlight">@color/accent</item>
</style></code>

This overrides the default colorControlNormal, colorControlActivated, and colorControlHighlight properties in the application theme, effectively changing the bottom line and accent colors of EditTexts.

Usage:

Apply this theme to the activities where you want to customize the EditText colors. For example:

<code class="xml"><activity android:name=".MainActivity" android:theme="@style/Theme.App.Base" /></code>

By applying this modified theme, EditTexts will inherit the customized bottom line and accent colors.

The above is the detailed content of How to Modify EditText Bottom Line and Accent Colors in Appcompat v7?. For more information, please follow other related articles on the PHP Chinese website!