設置背景圖片或者背景movie,然後在它們之上生成數個ViewController,預設是頂部一張圖片,下麵是標題和詳細介紹,最下麵是按鈕和pagegithub地址https://github.com/mamaral/Onboard使用步驟:1.導入頭文件:#import "OnboardingVi...
設置背景圖片或者背景movie,然後在它們之上生成數個ViewController,預設是頂部一張圖片,下麵是標題和詳細介紹,最下麵是按鈕和page
github地址 https://github.com/mamaral/Onboard
使用步驟:
1.導入頭文件: #import "OnboardingViewController.h"
2.創建控制器-OnboardingContentViewController,給控制器添加各種元素
OnboardingContentViewController *firstVc = [OnboardingContentViewController contentWithTitle:@"第一頁" body:@"這是第一張圖片" image:[UIImage imageNamed:@"guidepage01"] buttonText:@"點1下" action:^{ NSLog(@"點擊第一張圖片"); }]; OnboardingContentViewController *secondVc = [OnboardingContentViewController contentWithTitle:@"第二頁" body:@"這是第二種圖片" image:[UIImage imageNamed:@"guidepage02"] buttonText:@"點2下" action:^{ NSLog(@"點擊第二種圖片"); }]; OnboardingContentViewController *thirdVc = [OnboardingContentViewController contentWithTitle:@"第三頁" body:@"這是第三章圖片" image:[UIImage imageNamed:@"guidepage03"] buttonText:@"點3下" action:^{ NSLog(@"點擊第三章圖片"); }];
其中:
- title是標題
- body是文本介紹
- image是頂部圖片
- buttonText是按鈕名稱
- action是按鈕點擊事件block回調
3.創建背景圖片 控制器- OnboardingViewController .將已創建的控制器添加上來
OnboardingViewController *onboardingVC = [OnboardingViewController onboardWithBackgroundImage:[UIImage imageNamed:@"guidepage04"] contents:@[firstVc,secondVc,thirdVc]];
4.調整整體效果
//可以給圖片加上模糊效果(相當漂亮) onboardingVC.shouldBlurBackground = YES; //可以給蒙板上的文字加上淡出效果: onboardingVC.shouldFadeTransitions = YES; //字體樣式 onboardingVC.fontName = @"Helvetica-Light"; //標題字體大小 ->參數:contentWithTitle onboardingVC.titleFontSize = 22; //描述文字字體大小 ->參數:body onboardingVC.bodyFontSize = 50; //OnboardingContentViewController ->參數:image的位置 onboardingVC.topPadding = 20; //OnboardingContentViewController 單獨指->參數:contentWithTitle and body 距離屏幕頂部的位置 onboardingVC.underIconPadding = 20; //OnboardingContentViewController 單獨指->參數:body 距離屏幕頂部的位置 onboardingVC.underTitlePadding = 20; //OnboardingContentViewController 單獨指->參數:buttonText 距離屏幕底部的距離 onboardingVC.bottomPadding = 400;
//是否顯示pageController(就是那個計數點 ·····)預設為NO onboardingVC.hidePageControl = YES; //是否可以滑動(預設是YES) onboardingVC.swipingEnabled = YES; // 回調的block secondVc.viewDidAppearBlock = ^{ NSLog(@"控制器即將顯示..."); };
secondVc.viewDidDisappearBlock = ^{
NSLog(@"控制器即將消失..");
};
//按鈕的點擊事件 ->是否直接跳轉到下一個控制器 secondVc.movesToNextViewController = YES;
以上的整理 參考 -->http://www.ios122.com/2015/11/onboard/