白いマーカー画像の色をコードで変更しようとしています。以下のコードで色が変わるはずですが、マーカーは白のままです。
Drawable.setColorFilter( 0xffff0000, Mode.MULTIPLY )
私は何か見落としてますか?resフォルダにあるドローアブルの色を変更する他の方法はありますか?
白いマーカー画像の色をコードで変更しようとしています。以下のコードで色が変わるはずですが、マーカーは白のままです。
Drawable.setColorFilter( 0xffff0000, Mode.MULTIPLY )
私は何か見落としてますか?resフォルダにあるドローアブルの色を変更する他の方法はありますか?
これを試して:
Drawable unwrappedDrawable = AppCompatResources.getDrawable(context, R.drawable.my_drawable);
Drawable wrappedDrawable = DrawableCompat.wrap(unwrappedDrawable);
DrawableCompat.setTint(wrappedDrawable, Color.RED);
DrawableCompat
API 22以前のデバイスで下位互換性とバグ修正を提供するため、使用は重要です。
あなたはsvgベクトルdrawableのためにこれを試すことができます
DrawableCompat.setTint(
DrawableCompat.wrap(myImageView.getDrawable()),
ContextCompat.getColor(context, R.color.another_nice_color)
);
ドローアブルでmutate()を呼び出す必要がある場合があります。そうしないと、すべてのアイコンが影響を受けます。
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);
あなたはこれを試すことができますImageView
。を使用しsetColorFilter()
ます。
imageView.setColorFilter(ContextCompat.getColor(context, R.color.colorWhite));
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"/>
これは、ドローアブルに使用する色の数が限られている場合に役立ちます。詳細については、私のブログ投稿を確認してください。
コンテキストを渡すことができる汎用関数を作成しました。アイコンはIDドローアブル/ミップマップイメージアイコンであり、そのアイコンに必要な新しい色です。
この関数はドローアブルを返します。
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);
キーの色が白なので、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);
これは私のために働いた。0xとカラーコードの間に必ず「ff」を入れてください。このように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であることに注意してください。
Kotlinを使用する人のために:簡単な拡張機能:
fun Drawable.tint(context: Context, @ColorRes color: Int) {
DrawableCompat.setTint(this, context.resources.getColor(color, context.theme))
}
そして単にする
background.tint(context, R.color.colorPrimary)
Mode.LIGHTEN
またはを試してみてくださいMode.DARKEN
。Android Javadocは、PorterDuffモードの機能を説明するのが恐ろしいです。あなたはここでそれらを見ることができます:PorterDuff | アンドロイド
こちらの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));
この方法で描画可能な色を変更できます。
background = view.findViewById(R.id.background)
val uDrawable = AppCompatResources.getDrawable(view.context, R.drawable.background)
uDrawable?.let {
val wDrawable = DrawableCompat.wrap(it)
DrawableCompat.setTint(wDrawable, ContextCompat.getColor(view.context,
color /*specify your int color code*/))
background.background = wDrawable
}
SDK> = 21 1行myIconImageView.getDrawable()。setTint(getResources()。getColor(myColor))
これは私がしたことです:
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;
}
次のようなメソッドを作成します。
//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値。
短編小説:
public void changeDrawableColor(Drawable drawable,int color){
drawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
}
public Drawable getColoredDrawable(@DrawableRes int resid,int color){
Drawable drawable= ContextCompat.getDrawable(context, resid).mutate();
drawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
return drawable;
}