iOS 螢幕解鎖文字動畫效果

2022-09-25 01:30:09 字數 583 閱讀 4766

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

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位址:

文/心董兒(簡書作者)

原文鏈結:

著作權歸作者所有,**請聯絡作者獲得授權,並標註「簡書作者」。

本文標題: ios 螢幕解鎖文字動畫效果

本文位址: /ruanjian/ios/163937.html

iOS 動畫效果

最普通動畫 開始動畫 uiview beginanimations nil context nil 設定動畫持續時間 uiview setanimationduration 2 動畫的內容 frame.origin.x 150 img setframe frame 動畫結束 uiview commi...

iOS 動畫效果

最普通動畫 開始動畫 uiview beginanimations nil context nil 設定動畫持續時間 uiview setanimationduration 2 動畫的內容 frame.origin.x 150 img setframe frame 動畫結束 uiview commi...

jQuery文字動畫效果

這裡跟大家分享一款jquery的外掛程式,即使用jquery將文字有一定的動畫效果。jquery.texteffects.js 使用方法也很簡單 引入上述的js檔案,然後給你的文字加上乙個class,寫如下jquery 這裡是外掛程式的些引數的設定方法 texteffect speed specif...