You can change the tint, quite easily in code via: ImageButton button = (ImageButton) this.findViewById(R.id.button_i_want_to_modify); button.setColorFilter(Color.argb(255, 255, 255, 255)); // White Tint
In case anyone needs to use DrawableCompat‘s tinting without affecting other drawables, here’s how you do it with mutate(): Drawable drawable = getResources().getDrawable(R.drawable.some_drawable); Drawable wrappedDrawable = DrawableCompat.wrap(drawable); wrappedDrawable = wrappedDrawable.mutate(); DrawableCompat.setTint(wrappedDrawable, getResources().getColor(R.color.white)); Which can be simplified to: Drawable drawable = getResources().getDrawable(R.drawable.some_drawable); drawable = DrawableCompat.wrap(drawable); DrawableCompat.setTint(drawable.mutate(), getResources().getColor(R.color.white));
Update: Here is a Gist for a Swift UIColor extension using the code below. If you have a greyscale image and want white become the tinting color, kCGBlendModeMultiply is the way to go. With this method, you cannot have highlights lighter than your tinting color. On the contrary, if you have either a non-greyscale image, … Read more
Simplest way I can think of is overlaying a semitransparent div over the image. A little example: HTML <div id=”overlay” class=”overlay”></div> <img id=”myimg” src=”https://stackoverflow.com/questions/4416007/img.jpg” /> CSS .overlay { display: block; position: absolute; background-color: rgba(200, 100, 100, 0.5); top: 0px; left: 0px; width: 0px; height: 0px; } JS (with JQuery) overlay = $(“#overlay”); img = $(“#myimg”); … Read more
After the new Support library v22.1, you can use something similar to this: @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_home, menu); Drawable drawable = menu.findItem(R.id.action_clear).getIcon(); drawable = DrawableCompat.wrap(drawable); DrawableCompat.setTint(drawable, ContextCompat.getColor(this,R.color.textColorPrimary)); menu.findItem(R.id.action_clear).setIcon(drawable); return true; }
In iOS7, they’ve introduced tintColor property on UIImageView and renderingMode on UIImage. To tint an UIImage on iOS7, all you have to do is: UIImageView* imageView = … UIImage* originalImage = … UIImage* imageForRendering = [originalImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate]; imageView.image = imageForRendering; imageView.tintColor = [UIColor redColor]; // or any color you want to tint it with
UPDATE: @ADev has newer solution in his answer here, but his solution requires newer support library – 25.4.0 or above. You can change the tint, quite easily in code via: imageView.setColorFilter(Color.argb(255, 255, 255, 255)); // White Tint If you want color tint then imageView.setColorFilter(ContextCompat.getColor(context, R.color.COLOR_YOUR_COLOR), android.graphics.PorterDuff.Mode.MULTIPLY); For Vector Drawable imageView.setColorFilter(ContextCompat.getColor(context, R.color.COLOR_YOUR_COLOR), android.graphics.PorterDuff.Mode.SRC_IN);
The bad news Like BoD says, it’s meaningless to tint a Button’s background in Lollipop 5.0 (API level 21). The good news Lollipop 5.1 (API level 22) seems to have fixed this by changing btn_mtrl_default_shape.xml (among other files): https://android.googlesource.com/platform/frameworks/base/+/6dfa60f33ca6018959ebff1efde82db7d2aed1e3%5E!/#F0 The great news The new support library (version 22.1+) adds backward-compatible tinting support to lots of … Read more