亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

iOS實現動態元素的引導圖效果

2020-07-26 03:10:30
字體:
來源:轉載
供稿:網友

前言

最近越來越多的APP,已經拋棄掉第一次進入的3-4頁的導入頁面,而是另外采取了在功能頁面懸浮一個動態效果來展示相應的功能點。這個模塊主要是實現app首次進入時顯示的動態的引導圖,在用戶進行右滑或者左滑的時候,屏幕上的一些元素做出相應的隱藏消失以及位置移動。

實現效果:


圖片資源來自網絡,侵權即刪

先來看看是如何使用的,然后再介紹相關的方法及屬性

NSMutableArray * elementsDataArr = [[NSMutableArray alloc] init];/* 動畫元素的創建 */LMJAnimatedElement * element1 = [[LMJAnimatedElement alloc] initWithImage:[UIImage imageNamed:@"umbrella"]];element1.belongToScreen = 0;      // 設置所屬第幾屏element1.size    = CGSizeMake(64, 64); // 元素大小element1.startPoint  = CGPointMake(130, 420); // 元素在屏幕的起始點位置element1.endPoint   = CGPointMake(130, 420); // 元素在屏幕的終點位置element1.isGradient  = NO;     // 是否淡入淡出[elementsDataArr addObject:element1];LMJAnimatedElement * element2 = [[LMJAnimatedElement alloc] initWithImage:[UIImage imageNamed:@"cocktail"]];element2.belongToScreen = 1;element2.size    = CGSizeMake(64, 64);element2.startPoint  = CGPointMake(40, 350);element2.endPoint   = CGPointMake(40, 480);element2.isGradient  = YES;[elementsDataArr addObject:element2];LMJAnimatedElement * element3 = [[LMJAnimatedElement alloc] initWithImage:[UIImage imageNamed:@"flip_flops"]];element3.belongToScreen = 2;element3.size    = CGSizeMake(64, 64);element3.startPoint  = CGPointMake(-70, 500);element3.endPoint   = CGPointMake(190, 470);element3.isGradient  = YES;[elementsDataArr addObject:element3];LMJAnimatedElement * element4 = [[LMJAnimatedElement alloc] initWithImage:[UIImage imageNamed:@"surfboard"]];element4.belongToScreen = 3;element4.size    = CGSizeMake(96, 96);element4.startPoint  = CGPointMake(300, 440);element4.endPoint   = CGPointMake(40, 440);element4.isGradient  = NO;[elementsDataArr addObject:element4];LMJAnimatedElement * element5 = [[LMJAnimatedElement alloc] initWithImage:[UIImage imageNamed:@"beach_chair"]];element5.belongToScreen = 4;element5.size    = CGSizeMake(64, 64);element5.startPoint  = CGPointMake(320, 440);element5.endPoint   = CGPointMake(220, 440);element5.isGradient  = YES;[elementsDataArr addObject:element5];/* 模塊的實現 */_welcomeView = [[LMJDynamicWelcomeView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.height, [UIScreen mainScreen].bounds.size.height)];// 設置動畫元素[_welcomeView setAnimatedItems:elementsDataArr];// 設置背景圖片,以及背景圖片的尺寸,當圖片尺寸超過屏幕寬度時,會自動計算背景圖每屏的位移量,以致滑到最后一屏的時候,背景圖移到最右端[_welcomeView setBackgroundImage:[UIImage imageNamed:@"beach_bg.png"] size:CGSizeMake(_welcomeView.frame.size.height/620.f*992.f, _welcomeView.frame.size.height)];// 設置滑動屏數[_welcomeView setAnimatedPageCount:5];[self.view addSubview:_welcomeView];

首先來看元素類,也就是在引導圖上移動的元素 (LMJAnimatedElement)

- (LMJAnimatedElement *)initWithImage:(UIImage *)image;// - (LMJAnimatedElement *)initWithText:(NSString *)text; // 該功能尚未實現,敬請期待...@property (nonatomic,assign) NSInteger belongToScreen; // 屬于第幾屏 (取值范圍:0~...)@property (nonatomic,assign) CGSize size; // 元素大小@property (nonatomic,assign) CGPoint startPoint; // 動畫起點@property (nonatomic,assign) CGPoint endPoint; // 動畫終點@property (nonatomic,assign) BOOL isGradient; // 是否有漸變效果 當設置為YES時,動畫元素只有在所屬頁跟隨動畫出現;當設置為NO時,動畫元素會一直在屏幕顯示,只在其所屬頁移動@property (nonatomic,strong) UIView * elementView; // 元素容器

再來看一下該模塊的方法(LMJDynamicWelcomeView)

/* 設置所有動畫元素 */- (void)setAnimatedItems:(NSArray<LMJAnimatedElement *> *)items;/* 設置引導圖滑動的屏數 */- (void)setAnimatedPageCount:(NSInteger)count;/* 設置背景圖以及背景圖的大小 */- (void)setBackgroundImage:(UIImage *)image size:(CGSize)size;

總結

