码迷,mamicode.com
首页 > 其他好文 > 详细

第七章 实现炫酷效果—图像和动画(2)

时间:2015-05-31 14:08:15      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:android   android应用   android开发   经验分享   

7.3 变化多端—Drawable(绘图类)

Drawable资源是Android系统中使用最广泛、最灵活的资源,可以直接使用png、jpg、gif、9.png等图片做为资源文件,也可以使用多种XML文件做为资源文件。

下面详细介绍下各种Drawable资源。

7.3.1Drawable的一些常用子类

Android平台的Drawable代表可以绘制在屏幕上的资源,可以使用getDrawable(int)从资源文件中获取Drawable资源,或者在XML资源文件中采用@drawable方式来引用一个drawable资源。Drawable是一个通用的抽象类,这里有几种Drawable类扩展出的绘图的类:

l  BitmapDrawable—Bitmap File,一个Bitmap图像文件(.png、.jpg或.gif)。

l  NinePatchDrawable—Nine-Patch File,一个带有伸缩区域的PNG文件,可以基于content伸缩图片(.9.png)。

l  StateListDrawable—State List,一个XML文件,为不同的状态引用不同的Bitmap图像(例如,当按钮按下时使用不同的图片)。

l  PaintDrawable—Color,定义在XML中的资源,指定一个矩形(圆角可以有)的颜色。

l  ShapeDrawable—Shape,一个XML文件,定义了一个几何形状,包括颜色和渐变。

l  AnimationDrawable—Animation动画。

 

经验分享:

Android中不允许图片资源的文件名中出现大写字母,并且不能以数字开头。否则将无法为该图片在R中生成资源索引。这点需要特别注意一下。

 

7.3.2BitmapDrawable

BitmapDrawable是位图转换而成,一般它的资源文件放在res/drawable/目录下,文件名会被当作资源ID使用。例如:

在res/drawable/myimage.png位置保存了一张图片,在LayoutXML中可以应用这个图片到一个View上:

<ImageView

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:src="@drawable/myimage" />;

 

下面的代码可以以Drawable方式得到图片:

Resources res = getResources();

Drawable drawable = res.getDrawable(R.drawable.myimage);

7.3.3点九图片—NinePatchDrawable

NinePatchDrawable绘画的是一个可以伸缩的位图图像,Android会自动调整大小来容纳显示的内容。NinePatch常被用在设置View的背景。NinePatch与一般图片被设置为背景最大的区别就是NinePatch可以有一段图片不被拉伸。

NinePatchDrawable是一个标准的PNG图像,它包括额外的1个像素的边界,你必须保存它后缀为.9.png,并且保持到工程的res/drawable目录中。你可以使用Android自带的工具(\android-sdk\tools\draw9patch.bat)来进行NinePatch的制作。这个1个像素的边界是用来确定图像的可伸缩和静态区域。

左边那条黑色线代表图片垂直拉伸的区域。

上边的那条黑色线代表水平拉伸区域。

他们的交集就区域代表就垂直拉伸和水平拉伸都可以进行的区域。

右边的黑色线代表内容绘制的垂直区域。

下边的黑色线代表内容绘制的水平区域。

他们交集的区域就是内容所要绘制到的区域(android:padding的效果)。

下面的示意图7-1可能更方便理解。

技术分享

图7-1 九图工具效果图

 

经验分享:

制作点九图片的时候,如果下边和右边的黑线不是连续的,那它将按最左端(上端)和最右端(下端)组成的线段来算内容区域。右边和下边的线是可选的,左边和上边的线不能省略。

点九图片是用在拉伸的情况下,需要注意拉伸的部分会变形。那么如果我们不需要拉伸,只需要重复的平铺怎么办?可以使用BitmapDrawable来实现:

// 获取出图片

Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), resID);

// 转换成BitmapDrawable

BitmapDrawable bd = new BitmapDrawable(bitmap);

// 设置平铺的方向为X、Y(横、竖)两个方向

bd.setTileModeXY(TileMode.REPEAT , TileMode.REPEAT );

// 设置平铺的方向为X(横)方向

// bd.setTileModeX(TileMode.REPEAT );

// 设置图片的抖动为true。抖动可以使渐变更平滑,使原来会有间断线或色块的问题解决,但是不会使一个透明渐变的黑线消失。

bd.setDither(true);

// 设置为背景,就能达到自动平铺的效果。

view.setBackgroundDrawable(bd);

 

7.3.4会动的图片—StateListDrawable

StateListDrawable是定义在XML中的Drawable对象,能根据状态来呈现不同的图像。例如,Button存在多种不同的状态(pressed、focused或other)。使用StateListDrawable,你可以为Button的每个状态提供不同的按钮图像。也可以在XML文件中描述状态列表。在<selector>元素里的每个<item>代表每个图像,每个<item>使用不同的特性来描述使用的时机。当每次状态改变时,StateList都会从上到下遍历一次,第一个匹配当前状态的item将被使用——选择的过程不是基于“最佳匹配”,只是符合state的最低标准的第一个item。

下面举个简单的例子.

先看XML文件,此文件保存在res/drawable/selecter_btn.xml。

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"

          android:drawable="@drawable/button_pressed" /> <!-- pressed -->

    <item android:state_focused="true"

          android:drawable="@drawable/button_focused" /> <!-- focused -->

    <item android:drawable="@drawable/button_normal" /> <!-- default -->

</selector>

 

将这个Drawable应用到一个View上,使用的方法和使用Drawable一样。

<ImageView

    android:layout_height="wrap_content"

    android:layout_width="wrap_content"

    android:src="@drawable/selecter_btn" />

7.3.5 颜色填充的另一种方法—PaintDrawable

PaintDrawable是定义在XML中的color,可以当作Drawable使用,来填充矩形区域(圆角可以有)。这种Drawable的行为很像是颜色填充。

下面我们来看个简单的例子。

XML文件保存在res/drawable/color_name.xml。

<?xml version="1.0" encoding="utf-8"?>

<resources>

<drawable name="solid_red">#f00</drawable>

<drawable name="solid_blue">#0000ff</drawable>

</resources>

 

将这个Drawable应用到一个View上。

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/solid_blue" />

 

经验分享:

Color Drawable是一种简单的资源,可以使用name特性来引用其值(不再是XML文件的名)。因此,你可以在一个XML文件中的<resources>元素下添加多个Color Drawable。

第七章 实现炫酷效果—图像和动画(2)

标签:android   android应用   android开发   经验分享   

原文地址:http://blog.csdn.net/arui319/article/details/46287719

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!