iOS APP启动引导界面 EAIntroView

来源：互联网发布：淘宝美工课件编辑：程序博客网时间：2024/06/05 02:09

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

1 0