Làm cách nào để _really_ lập trình thay đổi màu chính và màu nhấn trong Android Lollipop?

Trước hết, câu hỏi này đặt ra một câu hỏi rất giống nhau. Tuy nhiên, câu hỏi của tôi có một sự khác biệt tinh tế.

Điều tôi muốn biết là liệu có thể lập trình thay đổi colorPrimarythuộc tính của một chủ đề thành một màu tùy ý không?

Vì vậy, ví dụ, chúng ta có:

<style name="AppTheme" parent="android:Theme.Material.Light">
    <item name="android:colorPrimary">#ff0000</item>
    <item name="android:colorAccent">#ff0000</item>
</style>

Khi chạy, người dùng quyết định anh ta muốn sử dụng #ccfffflàm màu chính. Tất nhiên, không có cách nào tôi có thể tạo chủ đề cho tất cả các màu có thể.

Tôi không phiền nếu tôi phải thực hiện các công cụ hacky, như dựa vào nội bộ riêng tư của Android, miễn là nó hoạt động bằng SDK công khai.

Mục tiêu của tôi là cuối cùng có ActionBar và tất cả các vật dụng như a CheckBoxđể sử dụng màu chính này.

Chủ đề là bất biến, bạn không thể.

Tôi đọc các bình luận về ứng dụng danh bạ và cách nó sử dụng một chủ đề cho mỗi liên hệ.

Có lẽ, ứng dụng danh bạ có một số chủ đề xác định trước (đối với mỗi màu chính của vật liệu từ đây: http://www.google.com/design/spec/style/color.html ).

Bạn có thể áp dụng một chủ đề trước một phương thức setContentView bên trong phương thức onCreate.

Sau đó, ứng dụng danh bạ có thể áp dụng một chủ đề ngẫu nhiên cho mỗi người dùng.

Phương pháp này là:

setTheme(R.style.MyRandomTheme);

Nhưng phương pháp này có một vấn đề, ví dụ nó có thể thay đổi màu thanh công cụ, màu hiệu ứng cuộn, màu gợn, v.v., nhưng nó không thể thay đổi màu thanh trạng thái và màu thanh điều hướng (nếu bạn cũng muốn thay đổi nó).

Sau đó, để giải quyết vấn đề này, bạn có thể sử dụng phương pháp trước và:

if (Build.VERSION.SDK_INT >= 21) {
        getWindow().setNavigationBarColor(getResources().getColor(R.color.md_red_500));
        getWindow().setStatusBarColor(getResources().getColor(R.color.md_red_700));
    }

Hai phương pháp này thay đổi màu thanh điều hướng và trạng thái. Hãy nhớ rằng, nếu bạn đặt mờ thanh điều hướng, bạn không thể thay đổi màu của nó.

Đây phải là mã cuối cùng:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setTheme(R.style.MyRandomTheme);
    if (Build.VERSION.SDK_INT >= 21) {
        getWindow().setNavigationBarColor(getResources().getColor(R.color.myrandomcolor1));
        getWindow().setStatusBarColor(getResources().getColor(R.color.myrandomcolor2));
    }
    setContentView(R.layout.activity_main);

}

Bạn có thể sử dụng một công tắc và tạo số ngẫu nhiên để sử dụng các chủ đề ngẫu nhiên, hoặc, như trong ứng dụng danh bạ, mỗi liên hệ có thể có một số xác định trước được liên kết.

Một mẫu chủ đề:

<style name="MyRandomTheme" parent="Theme.AppCompat.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/myrandomcolor1</item>
    <item name="colorPrimaryDark">@color/myrandomcolor2</item>
    <item name="android:navigationBarColor">@color/myrandomcolor1</item>
</style>

Xin lỗi vì tiếng Anh của tôi.

Bạn có thể sử dụng Theme.applyStyle để sửa đổi chủ đề của mình khi chạy bằng cách áp dụng một kiểu khác cho nó.

Giả sử bạn có các định nghĩa kiểu này:

<style name="DefaultTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/md_lime_500</item>
    <item name="colorPrimaryDark">@color/md_lime_700</item>
    <item name="colorAccent">@color/md_amber_A400</item>
