欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android使用Matrix旋转图片模拟碟片加载过程

程序员文章站 2022-06-14 09:32:37
今天实现了一个模拟碟片加载过程的小demo,在此展示一下。由于在公司,不好截取动态图片,因此就在这截取两张静态图片看看效果先。 下面简单的将代码列出来。 setp1...

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

Android使用Matrix旋转图片模拟碟片加载过程Android使用Matrix旋转图片模拟碟片加载过程Android使用Matrix旋转图片模拟碟片加载过程

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

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

Android使用Matrix旋转图片模拟碟片加载过程    Android使用Matrix旋转图片模拟碟片加载过程

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 来免费察看和下载代码。

Android使用Matrix旋转图片模拟碟片加载过程

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。