使用SurfaceView实现飘赞动画

ZanBean类，每个ZanBean都要负责实时更新自己的位置、透明度等数据

import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Point;
import android.os.Build;  import java.util.Random;  public class ZanBean {  /** * 心的当前坐标 */  public Point point;  /** * 移动动画 */  private ValueAnimator moveAnim;  /** * 放大动画 */  private ValueAnimator zoomAnim;  /** * 透明度 */  public int alpha = 255;//  /** * 心图 */  private Bitmap bitmap;  /** * 绘制bitmap的矩阵  用来做缩放和移动的 */  private Matrix matrix = new Matrix();  /** * 缩放系数 */  private float sf = 0;  /** * 产生随机数 */  private Random random;  public boolean isEnd = false;//是否结束  public ZanBean(Context context, int resId, ZanView zanView) {  random = new Random();  bitmap = BitmapFactory.decodeResource(context.getResources(), resId);  init(new Point(zanView.getWidth() / 2, zanView.getHeight()- bitmap.getHeight() / 2), new Point((random.nextInt(zanView.getWidth())), 0));  }  public ZanBean(Bitmap bitmap, ZanView zanView) {  random = new Random();  this.bitmap = bitmap;  //为了让在起始坐标点时显示完整 需要减去bitmap.getHeight()/2  init(new Point(zanView.getWidth() / 2, zanView.getHeight() - bitmap.getHeight() / 2), new Point((random.nextInt(zanView.getWidth())), 0));  }  @TargetApi(Build.VERSION_CODES.HONEYCOMB)  private void init(final Point startPoint, Point endPoint) {  moveAnim = ValueAnimator.ofObject(new BezierEvaluator(new Point(random.nextInt(startPoint.x * 2), Math.abs(endPoint.y - startPoint.y) / 2)), startPoint, endPoint);  moveAnim.setDuration(1500);  moveAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  @Override  public void onAnimationUpdate(ValueAnimator animation) {  point = (Point) animation.getAnimatedValue();  alpha = (int) ((float) point.y / (float) startPoint.y * 255);  }  });  moveAnim.start();  zoomAnim = ValueAnimator.ofFloat(0, 1f).setDuration(700);  zoomAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  @Override  public void onAnimationUpdate(ValueAnimator animation) {  Float f = (Float) animation.getAnimatedValue();  sf = f.floatValue();  }  });  zoomAnim.start();  }  //    public void pause(){
//        if(moveAnim !=null&& moveAnim.isRunning()){
//            moveAnim.pause();
//        }
//        if(zoomAnim !=null&& zoomAnim.isRunning()){
//            zoomAnim.pause();
//        }
//    }
//
//    public void resume(){
//        if(moveAnim !=null&& moveAnim.isPaused()){
//            moveAnim.resume();
//        }
//        if(zoomAnim !=null&& zoomAnim.isPaused()){
//            zoomAnim.resume();
//        }
//    }  public void stop() {  if (moveAnim != null) {  moveAnim.cancel();  moveAnim = null;  }  if (zoomAnim != null) {  zoomAnim.cancel();  zoomAnim = null;  }  }  /** * 主要绘制函数 */  public void draw(Canvas canvas, Paint p) {  if (bitmap != null && alpha > 0) {  p.setAlpha(alpha);  matrix.setScale(sf, sf, bitmap.getWidth() / 2, bitmap.getHeight() / 2);  matrix.postTranslate(point.x - bitmap.getWidth() / 2, point.y - bitmap.getHeight() / 2);  canvas.drawBitmap(bitmap, matrix, p);  } else {  isEnd = true;  }  }  /** * 二次贝塞尔曲线 */  @TargetApi(Build.VERSION_CODES.HONEYCOMB)  private class BezierEvaluator implements TypeEvaluator<Point> {  private Point centerPoint;  public BezierEvaluator(Point centerPoint) {  this.centerPoint = centerPoint;  }  @Override  public Point evaluate(float t, Point startValue, Point endValue) {  int x = (int) ((1 - t) * (1 - t) * startValue.x + 2 * t * (1 - t) * centerPoint.x + t * t * endValue.x);  int y = (int) ((1 - t) * (1 - t) * startValue.y + 2 * t * (1 - t) * centerPoint.y + t * t * endValue.y);  return new Point(x, y);  }  }
}

