框架 Onboard-引導頁樣式製作庫

来源:http://www.cnblogs.com/Atropos/archive/2016/01/11/5121842.html
-Advertisement-
Play Games

設置背景圖片或者背景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/ 


   


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 應用銳化工具可以快速聚焦模糊邊緣,提高圖像中某一部位的清晰度或者焦距程度,使圖像特定區域的色彩更加鮮明。 在應用銳化工具時,若勾選器選項欄中的“對所有圖層取樣”覆選框,則可對所有可見圖層中的圖像進行銳化。但一定要適度。銳化不是萬能的,很容易使東西不真實。 在GPUImage中使用GPUImag...
  • 以前封裝過多個關於實現此功能的方法,雖然都實現了效果,但代碼和實現思路都相對複雜很多,而且並不比我下麵要說的這個方法好,這個也是我今天突發奇想來的,測量一下字體的寬度,然後根據這個點來計算 UILabel高度。這裡我使用的FontSize是13,我測出它的高度、寬度都是15像素,如果你使用其他號.....
  • 自然飽和度”是圖像整體的明亮程度,“飽和度”是圖像顏色的鮮艷程度。 “飽和度”與“色相/飽和度”命令中的“飽和度”選項效果相同,可以增加整個畫面的“飽和度”,但如調節到較高數值,圖像會產生色彩過飽和從而引起圖像失真。 在GPUImage中使用GPUImageVibranceFilter來實...
  • Date&Time這裡一共講解下麵6個:TextClock(文本時鐘),AnalogClock(模擬時鐘),Chronometer(計時器),DatePicker(日期選擇器),TimePicker(時間選擇器),CalendarView(日期視圖)這六個前面三個很少用到,後面三個如果在實際的應用中...
  • ScrollView(滾動條)的講解:一、對於ScrollView滾動條還是很好理解的,共有兩種水平和垂直,ScrollView和HorizontalScrollview,這個裡面不知道該總結寫什麼,說說幾個方法吧scrollView.fullScroll(ScrollView.FOCUS.DOWN...
  • 我們在實際開發中,有的時候需要儲存或者備份比較複雜的數據。這些數據的特點是,內容多、結構大,比如簡訊備份等。我們知道SharedPreferences和Files(文本文件)儲存這種數據會非常的沒有效率。如果學過JavaWeb的朋友,首先可能想到的是資料庫。當然了資料庫是一個方案,那麼是否還有...
  • SeekBar(拖動條)和RatingBar(星級評分條)講解一、SeekBar(拖動條)(1)拖動條簡單理解就是可以拖動的線,這個對我們來講很常見,比如視頻播放或者音樂播放我們拖動播放的進度,下麵總結一些常用屬性,很多屬性和ProgressBar是一樣的,可以借鑒。android:max:設置滑動...
  • 動畫類型Android的animation由四種類型組成Android動畫模式Animation主要有兩種動畫模式:一種是tweened animation(漸變動畫XML中JavaCodealphaAlphaAnimationscaleScaleAnimation一種是frame by frame...
一周排行
    -Advertisement-
    Play Games
  • 概述:本文代碼示例演示瞭如何在WPF中使用LiveCharts庫創建動態條形圖。通過創建數據模型、ViewModel和在XAML中使用`CartesianChart`控制項,你可以輕鬆實現圖表的數據綁定和動態更新。我將通過清晰的步驟指南包括詳細的中文註釋,幫助你快速理解並應用這一功能。 先上效果: 在 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • 概述:本示例演示了在WPF應用程式中實現多語言支持的詳細步驟。通過資源字典和數據綁定,以及使用語言管理器類,應用程式能夠在運行時動態切換語言。這種方法使得多語言支持更加靈活,便於維護,同時提供清晰的代碼結構。 在WPF中實現多語言的一種常見方法是使用資源字典和數據綁定。以下是一個詳細的步驟和示例源代 ...
  • 描述(做一個簡單的記錄): 事件(event)的本質是一個委托;(聲明一個事件: public event TestDelegate eventTest;) 委托(delegate)可以理解為一個符合某種簽名的方法類型;比如:TestDelegate委托的返回數據類型為string,參數為 int和 ...
  • 1、AOT適合場景 Aot適合工具類型的項目使用,優點禁止反編 ,第一次啟動快,業務型項目或者反射多的項目不適合用AOT AOT更新記錄: 實實在在經過實踐的AOT ORM 5.1.4.117 +支持AOT 5.1.4.123 +支持CodeFirst和非同步方法 5.1.4.129-preview1 ...
  • 總說周知,UWP 是運行在沙盒裡面的,所有許可權都有嚴格限制,和沙盒外交互也需要特殊的通道,所以從根本杜絕了 UWP 毒瘤的存在。但是實際上 UWP 只是一個應用模型,本身是沒有什麼許可權管理的,許可權管理全靠 App Container 沙盒控制,如果我們脫離了這個沙盒,UWP 就會放飛自我了。那麼有沒... ...
  • 目錄條款17:讓介面容易被正確使用,不易被誤用(Make interfaces easy to use correctly and hard to use incorrectly)限制類型和值規定能做和不能做的事提供行為一致的介面條款19:設計class猶如設計type(Treat class de ...
  • title: 從零開始:Django項目的創建與配置指南 date: 2024/5/2 18:29:33 updated: 2024/5/2 18:29:33 categories: 後端開發 tags: Django WebDev Python ORM Security Deployment Op ...
  • 1、BOM對象 BOM:Broswer object model,即瀏覽器提供我們開發者在javascript用於操作瀏覽器的對象。 1.1、window對象 視窗方法 // BOM Browser object model 瀏覽器對象模型 // js中最大的一個對象.整個瀏覽器視窗出現的所有東西都 ...