เปลี่ยนสีที่วาดได้โดยทางโปรแกรม

ฉันกำลังพยายามเปลี่ยนสีบนภาพเครื่องหมายสีขาวด้วยรหัส ฉันได้อ่านว่าโค้ดด้านล่างควรเปลี่ยนสี แต่เครื่องหมายของฉันยังคงเป็นสีขาว

Drawable.setColorFilter( 0xffff0000, Mode.MULTIPLY )

ฉันพลาดอะไรไปหรือเปล่า? มีวิธีอื่นในการเปลี่ยนสีบน drawables ที่อยู่ในโฟลเดอร์ res ของฉันหรือไม่?

ลองสิ่งนี้:

Drawable unwrappedDrawable = AppCompatResources.getDrawable(context, R.drawable.my_drawable); 
Drawable wrappedDrawable = DrawableCompat.wrap(unwrappedDrawable);
DrawableCompat.setTint(wrappedDrawable, Color.RED);    

การใช้งานDrawableCompatมีความสำคัญเนื่องจากให้ความเข้ากันได้แบบย้อนหลังและแก้ไขข้อบกพร่องบนอุปกรณ์ API 22 และรุ่นก่อนหน้า

คุณสามารถลองสิ่งนี้สำหรับเวกเตอร์ svg ที่วาดได้

DrawableCompat.setTint(
    DrawableCompat.wrap(myImageView.getDrawable()),
    ContextCompat.getColor(context, R.color.another_nice_color)
);

คุณอาจต้องเรียก mutate () บน drawable มิฉะนั้นไอคอนทั้งหมดจะได้รับผลกระทบ

Drawable icon = ContextCompat.getDrawable(getContext(), R.drawable.ic_my_icon).mutate();
TypedValue typedValue = new TypedValue();
getContext().getTheme().resolveAttribute(R.attr.colorIcon, typedValue, true);
icon.setColorFilter(typedValue.data, PorterDuff.Mode.SRC_ATOP);

อีกวิธีหนึ่งในการทำสิ่งนี้บน Lollipop, android 5. + คือการตั้งค่าสีบนบิตแมปที่วาดได้ดังนี้:

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/ic_back"
    android:tint="@color/red_tint"/>

วิธีนี้จะใช้ได้ผลสำหรับคุณหากคุณมีสีจำนวน จำกัด ที่คุณต้องการใช้กับ drawables ของคุณ ตรวจสอบการโพสต์บล็อกของฉันสำหรับข้อมูลเพิ่มเติม

ImageViewคุณสามารถลองนี้ โดยใช้setColorFilter().

imageViewIcon.setColorFilter(ContextCompat.getColor(context, R.color.colorWhite));

คุณสามารถลอง ColorMatrixColorFilter ได้เนื่องจากสีหลักของคุณเป็นสีขาว:

// Assuming "color" is your target color
float r = Color.red(color) / 255f;
float g = Color.green(color) / 255f;
float b = Color.blue(color) / 255f;

ColorMatrix cm = new ColorMatrix(new float[] {
        // Change red channel
        r, 0, 0, 0, 0,
        // Change green channel
        0, g, 0, 0, 0,
        // Change blue channel
        0, 0, b, 0, 0,
        // Keep alpha channel
        0, 0, 0, 1, 0,
});
ColorMatrixColorFilter cf = new ColorMatrixColorFilter(cm);
myDrawable.setColorFilter(cf);

ฉันได้เขียนฟังก์ชั่นทั่วไปที่คุณสามารถส่งผ่านบริบทไอคอนคือ id drawable / ไอคอนรูปภาพ mipmap และสีใหม่ที่คุณต้องการสำหรับไอคอนนั้น

ฟังก์ชันนี้ส่งคืนค่าที่เบิกได้

public static Drawable changeDrawableColor(Context context,int icon, int newColor) {
    Drawable mDrawable = ContextCompat.getDrawable(context, icon).mutate(); 
    mDrawable.setColorFilter(new PorterDuffColorFilter(newColor, PorterDuff.Mode.SRC_IN)); 
    return mDrawable;
} 

changeDrawableColor(getContext(),R.mipmap.ic_action_tune, Color.WHITE);

