一个简单的"红包雨"实现

1.Path 和 PathMeasure : 了解PathMeasure 绘制路线
2.Animation ：执行动画

public Path createPath(View parent,int factor ){
//主要通过 Path.cubicTo 方法，生成一个贝塞尔曲线
// cubicTo(float x1, float y1, float x2, float y2,float x3, float y3)
// 我们需要三个坐标点
int x = mRandom.nextInt(mConfig.initX);
int x1 = mRandom.nextInt(mConfig.xRand);
x1 = mRandom.nextBoolean() ? x1 + x : Math.abs(x - x1);
int x2 = mRandom.nextInt(mConfig.xRand);
x2 = mRandom.nextBoolean() ? x2 + x1 : Math.abs(x1 - x2);
x1 = x1 + (mRandom.nextBoolean() ? 0 : mConfig.xPointFactor);
x2 = x2 + ( mRandom.nextBoolean() ? mConfig.xPointFactor:0);
int y = mConfig.initY;
int y2 = mCounter.intValue() * 15 + mConfig.animLength * factor + mRandom.nextInt(mConfig.animLengthRand);
factor = y2 / mConfig.bezierFactor;

int y3 = parent.getHeight();
y2 = y2/2;
Path p = new Path();
p.moveTo(x,y);
//贝塞尔曲线
p.cubicTo(x,y ,x1,y2 - factor , x1,y2);
p.moveTo(x1,y2);
p.cubicTo(x1,y2 + factor,x2,y3 - factor,x2,y3);
return p;
}

static class FloatAnimation extends Animation{

private PathMeasure mPm; //计算路径距离
private View mChildView;
private float mDistance;
private float mRotation;

public FloatAnimation(Path path, float rotation, View parent, View child){
//路劲计算
mPm = new PathMeasure(path,false);
//获取漂移路径的长度
mDistance = mPm.getLength();
mChildView = child;
mRotation = rotation;
parent.setLayerType(View.LAYER_TYPE_HARDWARE,null);
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
//            第一种方式 View动画，不可点击
//            Matrix matrix = t.getMatrix();
//            mPm.getMatrix(mDistance * interpolatedTime,matrix,PathMeasure.POSITION_MATRIX_FLAG);

// 第二种方式 ，属性动画，修改View的坐标，才能点击
float[] pos = {0,0};
float[] tan = {0,0};
//通过getPosTan(）方法，获得当前 mChildView 的坐标
mPm.getPosTan(mDistance * interpolatedTime,pos,tan);
Log.d("FallingPathAnimation","pos = ("+pos[0] +","+pos[1]+")");
//通过改变 mChildView 的x,y坐标，才能点击
mChildView.setX(pos[0]);
mChildView.setY(pos[1]);

mChildView.setRotation(mRotation * interpolatedTime);
//缩放
float scale = 1F;
if (3000.0F * interpolatedTime < 200.0F) {
scale = scale(interpolatedTime, 0.0D, 0.06666667014360428D, 0.20000000298023224D, 1.100000023841858D);
} else if (3000.0F * interpolatedTime < 300.0F) {
scale = scale(interpolatedTime, 0.06666667014360428D, 0.10000000149011612D, 1.100000023841858D, 1.0D);
}
mChildView.setScaleX(scale);
mChildView.setScaleY(scale);
//渐变
//            t.setAlpha(1.0F - interpolatedTime);
}
}

“红包雨”主要就是上面两个步骤，很简单，上面已经注释的很清楚了。主要还是对 Path 与 PathMeasure 类的 熟悉和使用。

• 序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 143,201评论 1 300
• 序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 61,387评论 1 257
• 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 94,683评论 0 213
• 文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
开封第一讲书人阅读 41,080评论 0 179
• 正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 48,865评论 1 255
• 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 38,810评论 1 177
• 那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
沈念sama阅读 30,440评论 2 271
• 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 29,200评论 0 167
• 想象着我的养父在大火中拼命挣扎，窒息，最后皮肤化为焦炭。我心中就已经是抑制不住地欢快，这就叫做以其人之道，还治其人...
爱写小说的胖达阅读 29,019评论 6 231
• 序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 32,540评论 0 213
• 正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
茶点故事阅读 29,337评论 2 215
• 正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 30,658评论 1 231
• 白月光回国，霸总把我这个替身辞退。还一脸阴沉的警告我。[不要出现在思思面前， 不然我有一百种方法让你生不如死。]我...
爱写小说的胖达阅读 24,255评论 0 32
• 序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 27,145评论 2 214
• 正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 31,535评论 3 206
• 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 25,626评论 0 8
• 文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
开封第一讲书人阅读 26,028评论 0 166
• 我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
沈念sama阅读 33,555评论 2 230
• 正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 33,652评论 2 231

推荐阅读更多精彩内容

• Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
passiontim阅读 170,378评论 25 707
• 在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥ios动画全貌。在这里你可以看...
每天刷两次牙阅读 8,283评论 6 29
• 在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥iOS动画全貌。在这里你可以看...
F麦子阅读 4,965评论 5 13
• 人生呀，它如果可以让你掌握在手上那该有多好呀～，可是呀，人生而在世，哪有这么多的主观因素。当你要做成一件事的时候，...
安南的线邮阅读 200评论 0 1
• 夜凉如水 醉卧在星星的眼 花影扶疏 暗香钻入月华的袖 一片清风走过 不小心惊动了轩窗下 几株浅睡的绿竹 一时间，声如雪
烟雨心清阅读 220评论 1 19