国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 系統(tǒng) > iOS > 正文

iOS仿抖音視頻加載動畫效果的實現(xiàn)方法

2019-10-21 18:39:17
字體:
供稿:網(wǎng)友

前言

這幾天一直跟開源的抖音demo斗智斗勇,今天跟大家分享的是抖音中或者快手中加載視頻動畫,這個加載效果還是挺實用,下面話不多說了,來隨著小編一起學習學習吧

上圖看成品

iOS,仿抖音,視頻,加載,動畫

實現(xiàn)原理

首先我創(chuàng)建一個視圖

@interface ViewController ()@property (nonatomic, strong) UIView *playLoadingView;@end@implementation ViewController- (void)viewDidLoad { [super viewDidLoad];  //init player status bar self.playLoadingView = [[UIView alloc]init]; self.playLoadingView.backgroundColor = [UIColor whiteColor]; [self.playLoadingView setHidden:YES]; [self.view addSubview:self.playLoadingView];  //make constraintes [self.playLoadingView mas_makeConstraints:^(MASConstraintMaker *make) { make.center.equalTo(self.view); make.width.mas_equalTo(1.0f); //寬 1 dp make.height.mas_equalTo(0.5f); //高 0.5 dp }];  [self startLoadingPlayAnimation:YES]; //調(diào)用動畫代碼}

這里我們可以看到 我們實際上創(chuàng)建的是一個 1pt寬度 0.5 pt的寬度 的視圖

緊接著動畫實現(xiàn)的代碼

- (void)startLoadingPlayAnimation:(BOOL)isStart { if (isStart) { self.playLoadingView.backgroundColor = [UIColor whiteColor]; self.playLoadingView.hidden = NO; [self.playLoadingView.layer removeAllAnimations];  CAAnimationGroup *animationGroup = [[CAAnimationGroup alloc] init]; animationGroup.duration = 0.5; animationGroup.beginTime = CACurrentMediaTime() + 0.5; animationGroup.repeatCount = MAXFLOAT; animationGroup.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];  CABasicAnimation *scaleAnimation = [CABasicAnimation animation]; scaleAnimation.keyPath = @"transform.scale.x"; scaleAnimation.fromValue = @(1.0f); scaleAnimation.toValue = @(1.0f * ScreenWidth);  CABasicAnimation *alphaAnimation = [CABasicAnimation animation]; alphaAnimation.keyPath = @"opacity"; alphaAnimation.fromValue = @(1.0f); alphaAnimation.toValue = @(0.5f);  [animationGroup setAnimations:@[scaleAnimation, alphaAnimation]]; [self.playLoadingView.layer addAnimation:animationGroup forKey:nil]; } else { [self.playLoadingView.layer removeAllAnimations]; self.playLoadingView.hidden = YES; }}

完事 就這幾行代碼 搞定

其實核心的只有4行代碼

CABasicAnimation *scaleAnimation = [CABasicAnimation animation];scaleAnimation.keyPath = @"transform.scale.x";scaleAnimation.fromValue = @(1.0f);scaleAnimation.toValue = @(1.0f * ScreenWidth);

關(guān)鍵在scaleAnimation.keyPath = @"transform.scale.x"; 這里我們要沿著x做縮放

縮放的得值從 1~屏幕寬度, 當然值多大自己可以控制.

如果@"transform.scale.y" 則是沿著Y軸縮放

當然 如果寫成@"transform.scale" 那就X,Y 一起縮放 大家可以試試.

總結(jié)

本篇的動畫技巧是 縮放的 transform.scale.y 從一個點 做layer縮放 就會出現(xiàn) 加載效果.

最后附上demo

好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對VEVB武林網(wǎng)的支持。


