国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > 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開發者們能有所幫助,如果有疑問大家可以留言交流。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 罗甸县| 榆中县| 宜都市| 特克斯县| 青冈县| 沅江市| 桂平市| 甘孜| 陆河县| 错那县| 荣昌县| 正阳县| 天镇县| 海口市| 古丈县| 治多县| 台北县| 锦州市| 天津市| 疏勒县| 平乐县| 隆回县| 桓仁| 宁远县| 子长县| 四川省| 同心县| 无锡市| 蓝山县| 汝城县| 远安县| 佛冈县| 荣成市| 凯里市| 玉树县| 长宁县| 兴仁县| 清涧县| 珲春市| 彝良县| 佛山市|