如何实现这样的运动模糊效果?



Smartisan OS有一个具有这种效果的天气应用程序:当将格式从摄氏度更改为华氏度时,温度数字将像这样滚动: 运动模糊效果示例

我认为数字滚动时这不是简单的模糊效果,因为您可以从图像中看到这些数字仅在垂直方向上模糊。数字首先以低速滚动,然后以更快的速度滚动。滚动时模糊半径也更长。至于我,这种效果不是那么容易达到的。

只需创建一个始终在画布上绘制的自定义视图。您必须自己处理上下移动,在这种情况下,您将无法使用简单的内置 UI 元素。一旦你想要滚动效果,只需多次绘制移动文本,但每次都会稍微偏移它,并根据它的速度改变它的不透明度。

在这种情况下,使用 OpenGL 可能有点矫枉过正,因为这种情况只是关于文本的。运动模糊太难实现,性能太高,将文本绘制到画布十几次对性能的影响很小。

希望我能帮上忙。

相同的@andras解决方案

/**
* use for 2D-Radial-Blur
*
* @param src
* @param dx    It effetcs the speed. you can use 1/-1 for a test
* @param dy    It effetcs the speed. you can use 1/-1 for a test
* @param times effects motion length
* @return
*/
public static Bitmap doRadialBlur(Bitmap src, int dx, int dy, int times) {
Bitmap dst = Bitmap.createBitmap(src.getWidth(), src.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(dst);
Matrix matrix = new Matrix();
Paint paint = new Paint();
canvas.drawBitmap(src, matrix, paint);
paint.setAlpha(51); // 51 / 255 =20%
for (int i = 0; i < times; i++) {
matrix.setTranslate(i * dx, i * dy);
canvas.drawBitmap(src, matrix, paint);
}
return dst;
}

https://github.com/dkmeteor/RadialBlur-Android

最新更新