iOS 螢幕解鎖文字動畫效果_IOS

來源:互聯網
上載者:User

   CAGradientLayer相信大家都比較熟悉,關於其如何使用,我就不在這裡廢話了,網上有很多介紹,想詳細瞭解的話,可以去看看。我只簡單說下如何利用CAGradientLayer製作螢幕解鎖文字動畫效果。

1、建立一個CAGradientLayer對象gradLayer,設定它的frame和label.bounds一樣(這裡要注意一下是Label的bounds不是frame);

2、這裡我給gradLayer.colors一共設定了三個顏色值,首尾顏色透明度設定成0.3,中間的顏色值透明度保持預設1.0,再將其作為label的遮罩,這樣看起來的效果是:首尾顏色偏暗,中間顏色偏亮;


3、CAGradientLayer有個屬性locations可以設定顏色的漸層點(範圍為0.0~1.0),第二個顏色值的漸層點初始值設為0.0, 通過動畫將其設定成1.0,便會達到預期效果。


demo地址:https://github.com/Tbwas/UnlockAnimation

文/心董兒(簡書作者)
原文連結:http://www.jianshu.com/p/0984d67c632e
著作權歸作者所有,轉載請聯絡作者獲得授權,並標註“簡書作者”。

以上就是 iOS 螢幕解鎖文字動畫效果的實現,有需要的小夥伴可以參考下,謝謝大家對本站的支援!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.