1.要用到自定义控件,就要使用自定义控件的属性,因此需要在values下新建一个attrs.xml,可以为这个文件中添加任何需要自定义的属性.
这里只需要一个auto_play,标志是否自动播放.
2.下面开始写最重要的MyImageView继承自ImageView.
public class MyImageView extends ImageView implements OnClickListener {
private Movie mMovie; //播放GIF动画的关键类
private Bitmap mStartBitmap; //播放按钮
private long mMovieStart; //动画开始的时间
private int mImageWidth; //GIF图片的宽度
private int mImageHeight; //GIF图片的高度
private boolean isPlaying; //标志是否正在播放
private boolean isAutoPlay; //是否自动播放
public MyImageView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a=context.obtainStyledAttributes(attrs, R.styleable.PowerImageView);
int resourceId=getResourceId(a, context, attrs);
if(resourceId!=0){
//获取该资源的流
InputStream is=getResources().openRawResource(resourceId);
//使用Movie对流进行解码
mMovie=Movie.decodeStream(is);
if(mMovie!=null){
//如果返回不为空,则说明这是一个GIF图片,下面获取自动播放的属性
isAutoPlay=a.getBoolean(R.styleable.PowerImageView_auto_play,false);
Bitmap bitmap=BitmapFactory.decodeStream(is);
mImageWidth=bitmap.getWidth();
mImageHeight=bitmap.getHeight();
bitmap.recycle();
if(!isAutoPlay){
mStartBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
setOnClickListener(this);
}
}
}
}
//通过Java反射，获取到src指定图片资源所对应的id。
private int getResourceId(TypedArray a, Context context,AttributeSet attrs){
try {
Field field =TypedArray.class.getDeclaredField("mValue");
field.setAccessible(true);
TypedValue typeValueObject=(TypedValue) field.get(a);
return typeValueObject.resourceId;
} catch (NoSuchFieldException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (IllegalArgumentException e) {
e.printStackTrace();
}
return 0;
}
@Override
public void onClick(View v) {
if(v.getId()==getId()){
isPlaying=true;
invalidate();
}
}
@Override
protected void onDraw(Canvas canvas) {
if(mMovie==null){
super.onDraw(canvas);
}
else{
if(isAutoPlay){
playMovie(canvas);
invalidate();
}
else{
if(isPlaying){
if(playMovie(canvas)){
isPlaying=false;
}
invalidate();
}
else{
mMovie.setTime(0);
mMovie.draw(canvas, 0, 0);
int offsetW=(mImageWidth-mStartBitmap.getWidth())/2;
int offsetH=(mImageHeight=mStartBitmap.getHeight())/2;
canvas.drawBitmap(mStartBitmap, offsetW, offsetH,null);
}
}
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if(mMovie!=null){
setMeasuredDimension(mImageWidth, mImageHeight);
}
}
//开始播放GIF动画 当播放结束返回true.
private boolean playMovie(Canvas canvas){
long now=SystemClock.uptimeMillis(); //获取从手机开机到现在的毫秒数
if(mMovieStart==0){
mMovieStart=now;
}
int duration=mMovie.duration();
if(duration==0){
duration=1000;
}
int relTime=(int) ((now - mMovieStart) % duration);
mMovie.setTime(relTime);
mMovie.draw(canvas, 0, 0);
if((now-mMovieStart)>=duration){
mMovieStart=0;
return true;
}
return false;
}
} 上面代码中,playMovie是播放动画的关键方法.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:attr="http://schemas.android.com/apk/res/com.example.powerimageviewdemo"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<com.example.powerimageviewdemo.MyImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/vv"
attr:auto_play="false"
/>
</RelativeLayout> 使用src属性可以指定任意一张图片,如果是GIF图片,则会进行播放,如果auto_play设置的是false,则不会自动播放.