</style>

<style name="OverlayPrimaryColorRed">
    <item name="colorPrimary">@color/md_red_500</item>
    <item name="colorPrimaryDark">@color/md_red_700</item>
</style>

<style name="OverlayPrimaryColorGreen">
    <item name="colorPrimary">@color/md_green_500</item>
    <item name="colorPrimaryDark">@color/md_green_700</item>
</style>

<style name="OverlayPrimaryColorBlue">
    <item name="colorPrimary">@color/md_blue_500</item>
    <item name="colorPrimaryDark">@color/md_blue_700</item>
</style>

Bây giờ bạn có thể vá chủ đề của mình trong thời gian chạy như vậy:

getTheme().applyStyle(R.style.OverlayPrimaryColorGreen, true);

Phương thức applyStylenày phải được gọi trước khi bố trí bị thổi phồng! Vì vậy, trừ khi bạn tải chế độ xem theo cách thủ công, bạn nên áp dụng các kiểu cho chủ đề trước khi gọi setContentViewtrong hoạt động của mình.

Tất nhiên, điều này không thể được sử dụng để chỉ định một màu tùy ý, tức là một trong số 16 triệu (256 ³ ) màu. Nhưng nếu bạn viết một chương trình nhỏ tạo ra các định nghĩa kiểu và mã Java cho bạn thì một cái gì đó giống như một trong số 512 (8 ³ ).

Điều làm cho điều này thú vị là bạn có thể sử dụng các lớp phủ phong cách khác nhau cho các khía cạnh khác nhau của chủ đề của bạn. Chỉ cần thêm một vài định nghĩa lớp phủ colorAccentchẳng hạn. Bây giờ bạn có thể kết hợp các giá trị khác nhau cho màu chính và màu nhấn gần như tùy ý.

Bạn nên đảm bảo rằng các định nghĩa chủ đề lớp phủ của bạn không vô tình thừa hưởng một loạt các định nghĩa kiểu từ định nghĩa kiểu cha. Ví dụ, một kiểu được gọi là AppTheme.OverlayRedkế thừa hoàn toàn tất cả các kiểu được định nghĩa trong AppThemevà tất cả các định nghĩa này cũng sẽ được áp dụng khi bạn vá chủ đề chính. Vì vậy, hoặc tránh các dấu chấm trong tên chủ đề lớp phủ hoặc sử dụng một cái gì đó giống như Overlay.Redvà xác định Overlaylà một kiểu trống.

Tôi đã tạo ra một số giải pháp để tạo bất kỳ chủ đề màu nào, có lẽ điều này có thể hữu ích cho ai đó. API 9+

1. trước tiên hãy tạo " res / value-v9 / " và đặt vào đó tệp này: Styles.xml và thư mục "res / value" thông thường sẽ được sử dụng với các kiểu của bạn.

2. đặt mã này vào res / value / style.xml của bạn:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">#000</item>
        <item name="colorPrimaryDark">#000</item>
        <item name="colorAccent">#000</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
    </style>

    <style name="AppThemeDarkActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">#000</item>
        <item name="colorPrimaryDark">#000</item>
        <item name="colorAccent">#000</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
    </style>

    <style name="WindowAnimationTransition">
        <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
        <item name="android:windowExitAnimation">@android:anim/fade_out</item>
    </style>
</resources>

3. vào AndroidQuản lý:

<application android:theme="@style/AppThemeDarkActionBar">

4. tạo một lớp mới với tên "ThemeColors.java"

public class ThemeColors {

    private static final String NAME = "ThemeColors", KEY = "color";

    @ColorInt
    public int color;

    public ThemeColors(Context context) {
        SharedPreferences sharedPreferences = context.getSharedPreferences(NAME, Context.MODE_PRIVATE);
        String stringColor = sharedPreferences.getString(KEY, "004bff");
        color = Color.parseColor("#" + stringColor);

        if (isLightActionBar()) context.setTheme(R.style.AppTheme);
        context.setTheme(context.getResources().getIdentifier("T_" + stringColor, "style", context.getPackageName()));
    }

