如何在您的应用中为用户提供切换不同颜色皮肤的可能性

Question

我希望给用户提供选择应用程序颜色主题的机会。例如，我将实现一个黑色皮肤，其中包含不同色调的黑色颜色，以及一个白色皮肤，其中包含不同色调的白色颜色。

那么，最好的方法是什么？

例如，我知道在Android中有一个colors.xml文件，应该包含应用程序的颜色。是否有一种方法可以拥有两个颜色文件或类似的东西，并根据用户选择使用其中一个？也许是styles.xml文件？

请告诉我您认为哪种方法是最好的。

谢谢

我的布局：

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-- The main content view -->
    <RelativeLayout
        android:id="@+id/main_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <android.support.v4.view.ViewPager
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <android.support.v4.view.PagerTitleStrip
                android:id="@+id/pager_title_strip"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:paddingTop="4dp"
                android:paddingBottom="4dp"
                style="@style/CustomPagerTitleStrip"/>
        </android.support.v4.view.ViewPager>
    </RelativeLayout>
    <!-- The navigation drawer -->
    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer_menu"
        style="@style/NavigationDrawerStyle"/>
</android.support.v4.widget.DrawerLayout>

我的styles.xml文件：

<resources>
    <style name="AppTheme" parent="Theme.AppCompat">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="actionBarTheme">@style/CustomActionBar</item>
        <item name="android:textColor">@color/colorFontMenus</item>
        <item name="itemTextColor">@color/colorFontMenus</item>
        <item name="itemIconTint">@color/colorFontMenus</item>
    </style>

    <style name="CustomActionBar">
        <!-- title text color -->
        <item name="android:textColorPrimary">@color/colorFontMenus</item>
        <!-- subtitle text color -->
        <item name="android:textColorSecondary">?android:textColorPrimary</item>
        <!-- action menu item text color -->
        <item name="actionMenuTextColor">?android:textColorPrimary</item>
        <!-- action menu item icon color - only applies to appcompat-v7 icons :( -->
        <item name="colorControlNormal">?android:textColorPrimary</item>
    </style>

    <style name="CustomPagerTitleStrip">
        <item name="android:background">@color/mainColorWithAlpha</item>
    </style>

    <style name="CustomTextView">
        <item name="android:textColor">@color/colorFontContent</item>
    </style>

    <style name="CustomScrollBar">
        <item name="android:scrollbarThumbVertical">@drawable/scrollbar_green</item>
    </style>

    <style name="CustomDrawerHeader">
        <item name="android:background">@drawable/drawer_header_background_green</item>
    </style>

    <style name="NavigationDrawerStyle">
        <item name="android:background">@color/colorPrimaryDark</item>
   </style>

</resources>

- NullPointerException

---

我没有所有细节来发布一个正确的答案，但是只是给一个指导：使用样式/主题。在这里，您可以找到如何在运行时在Android中切换它们的方法https://dev59.com/gWIk5IYBdhLWcg3wl_PE - Budius

@NullPointerException 实际上我正在我的应用程序中这样做，但我并没有改变整个主题。我只是根据SharedPreferences中的颜色值以编程方式更改Statusbar颜色、Toolbar颜色、Fab颜色和任何其他颜色。如果您想要，我可以给您我的代码。但如果您想要检查一些东西，我建议您查看这个链接：android-change-app-theme-runtime。 - Yasin Kaçmaz

@ 空指针异常 我已经写了一个解释如何解决这个问题，并且发布了一些资源，让你对这个问题有更广泛的了解。 - Joaquim Ley

Answer 1

关于@Joaquim Ley的回答，我们可以在super.onCreate()之前更改主题。

在我的应用程序（工作中）中，我的styles.xml：

这是我的默认主题

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="android:colorAccent">@color/colorPrimary</item>
    <item name="android:statusBarColor">@color/colorPrimaryDark</item>
    <item name="android:colorFocusedHighlight">@color/colorPrimary</item>
    <item name="android:colorControlNormal">@color/amber_300</item>
    <item name="android:colorControlActivated">@color/amber_300</item>
    <item name="android:colorControlHighlight">@color/colorControlHighlight</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="actionBarItemBackground">?attr/selectableItemBackground</item>
    <item name="colorControlHighlight">@color/colorControlHighlight</item>
    <item name="android:windowContentTransitions">true</item>
    <!-- Customize your theme here. -->
</style>

这是我的绿色主题：

<style name="AppTheme.Green" parent="AppTheme">
    <item name="colorPrimary">@color/green_500</item>
    <item name="colorPrimaryDark">@color/green_700</item>
    <item name="android:colorAccent">@color/green_300</item>
    <item name="android:statusBarColor">@color/green_700</item>
    <item name="android:colorFocusedHighlight">@color/green_500</item>
    <item name="android:colorControlNormal">@color/green_300</item>
    <item name="android:colorControlActivated">@color/green_300</item>
</style>

更换主题时：

当您更改主题时：

@Override
protected void onCreate(Bundle savedInstanceState) {
    mPrefs=getSharedPreferences(getResources().getString(R.string.preference_name),MODE_PRIVATE);
    mEditor=mPrefs.edit();
    mEditor.apply();
    defaultColor=mPrefs.getInt(getResources().getString(R.string.default_color),0);
    //you can do some switch case or if else of defaultColor and change theme
    setTheme(R.style.AppTheme_Green);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_add_voice_record);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
}

