Android开发艺术探索学习笔记（六）

第六章 Android的Drawable

　　　　  Drawable的优点：使用简单，比自定义view的成本要低；非图片类型的Drawable占用空间小，有利于减小APK安装包的大小。

　　　　6.1Drawable简介

　　　　Drawable有很多种，他们都表示一种图像的概念，Drawable常被用来作为view的背景使用。Drawable是一个抽象类。Drawable的内部宽高这个参数比较重要，通过getIntrinsicWidth和getIntrinsicHeight这两个方法可以获取到他们。但并不是所有的Drawable都有内部宽高。

　　　　6.2Drawable的分类

　　　　　　6.2.1 BitmapDrawable

　　　　　　BitmapDrawableb表示一张图片，下面是其常用的属性（　　　　　

<??><bitmap ="http://schemas.android.com/apk/res/android"  android:src='/images/loading.gif' data-original="@mipmap/ic_launcher"  android:antialias="true|false"  android:dither="true|false"  android:filter="true|false"  android:gravity="top|bottom|left|right|center_vertical|fill_vertical|center_horizontal|fill_horizontal|center|fill|clip_vertical|clip_horizontal"  android:mipMap="true|false"  android:tileMode="disabled|clamp|repeat|mirror"/>

　　　　　　android:src  图片的资源ID，必有的属性。

　　　　　 android:antialias  抗锯齿功能

　　　　　 android:dither 抖动效果（优化图片显示效果的作用）

　　　　　 android:filter 过滤效果（优化图片显示效果的作用）

　　　　　 android:gravity 定位图片

　　　　　 android:mipMap 纹理映射（不常用）

　　　　　 android:tileMode 平铺模式（当开启这个模式时，gravity属性会被忽略）共有四种模式：disabled——关闭平铺模式；repeat——水平和垂直方向上的平铺效果；clamp——图片四周的像素会扩展到周围区域。mirror——水平和垂直方向上的镜面投影效果。

　　　　　NinePatchDrawable表示.9格式的图片，

<??><nine-patch ="http://schemas.android.com/apk/res/android"  android:src='/images/loading.gif' data-original="@mipmap/ic_launcher"  android:dither="true|false"/>

　　　　　　6.2.2 ShapeDrawable

　　　　　　　　ShapeDrawable代表通过颜色来构造的图形既可以是纯色也可以有渐变效果。

<??><shape ="http://schemas.android.com/apk/res/android"  android:shape="rectangle|oval|line|ring">  <corners    android:bottomLeftRadius="integer"    android:bottomRightRadius="integer"    android:radius="integer"    android:topLeftRadius="integer"    android:topRightRadius="integer" />  <gradient    android:angle="integer"    android:centerColor="integer"    android:centerX="integer"    android:centerY="integer"    android:endColor="color"    android:gradientRadius="integer"    android:startColor="color"    android:type="linear|radial|sweep"    android:useLevel="true|false" />  <padding    android:bottom="integer"    android:left="integer"    android:right="integer"    android:top="integer" />  <size    android:width="integer"    android:height="integer" />  <solid android:color="color" />  <stroke    android:width="integer"    android:color="color"    android:dashGap="integer"    android:dashWidth="integer" /></shape>

　　　　　　android:shape　　图形形状：rectangle（矩形）、oval（椭圆）、line（横线）、ring（圆环），默认矩形，line和ring必须有<stroke>标签

　　　　　 <corners>　　四个角的角度，只适用于矩形

　　　　　 <gradient>　　渐变效果，与<solid>标签互斥

　　　　　 <solid>　　纯色填充

　　　　　 <stroke>　　描边

　　　　　 <padding>　　包含它的View的空白

　　　　　 <size>　　shape的大小，表示shape的固有大小，并不代表最终显示大小。

　　　　　　6.2.3 LayerDrawable

　　　　　 　LayerDrawable代表层次化的Drawable集合，用来实现叠加效果。

<??><layer-list ="http://schemas.android.com/apk/res/android">  <item    android:drawable="@mipmap/ic_launcher"    android:id="@+id/drawable"    android:top="dimension"    android:right="dimension"    android:bottom="dimension"    android:left="dimension">  </item></layer-list>

　　　　　　一个<layer-list>可以包含多个item，每个item表示一个drawable，下面的item会覆盖上面的item，通过合理的分层，可以实现一些特殊的叠加效果。下面的例子实现了一种微信中的文本输入框效果

<??><layer-list ="http://schemas.android.com/apk/res/android">  <item>    <shape android:shape="rectangle">      <solid android:color="#0ac39e" />    </shape>  </item>  <item android:bottom="6dip">    <shape android:shape="rectangle">      <solid android:color="#ffffff" />    </shape>  </item>  <item    android:bottom="1dp"    android:left="1dp"    android:right="1dp">    <shape android:shape="rectangle">      <solid android:color="#ffffff" />    </shape>  </item></layer-list>

　　　　　　6.2.4 StateListDrawable　　　　 　　　　　　　

