Material Design系列第五篇——Working with Drawables
来源:互联网 发布:mac os x10.7.5升级 编辑:程序博客网 时间:2024/04/28 12:20
Working with Drawables
This lesson teaches you to
- Tint Drawable Resources
- Extract Prominent Colors from an Image
- Create Vector Drawables
You should also read
- Material design specification
- Material design on Android
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 BitmapDrawable
or NinePatchDrawable
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 Palette
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 Bitmap
object to the Palette.generate()
static method in the background thread where you load your images. If you can't use that thread, call the Palette.generateAsync()
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 Palette
class in your project, add the following Gradle dependency to your app's module:
dependencies {
...
compile 'com.android.support:palette-v7:21.0.+'
}
For more information, see the API reference for the Palette
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:
<!-- res/drawable/heart.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
<!-- intrinsic size of the drawable -->
android:height="256dp"
android:width="256dp"
<!-- size of the virtual canvas -->
android:viewportWidth="32"
android:viewportHeight="32">
<!-- draw a path -->
<pathandroid:fillColor="#8fff"
android:pathData="M20.5,9.5
c-1.955,0,-3.83,1.268,-4.5,3
c-0.67,-1.732,-2.547,-3,-4.5,-3
C8.957,9.5,7,11.432,7,14
c0,3.53,3.793,6.257,9,11.5
c5.207,-5.242,9,-7.97,9,-11.5
C25,11.432,23.043,9.5,20.5,9.5z"/>
</vector>
Vector images are represented in Android as VectorDrawable
objects. For more information about the pathData
syntax, see the SVG Path reference. For more information about animating the properties of vector drawables, see Animating Vector Drawables.
- Material Design系列第五篇——Working with Drawables
- Creating Apps With Material Design —— Working with Drawables
- Android Material Design-Working with Drawables(使用Drawable)-(五)
- Android Material Design-Working with Drawables(使用Drawable)-(五)
- Material Design系列第一篇——Creating Apps with Material Design
- Material Design系列第二篇——Getting Started
- Material Design系列第六篇——Defining Custom Animations
- Material Design系列第七篇——Maintaining Compatibility
- Material Design系列第六篇——Defining Custom Animations
- Material Design系列第七篇——Maintaining Compatibility
- Material Design 系列(1)—初识
- Material Design 系列(3)—AppbarLayout
- Material Design系列第三篇——Using the Material Theme
- Creating Apps With Material Design —— Defining Custom Animations
- Creating Apps With Material Design —— Maintaining Compatibility
- Android Material Design动画 Animated Vector Drawables|矢量图片动画
- Android开发——Material Design系列之TextInputLayout
- Material Design 系列(2)—CoordinatorLayout,协调者布局
- AndroidのTextView之CompoundDrawable那些坑
- Material Design系列第一篇——Creating Apps with Material Design
- Material Design系列第二篇——Getting Started
- Material Design系列第三篇——Using the Material Theme
- Material Design系列第四篇——Defining Shadows and Clipping Views
- Material Design系列第五篇——Working with Drawables
- Material Design系列第六篇——Defining Custom Animations
- Material Design系列第七篇——Maintaining Compatibility
- JavaSE笔记之<多态深入理解>
- Material Design系列第六篇——Defining Custom Animations
- Material Design系列第七篇——Maintaining Compatibility
- 如何给你的Android 安装文件(APK)瘦身
- 个人技术博客站点收录
- WP8.1学习系列(第三章)——磁贴和锁屏通知