您的位置:首页 > 移动开发

iOS APP启动引导界面 EAIntroView

2015-11-01 21:33 344 查看
APP 第一次安装启动时,通常会有一个引导页面。通常有 4 张图片,滑到最后一张时进入正式 APP. 效果图如下:





当然,也可以用几种方式结合实现。

最近使用了一次最后一种 showCustomIntro, 参考前面的几种方式稍作了调整,添加了如下代码:

btn.hidden = YES;
page1.onPageDidAppear = ^{
intro.skipButton.hidden = YES;
[UIView animateWithDuration:0.1f animations:^{
intro.skipButton.alpha = 1.f;
}];
};
page2.onPageDidAppear = ^{
intro.skipButton.hidden = YES;
[UIView animateWithDuration:0.1f animations:^{
intro.skipButton.alpha = 1.f;
}];
};
page3.onPageDidAppear = ^{
intro.skipButton.hidden = YES;
[UIView animateWithDuration:0.1f animations:^{
intro.skipButton.alpha = 1.f;
}];
};
page4.onPageDidAppear = ^{
intro.skipButton.hidden = NO;
[UIView animateWithDuration:0.1f animations:^{
intro.skipButton.alpha = 1.f;
}];
};


这样就可以只在最后一个页面显示跳转的按钮了。

但感觉还有些不足:滑到第四张图片再往回滑的时候按钮隐藏的有些慢……

此外,在适配 4/4S 的时候,图片有些大,盖住了要显示的文字,于是就对图片进行了等比率缩放。做法参考:【iOS】UIImage 等比率缩放

github 链接:https://github.com/ealeksandrov/EAIntroView
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息