以上就是這篇文章的全部內容了,希望能對各位iOS開發者們能有所幫助,如果有疑問大家可以留言交流。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
狠狠久久五月精品中文字幕| 日韩免费在线电影| 日韩免费电影在线观看| 91精品国产91久久久久福利| 一道本无吗dⅴd在线播放一区| 亚洲一区二区三区在线视频| 久久久久久久一| 国产精品jizz在线观看麻豆| 91精品视频在线| 一区二区三区精品99久久| 成人高h视频在线| 91国自产精品中文字幕亚洲| 岛国av在线不卡| 欧美精品一区二区免费| 岛国av在线不卡| 欧美高清视频在线| 亚洲福利视频专区| 欧美日韩免费在线观看| 最新日韩中文字幕| 尤物九九久久国产精品的特点| 日本免费在线精品| 亚洲18私人小影院| 精品国产一区二区三区久久久狼| 青青久久aⅴ北条麻妃| 亚洲午夜未满十八勿入免费观看全集| 国产精品极品美女在线观看免费| 日韩精品在线观看视频| 久久韩国免费视频| 久久久999国产精品| 国产精品中文字幕在线观看| 亚洲国产精品成人一区二区| 亚洲最新av在线| 欧美日韩激情美女| 国产999精品久久久影片官网| 欧美黑人一级爽快片淫片高清| 亚洲全黄一级网站| www欧美日韩| 亚洲成人久久网| 国产97在线|亚洲| 日韩精品www| 亚洲乱码一区av黑人高潮| 91香蕉国产在线观看| 国产福利视频一区| 国产精品一区二区三区成人| 亚洲色图第一页| 欧美精品情趣视频| 国产成+人+综合+亚洲欧美丁香花| 国产一区二区动漫| 国内精品久久久| 国产精品日本精品| 久久精品99国产精品酒店日本| 中文字幕v亚洲ⅴv天堂| 国色天香2019中文字幕在线观看| 久久久久久久久久婷婷| 久久国产精品电影| 亚洲高清福利视频| 91沈先生作品| 久久久久久午夜| 91豆花精品一区| 亚洲国产高清福利视频| 亚洲深夜福利网站| 久久精品国产免费观看| 欧美日韩第一页| 日韩中文在线中文网三级| 这里精品视频免费| 国产精品成人播放| 成人精品久久一区二区三区| 亚洲欧美中文日韩在线v日本| 亚洲欧美成人精品| 亚洲tv在线观看| 亚洲国产精品va在线看黑人| 亚洲系列中文字幕| 亚洲第一区中文99精品| 91视频8mav| 亚洲一区二区少妇| 久久久成人精品| 欧美限制级电影在线观看| 91日本在线观看| 国产成人aa精品一区在线播放| 亚洲欧美www| 国产精品v日韩精品| 亚洲va电影大全| 97超级碰碰碰久久久| 成人欧美一区二区三区黑人孕妇| 日韩欧美在线视频| 国产精品久久久久91| 久久精品91久久香蕉加勒比| 97久久精品人人澡人人爽缅北| 国产亚洲欧洲黄色| 精品亚洲一区二区三区四区五区| 午夜精品久久久久久久久久久久久| 日韩激情av在线免费观看| 国产精品久久综合av爱欲tv| 久久免费视频网| 亚洲成avwww人| 91亚洲va在线va天堂va国| 疯狂做受xxxx欧美肥白少妇| 亚洲精品wwwww| 国产欧美精品一区二区三区-老狼| 国产精品三级久久久久久电影| 国产成人精品久久二区二区91| 国产一区二区日韩| 45www国产精品网站| 欧美精品做受xxx性少妇| 久久国产一区二区三区| 疯狂欧美牲乱大交777| 日本aⅴ大伊香蕉精品视频| 国产精自产拍久久久久久| 久久6精品影院| 欧美日韩一区二区三区在线免费观看| 中文字幕在线看视频国产欧美在线看完整| 国产成人一区二区三区| 亚洲网站视频福利| 精品亚洲一区二区三区在线观看| 国产精品亚洲第一区| 麻豆成人在线看| 伊人久久免费视频| 午夜美女久久久久爽久久| 成人久久久久爱| 国产激情999| 欧美激情videos| 久久国产精彩视频| 欧美激情一区二区三区久久久| 国产91色在线|| 国产噜噜噜噜噜久久久久久久久| www国产精品com| 国产欧美精品xxxx另类| 欧美夫妻性生活视频| 精品久久久久久久久中文字幕| 操人视频在线观看欧美| 在线观看久久av| 红桃视频成人在线观看| 欧美日韩午夜剧场| 国产精品最新在线观看| 青青草原一区二区| 国产精品久久久999| 亚洲国产另类 国产精品国产免费| 国模吧一区二区| 国模私拍一区二区三区| 国产91色在线播放| 亚洲精品视频免费在线观看| 97久久精品人搡人人玩| 色噜噜久久综合伊人一本| 久久99精品国产99久久6尤物| 国产精品爽爽爽爽爽爽在线观看| 91香蕉电影院| 国产精品久久久久久久久粉嫩av| 性欧美亚洲xxxx乳在线观看| 亚洲午夜久久久久久久| 色999日韩欧美国产| 日韩激情av在线免费观看| 日本伊人精品一区二区三区介绍| 日韩精品视频在线观看免费| 日韩综合视频在线观看| 亚洲精品午夜精品| 91成人在线观看国产| 6080yy精品一区二区三区| 国产精品久久久久久久久久三级| 日韩精品中文字幕视频在线| 成人伊人精品色xxxx视频| 欧美成人精品一区二区三区| 日韩毛片在线观看| 中文字幕在线看视频国产欧美| 欧美另类99xxxxx|