สิ่งนี้ได้ผลสำหรับฉัน อย่าลืมใส่ "ff" ระหว่าง 0x และรหัสสี เช่นนี้ 0xff2196F3

Drawable mDrawable = ContextCompat.getDrawable(MainActivity.this,R.drawable.ic_vector_home);
                    mDrawable.setColorFilter(new
                            PorterDuffColorFilter(0xff2196F3,PorterDuff.Mode.SRC_IN));

เช่นเดียวกับคำตอบที่ยอมรับ แต่เป็นวิธีที่ง่ายกว่า:

val myDrawable = ContextCompat.getDrawable(context, R.drawable.my_drawable)
myDrawable.setColorFilter(Color.GREEN, PorterDuff.Mode.SRC_IN)
setCompoundDrawablesWithIntrinsicBounds(myDrawable, null, null, null)

หมายเหตุรหัสที่นี่คือ Kotlin

คุณอาจต้องการที่จะลองหรือMode.LIGHTEN Mode.DARKENJavadocs ของ Android นั้นแย่มากในการอธิบายว่า PorterDuff Modes ทำอะไร คุณสามารถดูได้ที่นี่: PorterDuff | Android

ฉันขอแนะนำให้ดูที่ Compositing บนเว็บไซต์ของ Mozilla ที่นี่ (พวกเขาไม่มีโหมดทั้งหมดที่ Android มี แต่มีมากมาย)

ใช้สิ่งนี้: สำหรับ java

view.getBackground().setColorFilter(Color.parseColor("#343434"), PorterDuff.Mode.SRC_OVER)

สำหรับ Kotlin

view.background.setColorFilter(Color.parseColor("#343434"),PorterDuff.Mode.SRC_OVER)

คุณสามารถใช้ PorterDuff.Mode.SRC_ATOP หากพื้นหลังของคุณมีมุมมนเป็นต้น

ไวยากรณ์

"your image name".setColorFilter("your context".getResources().getColor("color name"));

ตัวอย่าง

myImage.setColorFilter(mContext.getResources().getColor(R.color.deep_blue_new));

สำหรับผู้ที่ใช้ Kotlinฟังก์ชั่นการขยายอย่างง่าย:

fun Drawable.tint(context: Context,  @ColorRes color: Int) {
    DrawableCompat.setTint(this, context.resources.getColor(color, context.theme))
}

แล้วก็ทำ

background.tint(context, R.color.colorPrimary)

นี่คือสิ่งที่ฉันทำ:

public static Drawable changeDrawableColor(int drawableRes, int colorRes, Context context) {
    //Convert drawable res to bitmap
    final Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), drawableRes);
    final Bitmap resultBitmap = Bitmap.createBitmap(bitmap, 0, 0,
            bitmap.getWidth() - 1, bitmap.getHeight() - 1);
    final Paint p = new Paint();
    final Canvas canvas = new Canvas(resultBitmap);
    canvas.drawBitmap(resultBitmap, 0, 0, p);

    //Create new drawable based on bitmap
    final Drawable drawable = new BitmapDrawable(context.getResources(), resultBitmap);
    drawable.setColorFilter(new
            PorterDuffColorFilter(context.getResources().getColor(colorRes), PorterDuff.Mode.MULTIPLY));
    return drawable;
}

ใช้งานง่าย

    android:drawableTint="@color/primary_color"

ในไฟล์ XML ของคุณ แทนที่ primary_color เป็นสีที่กำหนดเอง

สร้างวิธีการดังนี้:

//CHANGE ICON COLOR
private void changeIconColor(Context context ,int drawable){
    Drawable unwrappedDrawable = AppCompatResources.getDrawable(context, drawable);
    assert unwrappedDrawable != null;
    Drawable wrappedDrawable = DrawableCompat.wrap(unwrappedDrawable);
    DrawableCompat.setTint(wrappedDrawable, getResources().getColor(R.color.colorAccent));
}

และใช้มันอย่างนี้:

    changeIconColor(this,R.drawable.ic_home);

วิธีที่ง่ายที่สุดในการทำ:

imageView.setColorFilter(Color.rgb(r, g b));

หรือ

imageView.setColorFilter(Color.argb(a, r, g, b));

a, r, g, b: ค่าสี argb