[iOS] 仿facebook的閃爍Label,很簡(jiǎn)單

最終效果

最終就是要實(shí)現(xiàn)這樣的效果


pic.gif

偶然在 github 上看到 facebook 有個(gè)這樣的 label,于是想著我也山寨一個(gè)吧
我要做個(gè)閃光字體,支持多種閃光模式的shimmer label

思路很簡(jiǎn)單的
下面一個(gè)灰色的 grayLabel
上面一個(gè)白色的高亮 whiteLabel
還有一個(gè)漸變的 CAGradientLayer *gLayer(用法網(wǎng)上非常多,可以去看看)
然后給 gLayer 上個(gè)漸變色
然后一句話 whiteLabel.layer.mask = gLayer 就實(shí)現(xiàn)高亮了
左右滑動(dòng)就給 gLayer 加個(gè)平移動(dòng)畫就 ok 了,很簡(jiǎn)單吧

思路拓展
layer 有個(gè) mask 蒙版屬性,只要有 layer 的都可以做閃爍效果?。?br> 比如 imageView.layer 等等等等

最后我封裝了一個(gè) UILabel 的閃爍文字,一行代碼就開啟閃爍了,和 facebook 的效果一樣,還可以自定義多種樣式。
例如:

    self.label1 = [[CKShimmerLabel alloc] init];
    self.label1.text = @"hello world 1";
    [self.label1 startShimmer];                 // 開啟閃爍

一些可以修改的屬性:

ShimmerType shimmerType;          // 閃爍類型,默認(rèn)LeftToRight
BOOL repeat;                      // 循環(huán)播放,默認(rèn)是
CGFloat shimmerWidth;             // 閃爍寬度,默認(rèn)20
CGFloat shimmerRadius;            // 閃爍半徑,默認(rèn)20
UIColor *shimmerColor;            // 閃爍顏色,默認(rèn)白
NSTimeInterval durationTime;      // 持續(xù)時(shí)間,默認(rèn)2秒

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

想要看代碼的可以在這里下載到:

有bug可以反饋給我哦

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,327評(píng)論 4 61
  • 今天去公益啦 啦啦啦~ 還有今天母親節(jié) 給媽媽們買了蛋糕和花 都挺開心的 無(wú)論如何 謝謝你帶我來(lái)這世界吧
    微涼r閱讀 296評(píng)論 0 0
  • 我們?nèi)祟愓娴氖呛芴貏e。不同時(shí)期我們的膽量會(huì)有很大的變化。 最初的我們,因?yàn)闊o(wú)所知所以無(wú)所畏懼。就是所謂的初生牛犢不...
    口述筆錄閱讀 303評(píng)論 0 4
  • 有一句金句:你知道嗎?聽一個(gè)人說(shuō)話,不要聽他說(shuō)了什么,而要聽他沒說(shuō)什么。 --《中國(guó)合伙人》 一 不懂話外之音,還...
    三米河閱讀 1,652評(píng)論 1 7
  • 文/何爾茹 有一種驕傲,是坐在最后一排也看得見黑板。 讀高中的時(shí)候,班級(jí)里不到六十個(gè)人,只有我和另外一個(gè)同學(xué)眼睛不...
    何爾茹閱讀 1,681評(píng)論 4 25

友情鏈接更多精彩內(nèi)容