扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
怎么在Android中通过自定义view实现一个刷新旋转风车效果?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联建站主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、响应式网站设计、程序开发、网站优化、微网站、微信小程序开发等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的网站制作、成都网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。
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实现一个刷新旋转风车效果的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流