架構 Onboard-引導頁樣式製作庫,架構onboard-樣式
設定背景圖片或者背景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/