欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

简洁易用的iOS引导页制作

程序员文章站 2024-02-16 19:55:40
基本上每个app都有引导页,虽然现在这种demo已经比比皆是,但感觉都不全,所以自己整理了一个,只需要传入图片,就可以正常加载出来。由于uipagecontrol的小圆点大...

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

简洁易用的iOS引导页制作

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];
}

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