    public static void setNewThemeColor(Activity activity, int red, int green, int blue) {
        int colorStep = 15;
        red = Math.round(red / colorStep) * colorStep;
        green = Math.round(green / colorStep) * colorStep;
        blue = Math.round(blue / colorStep) * colorStep;

        String stringColor = Integer.toHexString(Color.rgb(red, green, blue)).substring(2);
        SharedPreferences.Editor editor = activity.getSharedPreferences(NAME, Context.MODE_PRIVATE).edit();
        editor.putString(KEY, stringColor);
        editor.apply();

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) activity.recreate();
        else {
            Intent i = activity.getPackageManager().getLaunchIntentForPackage(activity.getPackageName());
            i.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
            activity.startActivity(i);
        }
    }

    private boolean isLightActionBar() {// Checking if title text color will be black
        int rgb = (Color.red(color) + Color.green(color) + Color.blue(color)) / 3;
        return rgb > 210;
    }
}

5. Tính chính :

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        new ThemeColors(this);
        setContentView(R.layout.activity_main);
    }

    public void buttonClick(View view){
        int red= new Random().nextInt(255);
        int green= new Random().nextInt(255);
        int blue= new Random().nextInt(255);
        ThemeColors.setNewThemeColor(MainActivity.this, red, green, blue);
    }
}

Để thay đổi màu sắc, chỉ cần thay thế Ngẫu nhiên bằng RGB của bạn, Hy vọng điều này sẽ giúp.

Có một ví dụ hoàn chỉnh: ColorTest.zip

Tôi đã sử dụng mã của Dahnark nhưng tôi cũng cần thay đổi nền ToolBar:

if (dark_ui) {
    this.setTheme(R.style.Theme_Dark);

    if (Build.VERSION.SDK_INT >= 21) {
        getWindow().setNavigationBarColor(getResources().getColor(R.color.Theme_Dark_primary));
        getWindow().setStatusBarColor(getResources().getColor(R.color.Theme_Dark_primary_dark));
    }
} else {
    this.setTheme(R.style.Theme_Light);
}

setContentView(R.layout.activity_main);

toolbar = (Toolbar) findViewById(R.id.app_bar);

if(dark_ui) {
    toolbar.setBackgroundColor(getResources().getColor(R.color.Theme_Dark_primary));
}

Bạn không thể thay đổi màu của colorPrimary, nhưng bạn có thể thay đổi chủ đề của ứng dụng của mình bằng cách thêm một kiểu mới với một màu khác màu khác

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
</style>

<style name="AppTheme.NewTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorOne</item>
    <item name="colorPrimaryDark">@color/colorOneDark</item>
</style>

và bên trong chủ đề thiết lập hoạt động

 setTheme(R.style.AppTheme_NewTheme);
 setContentView(R.layout.activity_main);

từ một hoạt động bạn có thể làm:

getWindow().setStatusBarColor(i color);

SỬ DỤNG CÔNG CỤ

Bạn có thể tự động thiết lập màu mục thanh công cụ tùy chỉnh bằng cách tạo lớp thanh công cụ tùy chỉnh:

package view;