注:相關(guān)教程知識閱讀請移步到IOS開發(fā)頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
国产高清免费av在线| 99热免费在线观看| 欧美日韩视频精品二区| 18被视频免费观看视频| 精品推荐蜜桃传媒| 永久免费不卡在线观看黄网站| 国产理论片免费观看| 国产在线观看网站| 国产日产一区二区三区| 国产成人综合美国十次| 四虎成人免费观看在线网址| av中文资源在线| 国产精品外围在线观看| 国产黄色在线看| 欧美亚洲另类在线观看| 天堂在线看视频| 精品福利影院| 国产中文字幕av| 精品国产一区二区三区四区阿崩| eeuss在线观看| 国产精品久久久久白浆| аⅴ成人天堂中文在线| 最近中文字幕mv2018在线高清| 午夜不卡视频| 爱福利在线视频| 精品伦理一区二区| 最新超碰在线| 超碰在线97国产| 在线国产福利网站| 国产极品美女到高潮| 国产乱人视频免费播放| www在线视频观看| 97最新国自产拍视频在线完整在线看 | √8天堂资源地址中文在线| 亚洲а∨精品天堂在线| 国产精品冒白浆免费视频| 牛牛精品视频在线| av在线二区| 亚洲wwwwww| 亚洲精品影院在线| 中文资源在线官网| 国产95在线|亚洲| 国产www视频在线观看| 国产精品18久久久久久久久久| 天天操天天曰| 免费在线播放av| 欧美日韩国产亚洲沙发| 免费看ww视频网站入口| 欧美精品se| 国产精品一卡二卡三卡| 中文字幕日本三级| 国产香蕉免费精品视频| √天堂资源地址在线官网| 国产免费自拍视频| 久久久久久久久久久久网站| 欧美日韩亚洲第一页| www.夜夜操.com| 九九热在线观看视频| 青青草视频在线免费观看| av中文在线| wwww在线观看| 丁香综合五月| 中文字幕在线播放网址| 国产麻豆视频网站| 国产日产一区二区| free性亚洲| 中文字幕免费在线视频| 在线中文免费视频| 久精品在线观看| 国产精品久久久久久久久鸭| 在线观看免费高清完整| 免费在线你懂的| 国产一区精品| av在线不卡免费| 午夜视频在线观看网站午夜视频在线 | 黄色毛片在线看| 国产激情99| 久久久久久91精品色婷婷 | 激情六月婷婷| 国产黄视频网站| 国产免费黄网站| 在线观看中文字幕的网站| 丁香视频免费观看| 一本大道久久a久久精品| 成av人免费青青久| 国产95在线|亚洲| 中文字幕av中文字幕| 久久99国产视频| a视频在线观看| 精品国产福利一区二区在线| 尤物视频在线免费观看| 黄色av网站在线| av免费在线一区二区三区| 国产日韩欧美精品一区二区三区 | 欧美色欧美亚洲另类二区精品 | 日本在线视频www鲁啊鲁| 中文字幕在线免费观看| 青青免费在线视频| 亚洲国产aⅴ精品| 999精品网| 国产二级片在线| 国产精品被窝福利一区| 国产精品久久精品牛牛影视| 国产乱妇乱子| 中文字幕在线播放网址| 中文字幕久热在线精品| 丁香花高清视频完整版在线观看| 人人干人人插| 超碰在线97国产| 日本一级理论片在线大全| 国产不卡一卡2卡三卡4卡5卡在线| 88av在线| 精品一区二区三区高清免费不卡| 国产丝袜自拍| av高清资源| 欧美aaa一级片| 国产精选在线视频拍拍拍| 成人无遮挡免费网站视频在线观看| 日本福利在线| 国产男女无套在线播放| 最近中文字幕av免费高清| 国产精品入口麻豆免费观看| 国产高清免费av在线| 亚洲www色| 狠狠干天天干| 国产福利在线视频| 免费a在线观看| 国产精品美女视频免费观看软件| 18av在线视频| 男女午夜视频在线观看| 中文字幕一区二区三区免费视频| 999精品网| 国产精品一区牛牛影视| 精品成人一区二区三区免费视频| 思思99精品视频在线观看| 非洲黑人最猛性xxxx交| 92久久精品| 1区2区3区在线| 色欧美在线观看| 天天爱天天做色综合| 在线视频三区| 国产九九在线| 免费av不卡在线观看| 精品国产一区二区三区不卡在线| 国产在线观看av| 国产欧美日韩第一页| www.九九热.com| 2019中文字幕在线电影免费| 丁香花高清在线观看完整版 | 久久99国产视频| 91国内在线| 国产青青视频| 久久精品最新免费国产成人| av免费在线观看网站| 国产成人无吗| 国产色a在线| 最近中文字幕av免费高清| 成 人免费视频播放| www.成人.com| jlzzjlzz欧美| 免费观看久久久久| av在线资源网| 亚洲an天堂an在线观看| 91蜜桃在线视频| 国产国产人免费人成免费视频| 天堂在线看视频| 国产无遮挡又黄又爽免费网站| av在线第一页| 白浆爆出在线观看| 国产在线观看a视频| 久热中文字幕| 二区三区中文字幕| 中文字幕在线视频观看| 中文字幕日本在线观看| √天堂中文在线| 国产日韩欧美第一页| 国产成人无吗| www亚洲天堂| 中文字幕国产在线| 精品视频麻豆入口| 小说区乱图片区| 九九99九九精彩| 中文字幕在线资源| 精品无吗乱吗av国产爱色| www在线视频| 国产小视频福利在线| 在线中文资源天堂| 日本18视频网站| 国产午夜视频在线观看| av网站大全在线观看| 免费观看一二区视频网站| 中文字幕免费中文| av在线播放av| 国产香蕉视频在线看| 性网站在线看| 国产高清视频在线观看| 成av人免费青青久| 在线观看午夜av| 国产精品久久久久久福利| 久热国产视频|