tint – Tarik Billa

How can I tint a UIImage with gradient?

December 23, 2023 by Tarik

EDIT: Here is a version which supports non-retina and retina displays The method can be used as a category for UIImage + (UIImage *)imageWithGradient:(UIImage *)img startColor:(UIColor *)color1 endColor:(UIColor *)color2 { UIGraphicsBeginImageContextWithOptions(img.size, NO, img.scale); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextTranslateCTM(context, 0, img.size.height); CGContextScaleCTM(context, 1.0, -1.0); CGContextSetBlendMode(context, kCGBlendModeNormal); CGRect rect = CGRectMake(0, 0, img.size.width, img.size.height); //CGContextDrawImage(context, rect, img.CGImage); … Read more

DrawableCompat tinting does not work on pre-Lollipop

August 22, 2023 by Tarik

When you call wrap() then the original Drawable is wrapped internally into a new DrawableWrapper which is used to implement the tinting on older devices. So to make it work you have to set the returned Drawable back to the EditText: final Drawable originalDrawable = editText.getBackground(); final Drawable wrappedDrawable = DrawableCompat.wrap(originalDrawable); DrawableCompat.setTintList(wrappedDrawable, ColorStateList.valueOf(Color.RED)); editText.setBackground(wrappedDrawable); Since … Read more

Change colour of dark grey highlight when holding down custom UIButton?

July 28, 2023 by Tarik

You said you set a custom image for the UIControlStateHighlighted state. This should disable the default behaviour. If you still have problems you can disable this effect by setting the adjustsImageWhenHighlighted property to NO and use whatever custom effect you want.

Android: Tint using DrawableCompat

April 25, 2023 by Tarik

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

How can I tint a background image with CSS?

March 28, 2023 by Tarik

Use background-blend-mode for a simple tint You can use the background-blend-mode css property: .box { width: 300px; height: 300px; background-size: cover; background-image: url(‘https://placehold.co/300′); } .background-tint { background-color: rgba(200,100,0,.5); background-blend-mode: multiply; } <div class=”box background-tint”></div> Place it on any element with a background image and you’re good to go. The property is well supported in modern … Read more

Darkening an image with CSS (In any shape)

March 24, 2023 by Tarik

Easy as img { filter: brightness(50%); }

How do I change the tint of an ImageButton on focus/press

February 28, 2023 by Tarik

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

How to tint a transparent PNG image in iPhone?

February 16, 2023 by Tarik

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

How would I tint an image programmatically on iOS?

January 26, 2023 by Tarik

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

Lollipop’s backgroundTint has no effect on a Button

January 26, 2023 by Tarik

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