怎么在Android中通过自定义view实现一个刷新旋转风车效果-成都快上网建站

怎么在Android中通过自定义view实现一个刷新旋转风车效果

怎么在Android中通过自定义view实现一个刷新旋转风车效果?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联建站主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、响应式网站设计、程序开发、网站优化、微网站、微信小程序开发等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的网站制作、成都网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。

Android是什么

Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。

package com.shipneg.demoysp.demo;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.CountDownTimer;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;

/**
 * Created by dell on 2017/4/7.
 */
public class RotationView extends ImageView {

 /**
  * 要转动的图片
  **/
 private Bitmap bitMap;
 /**
  * 风车每次转动的弧度
  **/
 private int rad = 0;
 /**
  * 风车移动的轨迹
  **/
 private int excursion = -100;
 /**
  * 图片的宽度:在这里提供的是正方形的图片,所以宽度和高度是一样的
  **/
 private int width = 0;
 /***
  * 图片的高度:在这里提供的是正方形的图片,所以宽度和高度是一样的
  **/
 private int height = 0;
 /**
  * 定义一个画笔
  **/
 private Paint paint = new Paint();


 public RotationView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 public RotationView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }

 public RotationView(Context context) {
  super(context);
 }

 /**
  * 获取图片的宽和高
  */
 public void initSize() {
  width = bitMap.getWidth();
  height = bitMap.getHeight();

  postInvalidate();
 }


 public void setBitMap(Bitmap bitMap) {
  this.bitMap = bitMap;
 }


 //一图片的宽和高来设定自定义View的宽和高,由于是正方形宽和高是一样的 
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  // TODO Auto-generated method stub 
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);
 }

 CountDownTimer c = new CountDownTimer(5000, 10) {
  @Override
  public void onTick(long millisUntilFinished) {
   postInvalidate();
   rad = rad + 7;
  }

  @Override
  public void onFinish() {
   downY = 0;
   excursion = -100;
   postInvalidate();
  }
 };

 /***
  * 实现onDraw方法把风车图片绘制出来,同时绘制出来风车的旋转效果,通过Matrix来控制
  */
 @Override
 protected void onDraw(Canvas canvas) {

  Matrix matrix = new Matrix();
  // 设置转轴位置 
  matrix.setTranslate((float) width / 2, (float) height / 2);
//  rad -=15;//每次旋转的弧度增量为3当然,数字越大转动越快
  // 开始转 
  matrix.preRotate(rad);
  // 开始平移
  matrix.postTranslate(0, excursion);
  // 转轴还原 
  matrix.preTranslate(-(float) width / 2, -(float) height / 2);
  //绘制风车图片 
  canvas.drawBitmap(bitMap, matrix, paint);

  super.onDraw(canvas);
 }

 private int downY = 0;
 private int moveY = 0;
 private int abc = 0;

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  int action = event.getAction();
  switch (action) {
   case MotionEvent.ACTION_DOWN://随着手指的move而不断进行重绘,进而让风车转动起来 
    postInvalidate();//调用方法进行重绘 
    downY = (int) event.getY();
    c.cancel();
    break;

   case MotionEvent.ACTION_MOVE://随着手指的move而不断进行重绘,进而让风车转动起来 
    //调用方法进行重绘 
    int movey2 = moveY;

    rad = (int) -event.getY() * 6;//旋转的速度
    moveY = (int) (event.getY() - downY);//手指移动的距离

    int chz = moveY - movey2;

    if (chz > 10) {
     chz = chz / 10;
    } else if (chz < -10) {
     chz = chz / 10;
    }
    Log.e("TAG:" + excursion, "chz: " + chz + "//moveY:" + moveY + "//movey2:" + movey2);
    //100是向下滑动的最大距离
    if (excursion >= 100) {
     abc = abc + chz;
     if (chz < 0 && abc - chz < 0) {

      excursion = excursion + chz;
     }


    } else {
     //开始向下运动
     excursion += chz;

    }
    postInvalidate();
    c.cancel();
    break;
   case MotionEvent.ACTION_UP:
    c.start();
    break;
  }
  return true;
 }


}

调用方法

//调用的方法
 RotationView rotation = (RotationView) view.findViewById(R.id.rotationView);
  BitmapDrawable drawable = (BitmapDrawable) getResources().getDrawable(R.drawable.fengche);
  rotation.setBitMap(drawable.getBitmap());
  rotation.initSize();

看完上述内容,你们掌握怎么在Android中通过自定义view实现一个刷新旋转风车效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前名称:怎么在Android中通过自定义view实现一个刷新旋转风车效果
分享地址:http://kswjz.com/article/igdooi.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流