import android.app.Activity;
import android.content.Context;
import android.graphics.ColorFilter;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffColorFilter;
import android.support.v7.internal.view.menu.ActionMenuItemView;
import android.support.v7.widget.ActionMenuView;
import android.support.v7.widget.Toolbar;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AutoCompleteTextView;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomToolbar extends Toolbar{

    public CustomToolbar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        // TODO Auto-generated constructor stub
    }

    public CustomToolbar(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public CustomToolbar(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        ctxt = context;
    }

    int itemColor;
    Context ctxt;

    @Override 
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.d("LL", "onLayout");
        super.onLayout(changed, l, t, r, b);
        colorizeToolbar(this, itemColor, (Activity) ctxt);
    } 

    public void setItemColor(int color){
        itemColor = color;
        colorizeToolbar(this, itemColor, (Activity) ctxt);
    }



    /**
     * Use this method to colorize toolbar icons to the desired target color
     * @param toolbarView toolbar view being colored
     * @param toolbarIconsColor the target color of toolbar icons
     * @param activity reference to activity needed to register observers
     */
    public static void colorizeToolbar(Toolbar toolbarView, int toolbarIconsColor, Activity activity) {
        final PorterDuffColorFilter colorFilter
                = new PorterDuffColorFilter(toolbarIconsColor, PorterDuff.Mode.SRC_IN);

        for(int i = 0; i < toolbarView.getChildCount(); i++) {
            final View v = toolbarView.getChildAt(i);

            doColorizing(v, colorFilter, toolbarIconsColor);
        }

      //Step 3: Changing the color of title and subtitle.
        toolbarView.setTitleTextColor(toolbarIconsColor);
        toolbarView.setSubtitleTextColor(toolbarIconsColor);
    }

    public static void doColorizing(View v, final ColorFilter colorFilter, int toolbarIconsColor){
        if(v instanceof ImageButton) {
            ((ImageButton)v).getDrawable().setAlpha(255);
            ((ImageButton)v).getDrawable().setColorFilter(colorFilter);
        }

        if(v instanceof ImageView) {
            ((ImageView)v).getDrawable().setAlpha(255);
            ((ImageView)v).getDrawable().setColorFilter(colorFilter);
        }

        if(v instanceof AutoCompleteTextView) {
            ((AutoCompleteTextView)v).setTextColor(toolbarIconsColor);
        }

        if(v instanceof TextView) {
            ((TextView)v).setTextColor(toolbarIconsColor);
        }

        if(v instanceof EditText) {
            ((EditText)v).setTextColor(toolbarIconsColor);
        }

        if (v instanceof ViewGroup){
            for (int lli =0; lli< ((ViewGroup)v).getChildCount(); lli ++){
                doColorizing(((ViewGroup)v).getChildAt(lli), colorFilter, toolbarIconsColor);
            }
        }

        if(v instanceof ActionMenuView) {
            for(int j = 0; j < ((ActionMenuView)v).getChildCount(); j++) {

                //Step 2: Changing the color of any ActionMenuViews - icons that
                //are not back button, nor text, nor overflow menu icon.
                final View innerView = ((ActionMenuView)v).getChildAt(j);

                if(innerView instanceof ActionMenuItemView) {
                    int drawablesCount = ((ActionMenuItemView)innerView).getCompoundDrawables().length;
                    for(int k = 0; k < drawablesCount; k++) {
                        if(((ActionMenuItemView)innerView).getCompoundDrawables()[k] != null) {
                            final int finalK = k;

                            //Important to set the color filter in seperate thread, 
                            //by adding it to the message queue
                            //Won't work otherwise. 
                            //Works fine for my case but needs more testing

                            ((ActionMenuItemView) innerView).getCompoundDrawables()[finalK].setColorFilter(colorFilter);

//                              innerView.post(new Runnable() {
//                                  @Override
//                                  public void run() {
//                                      ((ActionMenuItemView) innerView).getCompoundDrawables()[finalK].setColorFilter(colorFilter);
//                                  }
//                              });
                        }
                    }
                }
            }
        }
    }



}

sau đó tham khảo nó trong tập tin bố trí của bạn. Bây giờ bạn có thể đặt màu tùy chỉnh bằng cách sử dụng

toolbar.setItemColor(Color.Red);

Nguồn:

Tôi đã tìm thấy thông tin để thực hiện việc này tại đây: Cách thay đổi màu sắc biểu tượng Thanh công cụ Android

và sau đó tôi đã chỉnh sửa nó, cải thiện nó và đăng nó ở đây: GitHub: AndroidDocateToolbarItemColor

Đây là những gì bạn CÓ THỂ làm:

ghi một tập tin vào thư mục drawable, hãy đặt tên cho nó là background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="?attr/colorPrimary"/>
</shape>

sau đó đặt Bố cục của bạn (hoặc trường hợp như vậy) android:background="@drawable/background"

khi thiết lập chủ đề của bạn, màu này sẽ giống như vậy.