zoukankan      html  css  js  c++  java
  • 框架 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/ 


       

  • 相关阅读:
    SQL_TRACE与tkprof分析
    mysql学习之-三种安装方式与版本介绍
    1400
    输出二叉树中所有从根结点到叶子结点的路径
    [置顶] 处世悬镜之舍之
    Azkaban2配置过程
    [置顶] 处世悬镜之舍之 二
    UVALIVE 5893 计算几何+搜索
    Paxos算法 Paxos Made Simple
    Spring AOP 详解
  • 原文地址:https://www.cnblogs.com/Atropos/p/5121842.html
Copyright © 2011-2022 走看看