Android Lollipop，如何更改不同 UI 元素的颜色（ProgressBar、Switch、TextInput）

Question

我有一个 ProgressBar、Switch 和 TextInput，我需要能够为它们中的每一个指定不同的颜色。

当我这样做时，它会改变所有 3 个项目的颜色。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorAccent">#e8c4c7</item>
</style>

我正在寻找一个只改变我想要的 UI 元素颜色的命令。类似：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="progressBar">#aaaaaa</item>
    <item name="switch">#bbbbbb</item>
    <item name="textInput">#cccccc</item>
</style>

不幸的是，我无法直接更改每个元素的样式（因为我使用的是 ReactNative）。我需要一个使用这些全局设置的解决方案。

Answer 1

style.xml：

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar, also for button color-->
    <item name="android:colorPrimary">@color/primary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/accent</item>
   <!--progress bar theme-->
    <item name="android:progressBarStyle">@style/myprogress</item>
   <!--switch button theme-->
    <item name="android:switchStyle">@style/myswith</item>
  </style>
</resources>

 <!--progress bar style,-->
<style name="myprogress" parent="Widget.AppCompat.ProgressBar.Horizontal">
      <item name="android:background">@color/white_color</item>
</style>

<style name="myswitch" parent="Widget.AppCompat.CompoundButton.Switch"></style>

Manifest.xml：

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
        android:name=".activity.MainActivity"
        android:label="@string/app_name" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

示例：

Answer 2

这样的一些代码：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:progressBarStyle">@style/progress</item>
    <item name="android:switchStyle">@style/swith</item>
    <item name="android:textAppearance">@style/text</item>

</style>

<style name="progress" parent="Widget.AppCompat.ProgressBar.Horizontal">
    <item name="android:background"></item>
</style>

<style name="swith" parent="Widget.AppCompat.CompoundButton.Switch"></style>
<style name="text" parent="TextAppearance.AppCompat"></style>