架構 Onboard-引導頁樣式製作庫,架構onboard-樣式

來源:互聯網
上載者:User

架構 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/ 


   

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.