ZanView代码如下:SurfaceView,不断将ZanBean画到自己的画布上。

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.PorterDuff;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;  import java.util.ArrayList;  public class ZanView extends SurfaceView implements SurfaceHolder.Callback {  private SurfaceHolder surfaceHolder;  /** * 心的个数 */  private ArrayList<ZanBean> zanBeen = new ArrayList<>();  private Paint p;  /** * 负责绘制的工作线程 */  private DrawThread drawThread;  public ZanView(Context context) {  this(context, null);  }  public ZanView(Context context, AttributeSet attrs) {  this(context, attrs, 0);  }  public ZanView(Context context, AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  this.setZOrderOnTop(true);  /**设置画布  背景透明*/  this.getHolder().setFormat(PixelFormat.TRANSLUCENT);  surfaceHolder = getHolder();  surfaceHolder.addCallback(this);  p = new Paint();  p.setAntiAlias(true);  drawThread = new DrawThread();  }  /** * 点赞动作  添加心的函数 控制画面最大心的个数 */  public void addZanXin(ZanBean zanBean) {  zanBeen.add(zanBean);  if (zanBeen.size() > 40) {  zanBeen.remove(0);  }  start();  }  @Override  public void surfaceCreated(SurfaceHolder holder) {  if (drawThread == null) {  drawThread = new DrawThread();  }  drawThread.start();  }  @Override  public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {  }  @Override  public void surfaceDestroyed(SurfaceHolder holder) {  if (drawThread != null) {  drawThread.isRun = false;  drawThread = null;  }  }  class DrawThread extends Thread {  boolean isRun = true;  @Override  public void run() {  super.run();  /**绘制的线程 死循环 不断的跑动*/  while (isRun) {  Canvas canvas = null;  try {  synchronized (surfaceHolder) {  canvas = surfaceHolder.lockCanvas();  /**清除画面*/  canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);  boolean isEnd = true;  /**对所有心进行遍历绘制*/  for (int i = 0; i < zanBeen.size(); i++) {  isEnd = zanBeen.get(i).isEnd;  zanBeen.get(i).draw(canvas, p);  }  /**这里做一个性能优化的动作，由于线程是死循环的 在没有心需要的绘制的时候会结束线程*/  if (isEnd) {  isRun = false;  drawThread = null;  }  }  } catch (Exception e) {  e.printStackTrace();  } finally {  if (canvas != null) {  surfaceHolder.unlockCanvasAndPost(canvas);  }  }  try {  /**用于控制绘制帧率*/  Thread.sleep(10);  } catch (InterruptedException e) {  e.printStackTrace();  }  }  }  }  public void stop() {  if (drawThread != null) {  //            for (int i = 0; i < zanBeen.size(); i++) {
//                zanBeen.get(i).pause();
//            }  for (int i = 0; i < zanBeen.size(); i++) {  zanBeen.get(i).stop();  }  drawThread.isRun = false;  drawThread = null;  }  }  public void start() {  if (drawThread == null) {
//            for (int i = 0; i < zanBeen.size(); i++) {
//                zanBeen.get(i).resume();
//            }  drawThread = new DrawThread();  drawThread.start();  }  }
}

调试

public class TestActivity extends BaseActivity {  @Override  protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.test_zan);  final ZanView zan = (ZanView) findViewById(R.id.zan_view);  zan.start();  findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {  ZanBean zanBean = new ZanBean(BitmapFactory.decodeResource(getResources(), R.drawable.ic_default_avatar), zan);  zan.addZanXin(zanBean);  }  });  }
}

使用SurfaceView实现飘赞动画相关推荐

水波纹+仿探探卡片滑动+飘赞动画
Android开发UI效果一.水波纹二.仿探探滑动卡片三.飘赞动画本篇文章主要记录一下开发过程通过网上搜索和本项目需求结合最终实现效果做个记录, 本人比较赖,就不抽demo了,关键代码已贴,仿 ...
直播app源代码直播软件开发Android UI动画仿直播点赞飘心动画效果
直播app源代码直播软件开发Android UI动画仿直播点赞飘心动画效果一个飘心的小动画,之前看也看到网上有很多轮子,但是感觉不是很符合我的需求,所以自己就凑活凑活搞出来一个,废话不多说先看图 ...
SurfaceView为什么不能做动画？
目录 Android屏幕绘制流程是什么? SurfaceView为什么不能做动画? TextureView也可以实现视频播放,为什么TextureView可以做动画? Android屏幕绘制流程是什么 ...
android 飘心动画(直播点赞)效果
前段时间在写直播的时候,需要观众在看直播的时候点赞的效果,在此参照了腾讯大神写的点赞(飘心动画效果).下面是效果图: 1.自定义飘心动画的属性在attrs.xml 中增加自定义的属性 <!-- ...
android 飘心动画(直播点赞)效果(二)---贝塞尔曲线的实现
上篇文章 android 飘心动画(直播点赞)效果只有代码,没有相关的说明.因为我自己也没有看懂,所以参照网上另一篇关于贝塞尔曲线实现飘心动画的效果,目的就是便于理解上篇文章代码的思路,然后写个 ...
HTML5粉色气球飘过动画js特效
下载地址 HTML5粉色气球飘过动画特效是一款html5基于svg绘制一大串粉色的气球空中飘动飞过,页面中间带文字logo. dd:
android开发鱼动画,如何使用SurfaceView实现鱼儿游动动画
本文实例为大家分享了使用SurfaceView实现动画的具体代码,供大家参考,具体内容如下与自定义view绘图进行对比: 1.view绘图没有双缓冲机制,而surfaceview有 2.view绘图 ...
2048游戏回顾一：使用SurfaceView创建游戏启动动画
SurfaceView有个很大的好处,就是可以在子线程中绘制UI,其他的View只能在主线程中更新UI,这或多或少给编程增加了些不便.而SurfaceVIew在子线程中可以绘制UI的特性,再加上其可以 ...
Android UI动画仿直播点赞飘心动画效果
首先在写之前加上效果图: 第一步我们先导入依赖:allprojects {repositories {..........maven { url 'https://jitpack.io' }} }de ...

使用SurfaceView实现飘赞动画

使用SurfaceView实现飘赞动画相关推荐

最新文章

热门文章