iOS第一次启动，动态引导页面的思路及代码
最近越来越多的APP，已经抛弃掉第一次进入的3-4页的导入页面（我自己就从来没有看过导入页面），而是另外采取了在功能页面悬浮一个动态效果来展示相应的功能点，或使用教程。 这样处理以后简单直观，比原来的导入页面效果应该好很多，至少知道主要功能点该点击哪里，而不是胡乱去试探，或者使用很长时间后还不知道APP的主要功能点。
打算引入到目前的项目中， 下面是实现思路：
- 每个需要介绍的页面，设置一个值记录该页面是否已经显示过，
- 如果没有显示过就显示，并把该值设置保存为NO，
- 如果已经显示过了就不显示，
- 第一次安装先创建，并设置各个页面为显示
- 后续更新版本后，更新存储的值为需要显示。
- 简单的方式用UIImageView来实现，如果一个页面有几屏需要呈现，就弄几个图片，展现一个，点击后移除一个，再添加一个。
- 如果需要实现动画，则用UIView来处理，动态移入，动态移除。
UIView动态展示及移除的代码（是否第一次启动，网络上很多自己搜搜就好了）：
这个是从目前项目中截取出来的.m 文件，动态展示2个页面，第一个页面介绍“答题”，第二个页面介绍“培训反馈”，
#import "ELDynamicController.h"
#import "ELAppDelegate.h"
@interface ELDynamicController ()
@property (strong,nonatomic)UIView *bgView;
@property (strong, nonatomic) UIButton *answerButton;
@property (strong, nonatomic) UIButton *examButton;
@property (strong, nonatomic) UILabel *answerLable;
@property (strong, nonatomic) UILabel *examLabel;
@end
@implementation ELDynamicController
- (void)viewDidLoad {
[super viewDidLoad];
//黑色背景
UIView *bgView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 320, 568)];
bgView.backgroundColor = [UIColor blackColor];
bgView.alpha = 0.5;
self.bgView = bgView;
// 覆盖整个页面
[[ELAppDelegate shareAppDelegate].window addSubview:bgView];
//第一个页面
// 图标按钮-答题
UIButton *answerButton = [[UIButton alloc]init];
[answerButton setBackgroundImage:[UIImage imageNamed:@"dati.png"] forState:UIControlStateNormal];
[answerButton setBackgroundColor:[UIColor whiteColor]];
answerButton.frame = CGRectMake(30, 100, 50, 50);
answerButton.tag = 1;
[answerButton addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
self.answerButton = answerButton;
[bgView addSubview:self.answerButton];
// 提示的文字
self.answerLable = [self labelWithText:@"点击进入考试页面，进行答题" font:[UIFont systemFontOfSize:18.0f] color:[UIColor redColor] origin:CGPointMake(30, 160)];
[bgView addSubview:self.answerLable];
//第二个页面的 反馈
UIButton *examButton = [[UIButton alloc]init];
[examButton setBackgroundImage:[UIImage imageNamed:@"feedback"] forState:UIControlStateNormal];
examButton.frame = CGRectMake(100, 100, 50, 50);
[examButton setBackgroundColor:[UIColor whiteColor]];
examButton.tag = 2;
[examButton addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
examButton.hidden = YES;
self.examButton = examButton;
[bgView addSubview:self.examButton];
// 反馈文字
self.examLabel = [self labelWithText:@"点击进入反馈页面，进行培训反馈" font:[UIFont systemFontOfSize:18.0f] color:[UIColor whiteColor] origin:CGPointMake(0, 160)];
self.examLabel.hidden = YES;
[bgView addSubview:self.examLabel];
// 从外面进来，动画移动效果
self.answerButton.transform = CGAffineTransformMakeTranslation(-200, 0);
self.answerLable.transform = CGAffineTransformMakeTranslation(400, 0);
[UIView animateWithDuration:0.7
animations:^{
self.answerButton.transform = CGAffineTransformMakeTranslation(0, 0);
self.answerLable.transform = CGAffineTransformMakeTranslation(0, 0);
}];
}
# pragma mark 生成Label
/*
* 生成Label
*/
- (UILabel *)labelWithText:(NSString *)text font:(UIFont *)font color:(UIColor *)color origin:(CGPoint)origin
{
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(origin.x, origin.y, 1000, 20)];
label.text = text;
label.font = font;
label.textColor = color;
[label sizeToFit];
return label;
}
# pragma mark 按钮点击
/*
* 按钮点击
*/
-(void)click:(UIButton *)button
{
// 答题按钮点击
if (button.tag == 1) {
// 第二个页面的东西取消隐藏
self.examButton.transform = CGAffineTransformMakeTranslation(300, 300);
self.examLabel.transform = CGAffineTransformMakeTranslation(100, 600);
self.examLabel.hidden = NO;
self.examButton.hidden = NO;
[UIView animateWithDuration:0.7 animations:^{
// 移动出去第一屏
self.answerLable.transform = CGAffineTransformMakeTranslation(-300, -300);
self.answerButton.transform = CGAffineTransformMakeTranslation(-300, 700);
// 移入第二屏
self.examButton.transform = CGAffineTransformMakeTranslation(0, 0);
self.examLabel.transform = CGAffineTransformMakeTranslation(0, 0);
} completion:^(BOOL finished) {
// 移出以后隐藏
self.answerButton.hidden = YES;
self.answerLable.hidden = YES;
}];
// 反馈按钮点击
}else{
[UIView animateWithDuration:0.7 animations:^{
self.examButton.transform = CGAffineTransformMakeTranslation(300, 0);
self.examLabel.transform = CGAffineTransformMakeTranslation(-300, 0);
} completion:^(BOOL finished) {
// 隐藏
self.examLabel.hidden = YES;
self.examButton.hidden = YES;
//移除整个背景
[self.bgView removeFromSuperview];
}];
}
}
