Android UI集锦——1.Android Drawable分类汇总(2/3)

Android UI集锦——1.Android Drawable分类汇总(2/3)

　　　　　　　　　　　　　　　～转载请注明出处coder-pig

本节引言:

在上一节中我们已经对了解了4个Android Drawable,他们分别是:

ColorDrawable,NinePatchDrawable,ShapeDrawable与GradientDrawable!

本节我们再来接着学习另外五个Drawable,分别是:

BitmapDrawable,InsertDrawable,ClipDrawable,RotateDrawable,AnimationDrawable!

好了,开始本节内容!

本节正文:

Android各种Drawable的大纲图:

1.BitmapDrawable:

对Bitmap的一种封装,可以设置它包装的bitmap在BitmapDrawable区域中的绘制方式,有:

平铺填充,拉伸填或保持图片原始大小!以<bitmap../>为根节点!

相关属性:

src:图片资源~

antialias:是否支持抗锯齿

filter:是否支持位图过滤,支持的话可以是图批判显示时比较光滑

dither:是否对位图进行抖动处理

gravity:若位图比容器小,可以设置位图在容器中的相对位置

tileMode:指定图片平铺填充容器的模式,设置这个的话,gravity属性会被忽略,有以下可选值:

disabled(整个图案拉伸平铺),(原图大小),repeat(平铺),mirror(镜像平铺)

分别的效果如下:

①XML定义BitmapDrawable:

<?xml version="1.0" encoding="utf-8"?><bitmap xmlns:android="http://schemas.android.com/apk/res/android"    android:dither="true"    android:src="@drawable/ic_launcher"    android:tileMode="mirror" />

②实现相同效果的Java代码:

		BitmapDrawable bitDrawable = new BitmapDrawable(bitmap);		bitDrawable.setDither(true);		bitDrawable.setTileModeXY(TileMode.MIRROR,TileMode.MIRROR);

2.InsetDrawable:

表示把一个Drawable嵌入到另外一个Drawable的诶不,并且在内部留一些间距,类似与

Drawable的padding属性,但padding表示的是Drawable的内容与Drawable本身的边距!

而InsetDrawable表示的是两个Drawable与容器之间的边距,当控件需要的背景比实际的边框

小的时候,比较适合使用InsetDrawable,比如使用这个可以解决我们自定义Dialog与屏幕之间

的一个间距问题,相信做过的朋友都知道,即使我们设置了layout_margin的话也是没用的,这个

时候就可以用到这个InsetDrawable了!只需为InsetDrawable设置一个insetXxx设置不同

方向的边距,然后为设置为Dialog的背景即可！

相关属性:

1.drawable:引用的Drawable,如果为空,必须有一个Drawable类型的子节点!

2.visible:设置Drawable是否额空间

3.insetLeft,insetRight,insetTop,insetBottm:设置左右上下的边距

①XML中使用:

<?xml version="1.0" encoding="utf-8"?><inset xmlns:android="http://schemas.android.com/apk/res/android"    android:drawable="@drawable/test1"    android:insetBottom="10dp"    android:insetLeft="10dp"    android:insetRight="10dp"    android:insetTop="10dp" />

②Java代码中使用:

		InsetDrawable insetDrawable = new InsetDrawable(getResources()				.getDrawable(R.drawable.test1), 10, 10, 10, 10);

运行结果截图:

3.ClipDrawable:

Clip可以译为剪的意思,我们可以把ClipDrawable理解为从位图上剪下一个部分;

Android中的进度条就是使用ClipDrawable来实现的,他根据设置level的值来决定剪切

区域的大小,根节点是<clip../>

相关属性:

clipOrietntion:设置剪切的方向,可以设置水平和竖直2个方向

gravity:从那个位置开始裁剪

drawable:引用的drawable资源,为空的话需要有一个Drawable类型的子节点

ps:这个Drawable类型的子节点:就是在<clip里>加上这样的语句:

<bitmap android:src="@drawable/test4" gravity="center">这样...

使用示例:

核心就是通过代码修改ClipDrawable的level即可!

这里我们实现一个类似于进度条的效果,另外这个Level的值是0~10000哦:

①定义一个ClipDrawable的资源xml:

<?xml version="1.0" encoding="utf-8"?><clip xmlns:android="http://schemas.android.com/apk/res/android"    android:clipOrientation="horizontal"    android:drawable="@drawable/load"    android:gravity="left" />

②在activity_main主布局文件中设置一个ImageView,将src设置为clipDrawable!

记住是src哦,如果你写成了blackground的话可是会报空指针的哦!!!!

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.jay.example.drawabletest.MainActivity" >    <ImageView        android:id="@+id/imgShow1"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:src="@drawable/clip_one" /></LinearLayout>

③MainActivity.java通过setLevel设置截取区域大小;

package com.jay.example.drawabletest;import java.util.Timer;import java.util.TimerTask;import android.app.Activity;import android.graphics.drawable.ClipDrawable;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.widget.ImageView;public class MainActivity extends Activity {	private ImageView imgShow1;	private ClipDrawable cd;	private Handler handler = new Handler() {		@Override		public void handleMessage(Message msg) {			if (msg.what == 0x123) {				cd.setLevel(cd.getLevel() + 500);			}		}	};	@Override	protected void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.activity_main);		imgShow1 = (ImageView) findViewById(R.id.imgShow1);		// 核心实现代码		cd = (ClipDrawable) imgShow1.getDrawable();		final Timer timer = new Timer();		timer.schedule(new TimerTask() {			@Override			public void run() {				handler.sendEmptyMessage(0x123);				if (cd.getLevel() >= 10000) {					timer.cancel();				}			}		}, 0, 300);	}}

运行效果图: