[置顶] 我的Android进阶之旅------>Android通过使用Matrix旋转图片来模拟碟片加载过程

    

今天实现了一个模拟碟片加载过程的小demo，在此展示一下。由于在公司，不好截取动态图片，因此就在这截取两张静态图片看看效果先。

下面简单的将代码列出来。

setp1、准备两张用于旋转的图片，如下：loading_disc.png是第一张图片，loading_light.png是第二张图片。

      （1）                  （2）

step2、自定义一个View,用来控制这两个图片的旋转。com.oyp.loadingdisk.LoadingDiscView.java

package com.oyp.loadingdisk;

import java.io.InputStream;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.view.View;
/**
 * 自定义的View,用来显示加载的图片
 * @author ouyangpeng 
 * @link http://blog.csdn.net/ouyang_peng
 * 
 * <p>在画图的时候，图片如果旋转或缩放之后，总是会出现那些华丽的锯齿。<br>
 * 方法一：给Paint加上抗锯齿标志。然后将Paint对象作为参数传给canvas的绘制方法。<br>
 * 如：mypaint.setAntiAlias(true);<p>
 * 方法二：给Canvas加上抗锯齿标志。有些地方不能用paint的，就直接给canvas加抗锯齿，更方便。<br>
 * 如：
 * mSetfil = new PaintFlagsDrawFilter(0, Paint.FILTER_BITMAP_FLAG);<br>
 * canvas.setDrawFilter(mSetfil);
 */
public class LoadingDiscView extends View {
		private RefreshHandle refreshHandle;
		private Context context;
		/** 用于旋转的bitmap*/
		private Bitmap m_bmp_disc = null;
		private Matrix m_matrix_disc = new Matrix();
		/** 用于展现高亮背景的bitmap*/
		private Bitmap m_bmp_light = null;
		private Matrix m_matrix_light = new Matrix();
		/**Paint滤波器*/
		private PaintFlagsDrawFilter mSetfil = null;
		/**声明一个画笔*/
		private Paint mypaint = null;
		/**图像缩放比例*/
		private float m_scale =1.0f;
		/**图像旋转的速度*/
		private float m_disc_rot_speed = 0;
		/**图像旋转的状态*/
		private int m_state_play = 1;
		/**图像旋转的最大速度*/
		private float m_disc_max = 20f;

		public void setRefreshHandle(RefreshHandle refreshHandle) {
			this.refreshHandle = refreshHandle;
		}

		public LoadingDiscView(Context context) {
			super(context);
			this.context = context;
			mSetfil = new PaintFlagsDrawFilter(0, Paint.FILTER_BITMAP_FLAG);//设置画布绘图无锯齿
			initBitmap();
		}

		public boolean initBitmap() {
			mypaint = new Paint();
			//给Paint加上抗锯齿标志
			mypaint.setAntiAlias(true);//画笔的抗锯齿（用于线条等）

			Resources res = context.getResources();
			InputStream is = res.openRawResource(R.drawable.loading_disc);
			m_bmp_disc = BitmapFactory.decodeStream(is);
			matrixPostTranslate(m_matrix_disc,m_bmp_disc);

			is = res.openRawResource(R.drawable.loading_light);
			m_bmp_light = BitmapFactory.decodeStream(is);
			matrixPostTranslate(m_matrix_light,m_bmp_light);
			return true;
		}
		/**
		 * 旋转图像
		 * @param matrix 控制旋转的矩阵
		 * @param bitmap 要旋转的图像
		 */
		private void matrixPostTranslate(Matrix matrix,Bitmap bitmap) {
			int tmp_width = bitmap.getWidth();
			int tmp_height = bitmap.getHeight();
			matrix.postTranslate(-tmp_width / 2, -tmp_height / 2); //设置平移位置
			matrix.postScale(m_scale, m_scale);  //设置缩放比例
			matrix.postTranslate(123 * m_scale, 146 * m_scale);
		}