　　　　　　主要用于设置可单击的View的背景，最常见的是Button，对应于<selector>标签。

<??><selector ="http://schemas.android.com/apk/res/android"  android:constantSize="true|false"  android:dither="true|false"  android:variablePadding="true|false">  <item    android:drawable="@mipmap/ic_launcher"    android:state_pressed="true|false"    android:state_focused="true|false"    android:state_selected="true|false"    android:state_checked="true|false"    android:state_enabled="true|false"    /></selector>

　　　　　　  item有很多状态，以上只列取了几种常见的状态。

　　　　　　android:constantSize StateListDrawable的固有大小是否不随着其状态的改变而改变。

　　　　　　android:dither 是否开启抖动效果

　　　　　　android:variablePadding StateListDrawable的padding是否随着其状态的改变而改变。

　　　　　　android:state_pressed 按下状态

　　　　　　android:state_focused 获取焦点

　　　　　　android:state_selected 选择

　　　　　　android:state_checked 选中

　　　　　　android:state_enabled 可用　　　　　

　　　　　   默认的item一般放在selector的最后一条并且不附带任何状态。

　　　　　　6.2.5 LevelListDrawable

　　　　　　Drawable集合，每个Drawable都有一个等级，根据不同的等级，LevelListDrawable会切换对应的Drawable。

<??><level-list ="http://schemas.android.com/apk/res/android">  <item    android:drawable="@mipmap/ic_launcher"    android:maxLevel="integer"    android:minLevel="integer" /></level-list>

　　　　　　等 级范围：0~10000，作为View的背景时，可以通过Drawable的setLevel方法来设置不同的等级从而切换具体的Drawable；作为 ImageView的前景Drawable，可以通过ImageView的setImageLevel方法来切换Drawable。

　　　　　　6.2.6  TransitionDrawable

　　　　　　实现两个Drawable之间的淡入淡出效果，对应于<transition>标签，

<??><transition ="http://schemas.android.com/apk/res/android">  <item    android:drawable="@mipmap/ic_launcher"    android:id="@+id/resource_name"    android:top="dimension"    android:bottom="dimension"    android:left="dimension"    android:right="dimension"    /></transition>

　　　　　　实例：切换TextView的背景

<??><transition ="http://schemas.android.com/apk/res/android">  <item android:drawable="@mipmap/drawable1" />  <item android:drawable="@mipmap/drawable2" /></transition>

 <TextView    android:background="@drawable/test9"    android:layout_width="wrap_content"    android:layout_height="wrap_content" />

    TextView textView=(TextView)findViewById(R.id.test);    TransitionDrawable drawable=(TransitionDrawable)textView.getBackground();    drawable.startTransition(1000);

　　　　　　6.2.7  InsetDrawable

　　　　　　可以将其他Drawable内嵌到自己当中，对应于<inset>标签，当一个View希望自己的背景比自己的实际区域小的时候可以采用InsetDrawable来实现。

<??><inset ="http://schemas.android.com/apk/res/android"  android:drawable="@mipmap/ic_launcher"  android:insetTop="dimension"  android:insetBottom="dimension"  android:insetLeft="dimension"  android:insetRight="dimension"></inset>

　　　　　　6.2.8  ScaleDrawable

　　　　　 根据自己的等级将指定的Drawable缩放到一定比例；对应于<scale>标签。

<??><scale ="http://schemas.android.com/apk/res/android"  android:drawable="@mipmap/ic_launcher"  android:scaleGravity="top|bottom|left|right|center_vertical|fill_vertical|center_horizontal|fill_horizontal|center|fill|clip_vertical|clip_horizontal"  android:scaleHeight="percentage"  android:scaleWidth="percentage"/>

　　　　　　使用时还需要设置ScaleDrawable的等级大于0且小于10000的值，否则看不到效果

    ScaleDrawable scaleDrawable=(ScaleDrawable)textView.getBackground();    scaleDrawable.setLevel(1);

　　　　　　 6.2.9   ClipDrawable

　　　　　　根据自己当前的等级来裁剪另一个Drawable，裁剪方向通过android:clipOrientation和android:gravity这两个属性来共同控制。

<??><clip ="http://schemas.android.com/apk/res/android"  android:clipOrientation="horizontal|vertical"  android:drawable="@mipmap/ic_launcher"  android:gravity="top|bottom|left|right|center_vertical|fill_vertical|center_horizontal|fill_horizontal|center|fill|clip_vertical|clip_horizontal" />

　　　　　　等级范围也是0~10000，0表示完全裁剪，10000表示不裁剪。

  ClipDrawable clipDrawable=(ClipDrawable)textView.getBackground();  clipDrawable.setLevel(5000);

　　　　6.3 自定义Drawable　　　　　

　　　　只有某些特殊情况下才会用到，注意getIntrinsicWidth和getIntrinsicHeight这两个方法（p262）。

原标题：Android开发艺术探索学习笔记（六）

关键词：Android