转载

更温和的交互：呼吸式闪动警示 view 背景

前天晚上做了个简单的小工具类，叫做 BreathingViewHelper，传入一个 view 和需要的背景颜色之后，它的背景就会呈呼吸式闪动，可以用来做警示一些必要的内容没有填写或选择。

其实实现方法很简单，就是开个线程隔 38毫秒调用一下 setBackgroundColor 而已，之所以是 38mm 是因为只要间隔小于50毫秒的刷新率，人的肉眼就会当成是连续的；这样可以避免过多刷新，也是比较友好。

关键就是一个类呼吸函数，首先想到正弦函数，但正弦函数用起来感觉有点呼吸急促，因为它的呼和吸是均衡的，之后 Google 了下，找到一个更加逼真的呼吸函数：

代码实现就是(无视我充满槽点的 one 变量名吧。。。)：

private static double getBreathingY(long time, int n, int t) {  float k = 1.0f / 3;  float pi = 3.1415f;  float x = time / 1000.0f;  t = (int) (t / 1000.0f);  if (x >= ((n - 1) * t) && x < ((n - (1 - k)) * t)) {   double i = pi / (k * t) * ((x - (0.5f * k * t)) - (n - 1) * t);   return 0.5f * Math.sin(i) + 0.5f;  } else if (x >= ((n - (1 - k)) * t) && x < n * t) {   double j = pi / ((1 - k) * t) * ((x - (0.5f * (3 - k) * t)) - (n - 1) * t);   double one = 0.5f * Math.sin(j) + 0.5f;   return one * one;  }  return 0; }

这里关键是要在一个周期之后传入一个新的 n，我的做法就是判断 if (diffTime > n * t) 然后使 n++;

其余没什么好说的啦，有兴趣可以直接看源码：

https://github.com/drakeet/BreathingViewHelper

效果如下（因为这个视频如果显示出来就会自动播放，为了给大家省流量，我只能将它放在文章最后了）：

不过，得说一下，目前这个呼吸频率还调得不够好，有点儿温和，可能还不是非常契合做「警示」效果，所以我可能还得调一调呼吸的周期，或者开放出方法来让使用的时候做调整。

正文到此结束