这是我在工作中的第一个应用程序，但在我的个人应用程序中，我创建了一个BaseActivity并创建了一个方法handleColor(int color,int darkcolor)。但这不会改变整个主题，只会改变Toolbar、StatusBar、NavigationBar和EditText标记和下划线的颜色：

public class BaseActivity extends AppCompatActivity {

public void handleColor(int color,int darkcolor){
    //changing toolbar color
    if(getSupportActionBar()!=null){
        getSupportActionBar().setBackgroundDrawable(new ColorDrawable(color));
    }

    //if bigger than Api 21 change status bar color
    if(isLolipop()){
        Window window = getWindow();
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(darkcolor);
    }
}

public boolean isLolipop(){
    return  Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP;
  }

}

当改变颜色时，我使用Material Dialogs颜色选择器。示例apk：sample.apk和Github：material-dialogs。如果您想看看它的样子，我可以给您展示我的应用程序的视频。

颜色来自：Material Color Palette

无论如何，我知道两种不同的方法，如果你喜欢其中一种，我可以解释更多。

@Edit : 对于您来说，有个好消息，我发现了这个Github仓库：app-theme-engine，而且它工作得很好。您可以尝试示例apk。如果您不能通过gradle导入它，请尝试使用以下命令：compile 'com.github.naman14:app-theme-engine:0.5.1@aar'

- Yasin Kaçmaz

---

你好。谢谢。使用colors.xml文件切换使用的颜色是否可行？这比使用两个colors.xml文件或在colors.xml文件中使用两组颜色，每个颜色在两个组中都有相同的名称更有效率。这种方法可行吗？ - NullPointerException

针对你的第一个问题，@NullPointerException：我从未见过/听说过任何使用许多colors.xml的开发人员。对于你的第二个问题：你只能使用颜色名称一次。但是你可以阅读这个页面：UiModeManager，并尝试实现夜间模式。 - Yasin Kaçmaz

还有一件事，有些项目无法在“AppTheme”自定义样式中更改，必须在其他自定义样式中更改，例如CustomActionBar、CustomPagerTitleStrip、CustomScrollBar等。您如何应用这些自定义样式？ - NullPointerException

@NullPointerException，你能给我一些代码吗？我可以在运行时（以编程方式）更改ScrollView的滚动条颜色。但我从未尝试过CustomActionBar、CustomPagerTitleStrip。如果你能澄清你想要做什么，那么我会很容易地帮助你。 - Yasin Kaçmaz

Yasin Kaçmaz 当然了，我编辑了我的问题并添加了我的布局。正如你所见，我正在为我的视图组件使用自定义样式。 - NullPointerException

@NullPointerException 我已经编辑了我的回答，请查看“编辑”部分，我认为这会对你有所帮助。祝你有个愉快的一天！ - Yasin Kaçmaz

Answer 2

这应该在styles/AppTheme.xml文件中完成。

只有在onCreate()方法中并且在调用super()之前才能更改Activity的主题。更改主题相当简单，可以像下面这样做：

setTheme(someBooleanFlag ? R.style.AppThemeOne : R.style.AppThemeTwo);

在此阅读更多：

Ali Muzaffar的Medium文章

Styles和Themes

Material Theme

- Joaquim Ley

---

Joaquim Ley，有些项目无法在“AppTheme”自定义样式中更改，必须在其他自定义样式中进行更改，例如CustomActionBar、CustomPagerTitleStrip、CustomScrollBar等等。如何切换这些自定义样式的其他皮肤颜色？我编辑了我的问题，并添加了我的styles.xml文件和布局文件。 - NullPointerException

你可以使用 OtherCustomStyle parent="AppTheme" 来分配一个新的样式。 - Joaquim Ley