Jak dać użytkownikowi możliwość przełączania się między różnymi kolorami skóry w aplikacji

Question

Chcę dać użytkownikowi możliwość wyboru, który kolor skóry będzie miał aplikacja. Na przykład, mogę wprowadzić czarną skórę o czarnych kolorach z różnymi tonalnościami, a także białą skórę z tonalnością.

Jakie powinno być najlepsze podejście, aby to osiągnąć?

Na przykład wiem, że istnieje plik colors.xml w systemie Android, który powinien zawierać kolory aplikacji. Czy może być sposób na posiadanie dwóch kolorów plików lub czegoś i użycie jednego lub drugiego w zależności od wyboru użytkownika? Może plik styles.xml?

Proszę mi powiedzieć swoją opinię o których whould być najlepszym podejściem do osiągnięcia tego

Dziękuję

swojego układu:

<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> 

Mój plik 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> 

Answer 1

Należy tego dokonać w stylach/AppTheme.xml

Można zmienić motyw działania tylko w metodzie onCreate() i to tylko przed wywołaniem super(). Zmiana tematu jest dość prosta, coś jak poniżej powinien to zrobić:

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

Czytaj więcej tutaj:

Ali Muzaffar's Medium post on this

Styles and Themes

Material Theme

Answer 2

regardi W odpowiedzi na @Joaquim Ley możemy zmienić temat przed super.onCreate().

W mojej aplikacji (w pracy) My styles.xml:

To mój domyślny motyw

<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> 

I to jest mój zielony Motyw:

<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> 

Zmieniając temat:

@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); 
} 

To jest moja pierwsza aplikacja w pracy, ale w mojej osobistej aplikacji utworzyłem BaseActivity i utworzyłem metodę handleColor(int color,int darkcolor). Ale to nie zmieni cały temat tylko Toolbar, StatusBar, NavigationBar i EditText marker i podkreślają kolory:

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; 
    } 

} 

Przy zmianie koloru używam Materiał Dialogi Próbnik kolorów.Przykładowy apk: sample.apk i Github: material-dialogs. Jeśli chcesz zobaczyć, jak to wygląda, mogę wyświetlić film o mojej aplikacji.

Kolory z: Material Color Palette

Anyways wiem 2 inne podejście, jeśli chcesz z nich mogę powiedzieć coś więcej.

Dobra wiadomość dla ciebie, znalazłem to Gitubowe repozytorium: app-theme-engine i działa dobrze. Możesz spróbować przykładowego apk. Jeśli nie możesz go zaimportować za pomocą metody gradle, spróbuj tego: compile 'com.github.naman14:app-theme-engine:0.5.1@aar'