		protected void onDraw(Canvas canvas) {
			super.onDraw(canvas);
			//给Canvas加上抗锯齿标志
			canvas.setDrawFilter(mSetfil);//图片线条（通用）的抗锯齿
			canvas.drawBitmap(m_bmp_disc, m_matrix_disc, mypaint);
			canvas.drawBitmap(m_bmp_light, m_matrix_light, mypaint);
		}

		public void update() {
			if (m_disc_rot_speed > 0.01 || m_state_play == 1){
				if (m_state_play == 1 && m_disc_rot_speed<m_disc_max){
					m_disc_rot_speed += (m_disc_max+0.5f-m_disc_rot_speed)/30;
				}
				else if (m_disc_rot_speed>0.1){
					m_disc_rot_speed -= (m_disc_rot_speed)/40;
				}
				m_matrix_disc .postRotate(m_disc_rot_speed, 123*m_scale, 146*m_scale);
				invalidate();
			}
		}
		
		public void onPause(){
			refreshHandle.stop();
		}
		public void onResume(){
			refreshHandle.run();
		}
		
	}

step3、写一个Handler用来控制图片的旋转   com.oyp.loadingdisk.RefreshHandle.java

package com.oyp.loadingdisk;

import android.os.Handler;
import android.os.Message;
/**
 * 用来发送消息和处理消息的
 * @author ouyangpeng
 * @link http://blog.csdn.net/ouyang_peng
 */
public class RefreshHandle extends Handler {
	LoadingDiscView loadingDiscView;

	public RefreshHandle(LoadingDiscView loadingDiscView) {
		this.loadingDiscView = loadingDiscView;
		loadingDiscView.setRefreshHandle(this);
	}

	public void run() {
		loadingDiscView.update();
		removeCallbacksAndMessages(null);
		sendEmptyMessageDelayed(0, 65);
	}

	public void stop() {
		removeCallbacksAndMessages(null);
	}

	@Override
	public void handleMessage(Message msg) {
		switch (msg.what) {
		case 0:
			run();
			break;
		}
	}
}

step4、应用布局文件    res/layout/loading.xml

<RelativeLayout 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:background="#382517"
    tools:context=".MainActivity" 
    >

   <RelativeLayout
        android:id="@+id/loading_disc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/loading_disc"   
        android:paddingLeft="100dp"
        >
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="380dip" >

        <TextView
            android:id="@+id/loading_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:singleLine="true"
            android:textColor="#FFFFFF"
            android:text="读碟中,请稍后 . . ."
            android:textSize="20sp" />
    </RelativeLayout>
</RelativeLayout>

step5、写一个Activity用来装载布局文件，并展示    com.oyp.loadingdisk.LoadingActivity.java

package com.oyp.loadingdisk;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RelativeLayout;
/**
 * @author ouyangpeng 
 * @link http://blog.csdn.net/ouyang_peng
 */
public class LoadingActivity extends Activity {
	private RelativeLayout motionView;
	private LoadingDiscView disc_motion;
	private RefreshHandle refreshHandle;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.loading);
		disc_motion = new LoadingDiscView(this);
		refreshHandle = new RefreshHandle(disc_motion);
		motionView = (RelativeLayout) findViewById(R.id.loading_disc);
		motionView.addView(disc_motion);
		refreshHandle.sendEmptyMessage(0);
	}
	@Override
	protected void onResume() {
		super.onResume();
		disc_motion.onResume();
	}
}

当然，这里只是模拟碟片加载过程，实际上可以对代码进行处理，使碟片加载过程完毕后，启动相应的界面来展示碟片中的视频、图像、音乐资源等，但是这里不便写出来。

关于源代码，您可以通过   https://github.com/ouyangpeng/LoadingDisk 来免费察看和下载代码

====================================================================================

  作者：欧阳鹏  欢迎转载，与人分享是进步的源泉！

  转载请保留原文地址：http://blog.csdn.net/ouyang_peng

===================================================================================