Applying ColorFilter to ImageView with ShapedDrawable

by

Alright, I had a quick play with this and noticed your issue of the circles disappearing. Without you describing what exactly you tried, I assume you haven’t tried setting the color filter to the Drawable itself yet? (as opposed to the ImageView, which only seems to work with BitmapDrawables).

The following statements work perfectly fine for an xml-declared ShapeDrawable with white as initial color:

ImageView redCircle = (ImageView) findViewById(R.id.circle_red_imageview);
ImageView greenCircle = (ImageView) findViewById(R.id.circle_green_imageview);
ImageView blueCircle = (ImageView) findViewById(R.id.circle_blue_imageview);

// we can create the color values in different ways:
redCircle.getDrawable().setColorFilter(Color.RED, PorterDuff.Mode.MULTIPLY );
greenCircle.getDrawable().setColorFilter(0xff00ff00, PorterDuff.Mode.MULTIPLY );
blueCircle.getDrawable().setColorFilter(getResources().getColor(R.color.blue), PorterDuff.Mode.MULTIPLY );

The ShapeDrawable for completeness: (I set the size on the ImageView, see below)

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
    <solid android:color="@android:color/white" />
</shape>

And one of the ImageViews as example:

<ImageView
    android:id="@+id/circle_red_imageview"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:padding="5dp"
    android:src="https://stackoverflow.com/questions/10114420/@drawable/circle_white" />

Visual result:

Screenshot of colored circles

More Related Contents:

  1. Understanding the Use of ColorMatrix and ColorMatrixColorFilter to Modify a Drawable’s Hue
  2. setBackground vs setBackgroundDrawable (Android)
  3. “Bitmap too large to be uploaded into a texture”
  4. Contact Bubble EditText
  5. Android – drawable with rounded corners at the top only
  6. How to save image in android gallery
  7. Drawable folders in res folder?
  8. ‘Missing contentDescription attribute on image’ in XML
  9. Placing a textview on top of imageview in android
  10. @Android display /res/viewable in WebView
  11. Android: Cloning a drawable in order to make a StateListDrawable with filters
  12. How to use selector to tint ImageView?
  13. Save image to sdcard from drawable resource on Android
  14. Android: Display Image from SD CARD
  15. Android and setting alpha for (image) view alpha
  16. Using drawable resources
  17. Finding the dominant color of an image in an Android @drawable
  18. How to use default Android drawables
  19. How to set a ripple effect on textview or imageview on Android?
  20. How do I set the rounded corner radius of a color drawable using xml?
  21. How to check which current image resource is attached to ImageView in android xml?
  22. Android Drawable: Specifying shape width in percent in the XML file?
  23. Items inside GridView getting repeated when screen scrolls
  24. How can I change the image of an ImageView? [duplicate]
  25. How to animate ImageView from center-crop to fill the screen and vice versa (facebook style)?
  26. Styling EditText view with shape drawable to look similar to new holographic theme for Android < 3.0
  27. How to set foreground attribute to other non FrameLayout view
  28. ImageView one dimension to fit free space and second evaluate to keep aspect ration
  29. BitmapDrawable deprecated alternative
  30. Set Imageview to show image in sdcard?

Leave a Comment