Working with Drawables

This lesson teaches you to

You should also read

The following capabilities for drawables help you implement material design in your apps:

• Drawable tinting
• Prominent color extraction
• Vector drawables

This lesson shows you how to use these features in your app.

Tint Drawable Resources

---

With Android 5.0 (API level 21) and above, you can tint bitmaps and nine-patches defined as alpha masks. You can tint them with color resources or theme attributes that resolve to color resources (for example, ?android:attr/colorPrimary). Usually, you create these assets only once and color them automatically to match your theme.

You can apply a tint to or objects with the setTint() method. You can also set the tint color and mode in your layouts with the android:tint and android:tintMode attributes.

Extract Prominent Colors from an Image

---

The Android Support Library r21 and above includes the class, which lets you extract prominent colors from an image. This class extracts the following prominent colors:

• Vibrant
• Vibrant dark
• Vibrant light
• Muted
• Muted dark
• Muted light

To extract these colors, pass a object to the static method in the background thread where you load your images. If you can't use that thread, call the method and provide a listener instead.

You can retrieve the prominent colors from the image using the getter methods in the Palette class, such as Palette.getVibrantColor.

To use the class in your project, add the following to your app's module:

dependencies {
          ...     compile 'com.android.support:palette-v7:21.0.+' }

For more information, see the API reference for the class.

Create Vector Drawables

---

Video

Android Vector Graphics

In Android 5.0 (API Level 21) and above, you can define vector drawables, which scale without losing definition. You need only one asset file for a vector image, as opposed to an asset file for each screen density in the case of bitmap images. To create a vector image, you define the details of the shape inside a <vector> XML element.

The following example defines a vector image with the shape of a heart:

        
       
             android:height="256dp"     android:width="256dp"     
             android:viewportWidth="32"     android:viewportHeight="32">   
           
         
       

Vector images are represented in Android as objects. For more information about the pathData syntax, see the . For more information about animating the properties of vector drawables, see .