当前位置: 首页 > 编程笔记 >

简洁易用的iOS引导页制作

全丰
2023-03-14
本文向大家介绍简洁易用的iOS引导页制作,包括了简洁易用的iOS引导页制作的使用技巧和注意事项,需要的朋友参考一下

基本上每个app都有引导页,虽然现在这种demo已经比比皆是,但感觉都不全,所以自己整理了一个,只需要传入图片,就可以正常加载出来。由于UIPageControl的小圆点大小和颜色经常与UI设计的不相符,所以后面也会提到重写类方法,进行修改。
先看下效果(图片是在网上随便找的)


Untitled.gif

把指导页图片传入guideImages中

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 NSArray* guideImages = @[@"welcomePage_1",@"welcomePage_2",@"welcomePage_3"];
 AppInstructionView* guide = [[AppInstructionView alloc]initWithFrame:CGRectMake(0, 0, ScreenWidth, ScreenHeight)];
 guide.guideImages = guideImages;
 [guide rewritePageControl];
 [self.window.rootViewController.view addSubview:guide];
 return YES;
}

如果小圆点不符合需求则在下面修改

currentColor传入当前圆点的颜色,nextColor传入其他的颜色,size表示大小

#pragma mark - 重写pageControl方法
-(void)rewritePageControl{

 _pc = [[CHPageControl alloc]initWithFrame:CGRectMake(_pageSize.width * 0.5, _pageSize.height - 50, 0,0) currentColor:COLOR(72.0, 160.0, 220.0, 1) nextColor:COLOR(99.0, 99.0, 99.0, 1) size:8];
 [_pc setBackgroundColor:[UIColor clearColor]];
 _pc.userInteractionEnabled=NO;
 [_pc setCurrentPage:0];
 [_pc setNumberOfPages:_guideImages.count];

 [self addSubview:_pc];
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍iOS App引导页开发教程,包括了iOS App引导页开发教程的使用技巧和注意事项,需要的朋友参考一下 引导页功能简介 方式一: 判断程序是否首次启动,如果是将GuidePageViewController作为窗口的根视图控制器。GuidePageViewController有三个子控件:一个UIScrollView、一个UIPageControl、一个UIButton(默认隐藏)

  • 本文向大家介绍ios实现简易队列,包括了ios实现简易队列的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了ios实现简易队列的具体代码,供大家参考,具体内容如下 满足一些特殊需求 接口部分(队列支持需求) 实现方法 测试 结果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍iOS实现简易钟表,包括了iOS实现简易钟表的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了iOS实现简易钟表的具体代码,供大家参考,具体内容如下 效果图: 注意:表盘是一个UIImageView控件,设置image为表盘图片 核心代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 通过输入起始点位置的GPS和终点位置的GPS,能够快速地在WebView中显示的谷歌地图上上画出轨迹路线(自驾、徒步、公交等)。并可获取到地理信息。 [Code4App.com]

  • 本文向大家介绍jQuery制作简洁的图片轮播效果,包括了jQuery制作简洁的图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 演示图: 核心代码: 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍jQuery实现简洁的导航菜单效果,包括了jQuery实现简洁的导航菜单效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 鼠标悬浮时菜单项向上移动成蓝底白字,点击之后底部会有蓝条表示当前选中项。 页面代码,菜单的每一项都是一个 div ,其中包括一个 ul 用来放置显示文字等