慕课网

带您完成神秘的涟漪按钮效果-提高篇

最热最新

骑猪看夕阳 00:35

Drawable的绘制流程

查看全部

0 采集收起来源：了解Drawable中如何实现动画-上
2018-02-20
吴悔mk 08:49

透明度过滤光计算

查看全部

0 采集收起来源：优化绘制涟漪效果-上
2018-01-03
吴悔mk 08:49

透明度过滤光计算

查看全部

0 采集收起来源：优化绘制涟漪效果-上
2018-01-03
natan 00:19

Drawable绘制流程

查看全部

0 采集收起来源：了解Drawable中如何实现动画-上
2017-08-15
natan 02:13

动画机制

查看全部

0 采集收起来源：了解Drawable中如何实现动画-上
2017-08-15
qq_Ranc鹏_0

1、首先确定点击位置，设置为启动时的圆心 2、圆心是逐渐移动的，结束位置为控件的中心区域 3、圆的半径最大值为中心到边缘的最大长度 4、背景颜色透明度逐渐加深的过程

查看全部

0 采集收起来源：涟漪动画-分析涟漪效果
2017-05-31
xzhang76

完成退出动画 1.退出动画的runnable private Runnable mExitRunnable = new Runnable() { @Override public void run() { mExitProgress = mExitProgress + EXIT_INCREMENT; if (mExitProgress > 1) { Log.d("zxt", "exit runnable done"); onExitProgressChanged(1); return; } float realProgress = mExitInterpolator.getInterpolation(mExitProgress); onExitProgressChanged(realProgress); // 延迟16毫秒再重绘, 保证洁面刷新频率接近60fps scheduleSelf(mExitRunnable, SystemClock.uptimeMillis() + 16); } }; 2.在onExitProgressChanged()要完成两个工作（1）背景色由深变淡（2）涟漪的圆颜色减淡 private void onExitProgressChanged(float realProgress) { // 第一个参数是初始值, 背景色减淡 mBackgroundColor = changeColorAlpha(0x30000000, 1 - realProgress); // 涟漪的圆减淡 mAlpha = (int) (INIT_ALPHA * (1 - realProgress)); onColorOrAlphaChanged(); invalidateSelf(); } 3.其他的地方好好看一下代码

查看全部

0 采集收起来源：涟漪动画-完成退出动画
2018-03-22
xzhang76 14:33

增强涟漪动画效果 1.按钮背景色逐渐变深（1）使用下面的方法改变颜色的透明度 private int changeColorAlpha(int color, float progress) { int alpha = (color >> 24) & 0xFF; alpha = (int) (alpha * progress); int red = (color >> 16) & 0xFF; int green = (color >> 8) & 0xFF; int blue = color & 0xFF; return (alpha << 24) | (red << 16) | (green << 8) | blue; } 其实就是变化了alpha值，其他三色都不变。（2）进度值变化时调用这个方法来改变背景色 private void onProgressChanged(float realProgress) { mRadius = mMaxRadius * realProgress; mDrawableX = mDownCenterX + (mCenterX - mDownCenterX) * realProgress; mDrawableY = mDownCenterY + (mCenterY - mDownCenterY) * realProgress; mBackgoundColor = changeColorAlpha(0x40000000, realProgress); invalidateSelf(); }

查看全部

0 采集收起来源：涟漪动画-完成进入动画
2018-03-22
xzhang76 15:16

增强涟漪动画效果 1.效果图（1）背景色变深（2）圆心位置向中心位置移动（3）圆半径变大 2.先实现后面两点 1.圆半径随进度变大，这个已经实现 2.涟漪效果的圆心向控件中心靠拢——根据按下位置和控件中心位置再结合进度来计算 private float mDrawableX, mDrawableY; // 涟漪效果的圆心 private float mDownCenterX, mDownCenterY; // 按下时的点 private float mCenterX, mCenterY; // 控件的中心位置计算方法： mDrawableX = mDownCenterX + (mCenterX - mDownCenterX) * realProgress; mDrawableY = mDownCenterY + (mCenterY - mDownCenterY) * realProgress; 综上，可以抽出一个方法： private void onProgressChanged(float realProgress) { mRadius = mMaxRadius * realProgress; mDrawableX = mDownCenterX + (mCenterX - mDownCenterX) * realProgress; mDrawableY = mDownCenterY + (mCenterY - mDownCenterY) * realProgress; invalidateSelf(); } 在runnable中进度值变化时调用。

查看全部

0 采集收起来源：涟漪动画-分析涟漪效果
2017-05-19
xzhang76 08:42

了解drawable如何实现动画 1.drawable的动画机制（1）常规动画：逐帧动画，补间动画仅仅改变动画效果，不改变控件参数值（2）属性动画改变控件的参数值这两种动画都是通过handler来实现的 2.如何实现动画按下的时候启动一个runnable，并在这个runnable里面继续schedule这个runnable private void startEnterRunnable() { mProgress = 0; mRadius = 0; unscheduleSelf(mEnterRunnable); scheduleSelf(mEnterRunnable, SystemClock.uptimeMillis()); } private Interpolator mEnterInterpolator = new DecelerateInterpolator(1.5f); private Runnable mEnterRunnable = new Runnable() { @Override public void run() { mProgress = mProgress + 0.03f; if (mProgress > 1.2) { return; } float realProgress = mEnterInterpolator.getInterpolation(mProgress); mRadius = 400 * realProgress; invalidateSelf(); // 延迟16毫秒再重绘, 保证洁面刷新频率接近60fps scheduleSelf(mEnterRunnable, SystemClock.uptimeMillis() + 16); } }; 关于插值器，我已经懂了

查看全部

0 采集收起来源：了解Drawable中如何实现动画-下
2018-03-22
最後的最後_ 04:36

！！！

查看全部

0 采集收起来源：课程总结及展望
2017-04-14
最後的最後_ 21:44

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 20:31

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 19:36

!!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 19:09

!!!设置默认值

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 16:45

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 16:14

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 14:58

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 14:14

将颜色值传进来

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14
最後的最後_ 14:10

!!!

查看全部

0 采集收起来源：优化绘制涟漪效果-下
2017-04-14

首页上一页1 2 3 4 5 6 7 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程为涟漪效果高级篇，针对学过涟漪效果入门篇的同学；在课程中详细的讲解了相关的知识点。其中在Drawable中添加涟漪动画等相关知识点尤为重要；并要求学习者能深入理解如何提取主要的绘制以及动画部分并实现一种新的涟漪效果。

老师告诉你能学到什么？: 1.如何为动画增加速度支持（高级篇） 2.如何使用工厂模式分解绘制逻辑（高级篇） 3.如何限定涟漪与绘制美女效果（高级篇） 4.如何为View拦截并延迟点击事件（高级篇） 5.添加自定义属性与性能优化（高级篇）