当前位置： 移动技术网 > 移动技术>移动开发>IOS > 简洁易用的iOS引导页制作

简洁易用的iOS引导页制作

2019年07月24日  | 移动技术网移动技术  | 我要评论

基本上每个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];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网