如何使用 Appcelerator 为 Android Material Theme UI 元素设置主题？

Question

有这个有用的信息，一切正常： http://docs.appcelerator.com/platform/latest/#!/guide/Android_Themes

图片也很有帮助：

问题是我想在顶部栏中使用白色或非常浅的灰色。但是，当我将其设置为 "android:textColorPrimary" 时，顶部栏中的文本为白色，但在所有警报中也使其 invisible/very 难以阅读。

如何将栏的文本颜色设置为白色，并将警报消息和其他文本设置为默认文本颜色（深灰色）的主题？

app/platform/android/res/values 中的 themeAndroid.xml 看起来像这样

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="materialTheme" parent="@style/Theme.AppCompat.Light">
    <item name="colorPrimary">#2e7d32</item>
    <item name="colorPrimaryDark">#005005</item>
    <item name="colorAccent">#80d8ff</item>
    <item name="colorSwitchThumbNormal">#49a7cc</item>
    <item name="android:colorButtonNormal">#49a7cc</item>
    <item name="android:textColorPrimary">#DADADA</item>
    <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
    <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
</style>

Answer 1

如果您想设置操作栏字体颜色的样式，您需要像这样扩展您的主题：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="Theme.MyThemeActionbar" parent="Theme.AppCompat">
        <item name="colorPrimary">#FF0000</item>
        <item name="colorPrimaryDark">#000000</item>

        <item name="actionBarStyle">@style/CustomTheme.ActionBarStyle</item>
        <item name="actionBarTheme">@style/Theme.ActionBarTheme</item>

        <!-- tab -->
        <item name="actionBarTabTextStyle">@style/TabStyle</item>
        <item name="android:actionBarTabTextStyle">@style/TabStyle</item>
    </style>

    <style name="Theme.ActionBarTheme" parent="style/Widget.AppCompat.Light.ActionBar">
        <!-- actionbar arrow -->
        <item name="colorControlNormal">#ffffff</item>
    </style>

    <style name="CustomTheme.ActionBarStyle" parent="style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <!-- actionbar -->
        <item name="elevation">0dp</item>
        <item name="android:actionMenuTextColor">#FFFFFF</item>
        <item name="android:titleTextStyle">@style/CustomTheme.ActionBar.TitleTextStyle</item>
        <item name="titleTextStyle">@style/CustomTheme.ActionBar.TitleTextStyle</item>
    </style>

    <style name="CustomTheme.ActionBar.TitleTextStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
        <!-- actionbar font -->
        <item name="android:textColor">#FFFFFF</item>
    </style>

    <style name="TabStyle" parent="style/Widget.AppCompat.Light.ActionBar.TabText">
        <!-- tab font -->
        <item name="android:textColor">#ffffff</item>
    </style>
</resources>

然后你可以将字体颜色和原色设置为不同的值，其他的保持默认值

如何使用 Appcelerator 为 Android Material Theme UI 元素设置主题？

How to theme Android Material Theme UI Elements with Appcelerator?

user-interface

android

themes

appcelerator