当前位置: 首页 > 编程笔记 >

Android自定义View图片按Path运动和旋转

扈运浩
2023-03-14
本文向大家介绍Android自定义View图片按Path运动和旋转,包括了Android自定义View图片按Path运动和旋转的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了Android自定义View图片按Path运动旋转的具体代码,供大家参考,具体内容如下

View:

/** 
 * author : stone 
 * email : aa86799@163.com 
 * time : 16/5/29 15 29 
 */ 
public class EarthPathView extends View { 
 
 private Path mPath; 
 private Paint mPaint; 
 private Bitmap mBitmap; 
 private PathMeasure mPathMeasure; 
 private float[] mPoint; 
 private float[] mTan; 
 private float mDdegrees; 
 
 public EarthPathView(Context context) { 
  this(context, null); 
 } 
 
 public EarthPathView(Context context, AttributeSet attrs) { 
  this(context, attrs, 0); 
 } 
 
 public EarthPathView(Context context, AttributeSet attrs, int defStyleAttr) { 
  super(context, attrs, defStyleAttr); 
 
  mPaint = new Paint(); 
  mPaint.setColor(Color.RED); 
  mPaint.setStyle(Paint.Style.STROKE); 
  mPaint.setStrokeWidth(10); 
 
  InputStream is = getResources().openRawResource(R.drawable.earth); 
  mBitmap = BitmapFactory.decodeStream(is); 
 
 } 
 
 public void setPath(Path path) { 
  mPath = path; 
  mPathMeasure = new PathMeasure(path, false); 
  mPoint = new float[2]; 
  mTan = new float[2]; 
 
 } 
 
 @Override 
 protected void onDraw(Canvas canvas) { 
  super.onDraw(canvas); 
  if (mPath == null) { 
   return; 
  } 
 
 
  canvas.rotate(mDdegrees+=2, getWidth()/2, getHeight()/2); 
  canvas.drawPath(mPath, mPaint); 
 
  float degress = (float) Math.toDegrees(Math.atan2(mTan[1], mTan[0])); 
  Matrix matrix = new Matrix(); 
  matrix.postRotate(degress, mBitmap.getWidth() / 2, mBitmap.getHeight() / 2); 
  matrix.postTranslate(mPoint[0] - mBitmap.getWidth() / 2, mPoint[1] - mBitmap.getHeight() / 2); 
  canvas.drawBitmap(mBitmap, matrix, null); 
 
 
 } 
 
 @TargetApi(Build.VERSION_CODES.HONEYCOMB) 
 public void startAnim() { 
  ValueAnimator animator = ValueAnimator.ofFloat(0, mPathMeasure.getLength()); 
  animator.setDuration(2000); 
  animator.setInterpolator(new LinearInterpolator()); //插值器 
  animator.setRepeatCount(ValueAnimator.INFINITE); 
  animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
   @Override 
   public void onAnimationUpdate(ValueAnimator animation) { 
    float distance = (float) animation.getAnimatedValue(); 
    mPathMeasure.getPosTan(distance, mPoint, mTan); 
    invalidate(); 
   } 
  }); 
  animator.start(); 
 } 
} 

Activity

package com.stone.canvaspath; 
 
import android.app.Activity; 
import android.graphics.Path; 
import android.os.Bundle; 
 
import com.stone.canvaspath.earth.EarthPathView; 
 
/** 
 * author : stone 
 * email : aa86799@163.com 
 * time : 16/5/29 15 27 
 */ 
public class EarthActivity extends Activity { 
 
 private EarthPathView mPathView; 
 private Path mPath; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
 
  int w = getResources().getDisplayMetrics().widthPixels; 
  int h = getResources().getDisplayMetrics().heightPixels; 
 
  mPathView = new EarthPathView(this); 
 
  setContentView(mPathView); 
 
  int min = Math.min(w, h); 
  buildPath(w / 2 + 100, h / 2 + 100, min / 4); 
 
  mPathView.setPath(mPath); 
 
  mPathView.startAnim(); 
 } 
 
 private void buildPath(float x, float y, float radius) { 
  mPath = new Path(); 
  mPath.addCircle(x, y, radius, Path.Direction.CW); 
 } 
 
} 

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

 类似资料:
  • 本文向大家介绍详解Android自定义View--自定义柱状图,包括了详解Android自定义View--自定义柱状图的使用技巧和注意事项,需要的朋友参考一下 绪论 转眼间,2016伴随着互联网寒冬和帝都的雾霾马上就过去了,不知道大家今年一整年过得怎么样?最近票圈被各个城市的雾霾刷屏,内心难免会动荡,庆幸自己早出来一年,也担忧着自己的未来的职业规划。无所谓了,既然选择了这个行业,我觉得大家就应该坚

  • 本文向大家介绍Android自定义View实现叶子飘动旋转效果(四),包括了Android自定义View实现叶子飘动旋转效果(四)的使用技巧和注意事项,需要的朋友参考一下 上一篇实现了叶子飘动功能,《Android自定义叶子飘动》 现在实现旋转效果 要实现这个效果,要在之前的功能上添加2个功能 1、通过matrix.postTranslate(int x, int y)在添加在Y轴上滑动 2、通过

  • 本文向大家介绍Android自定义View实现拖动选择按钮,包括了Android自定义View实现拖动选择按钮的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了Android实现拖动选择按钮的具体代码,供大家参考,具体内容如下 效果图 View代码 第一步:自定义属性 第二步:自定义圆形 第三步:自定义拖动按钮 使用方法 布局文件: 页面代码: 以上就是本文的全部内容,希望对大家的学习有所

  • 本文向大家介绍Android自定义View叶子旋转完整版(六),包括了Android自定义View叶子旋转完整版(六)的使用技巧和注意事项,需要的朋友参考一下 上一篇实现多叶子飘动旋转,今天完成最后的功能。 1、添加右侧旋转枫叶 2、添加滑动条效果,显示百分比 3、修复叶子飘出边框问题 1、添加右侧旋转叶子 代码很明确,首先通过Matrix.postTranslate(float dx, floa

  • 本文向大家介绍Android自定义View绘图实现拖影动画,包括了Android自定义View绘图实现拖影动画的使用技巧和注意事项,需要的朋友参考一下 前几天在“Android绘图之渐隐动画”一文中通过画线实现了渐隐动画,但里面有个问题,画笔较粗(大于1)时线段之间会有裂隙,我又改进了一下。这次效果好多了。 先看效果吧: 然后我们来说说基本的做法:  •根据画笔宽度,计算每一条线段两个顶点对应的四

  • 本文向大家介绍Android自定义View绘图实现渐隐动画,包括了Android自定义View绘图实现渐隐动画的使用技巧和注意事项,需要的朋友参考一下 本文实现了一个有趣的小东西:使用自定义View绘图,一边画线,画出的线条渐渐变淡,直到消失。效果如下图所示: 用属性动画或者渐变填充(Shader)可以做到一笔一笔的变化,但要想一笔渐变(手指不抬起边画边渐隐),没在Android中找到现成的API