[iOS] 仿facebook的闪烁Label,很简单

最终效果

最终就是要实现这样的效果


pic.gif

偶然在 github 上看到 facebook 有个这样的 label,于是想着我也山寨一个吧
我要做个闪光字体,支持多种闪光模式的shimmer label

思路很简单的
下面一个灰色的 grayLabel
上面一个白色的高亮 whiteLabel
还有一个渐变的 CAGradientLayer *gLayer(用法网上非常多,可以去看看)
然后给 gLayer 上个渐变色
然后一句话 whiteLabel.layer.mask = gLayer 就实现高亮了
左右滑动就给 gLayer 加个平移动画就 ok 了,很简单吧

思路拓展
layer 有个 mask 蒙版属性,只要有 layer 的都可以做闪烁效果!!
比如 imageView.layer 等等等等

最后我封装了一个 UILabel 的闪烁文字,一行代码就开启闪烁了,和 facebook 的效果一样,还可以自定义多种样式。
例如:

    self.label1 = [[CKShimmerLabel alloc] init];
    self.label1.text = @"hello world 1";
    [self.label1 startShimmer];                 // 开启闪烁

一些可以修改的属性:

ShimmerType shimmerType;          // 闪烁类型,默认LeftToRight
BOOL repeat;                      // 循环播放,默认是
CGFloat shimmerWidth;             // 闪烁宽度,默认20
CGFloat shimmerRadius;            // 闪烁半径,默认20
UIColor *shimmerColor;            // 闪烁颜色,默认白
NSTimeInterval durationTime;      // 持续时间,默认2秒

// 直接 self.label1.shimmerColor = [UIColor yellowColor]; 就可以修改颜色

想要看代码的可以在这里下载到:

有bug可以反馈给我哦

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 今天去公益啦 啦啦啦~ 还有今天母亲节 给妈妈们买了蛋糕和花 都挺开心的 无论如何 谢谢你带我来这世界吧
    微凉r阅读 277评论 0 0
  • 我们人类真的是很特别。不同时期我们的胆量会有很大的变化。 最初的我们,因为无所知所以无所畏惧。就是所谓的初生牛犊不...
    口述笔录阅读 283评论 0 4
  • 有一句金句:你知道吗?听一个人说话,不要听他说了什么,而要听他没说什么。 --《中国合伙人》 一 不懂话外之音,还...
    三米河阅读 1,584评论 1 7
  • 文/何尔茹 有一种骄傲,是坐在最后一排也看得见黑板。 读高中的时候,班级里不到六十个人,只有我和另外一个同学眼睛不...
    何尔茹阅读 1,652评论 4 25