轻松搭建新特性界面、向导页

Sian

1、应用场景
新软件安装在第一次打开时都会有该软件或版本的介绍，在iOS中最经典的做法是搭建一个ScrollView分页展示
但考虑到iPhone4系统与iPhone5系统，屏幕适配如何更为科学简单是一门学问，以下提供一个参考

2、图片命名
一般是三图片，Retina屏之前屏幕一套、iPhone4(4S)一套、iPhone5(5C/5S)一套
xxx_序号.png                   // iPhone3GS及以前，可忽略
xxx_序号@2x.png            // iPhone4及iPhone4S
xxx_序号[email protected]  // iPhone5及iPhone5C、iPhone5S
如：
new_feature_1.png
[email protected]
[email protected]
new_feature_2.png
[email protected]
[email protected]
new_feature_3.png
[email protected]
[email protected]

3、文件名自动识别3.1、增加两个Category
NSString+SA

1. //
2. //  NSString+SA.m
3. //  SianWeibo
4. //
5. //  Created by yusian on 14-4-12.
6. //  Copyright (c) 2014年 小龙虾论坛. All rights reserved.
7. //  自定义字符串拼接方法
9. #import "NSString+SA.h"
11. @implementation NSString (SA)
13. - (NSString *)fileAppend:(NSString *)string
14. {
15.     // 1、获取文件扩展名
16.     NSString *ext = [self pathExtension];
17.    
18.     // 2、去掉文件扩展名
19.     NSString *str = [self stringByDeletingPathExtension];
20.    
21.     // 3、拼接新加字符串
22.     str = [str stringByAppendingString:string];
23.    
24.     // 4、拼接扩展名
25.     str = [str stringByAppendingPathExtension:ext];
26.    
27.     return str;
29. }
31. @end

复制代码

UIImage+SA

1. //
2. //  UIImage+SA.m
3. //  SianWeibo
4. //
5. //  Created by yusian on 14-4-11.
6. //  Copyright (c) 2014年 小龙虾论坛. All rights reserved.
7. //  
9. // 判断是否为iphone5的宏
10. #define isIPhone5 ([UIScreen mainScreen].bounds.size.height == 568)
11. #import "UIImage+SA.h"
12. #import "NSString+SA.h"
14. @implementation UIImage (SA)
16. + (UIImage *)fullScreenImage:(NSString *)string
17. {
18.     // 根据屏幕高度判断iphone5
19.     if (isIPhone5) {
20.         
21.         string = [string fileAppend:@"-568h@2x"];
22.    
23.     }
24.     return [self imageNamed:string];
25. }
27. // 自动拉伸图片
28. + (UIImage *)resizeImage:(NSString *)imageName
29. {
30.     UIImage *image = [UIImage imageNamed:imageName];
31.     return [image stretchableImageWithLeftCapWidth:5 topCapHeight:5];
32. }
34. @end

复制代码

4、创建ScrollView（关键代码）

1. #pragma mark 2.1、添加scrollView控件
2. - (UIScrollView *)creatScrollView       // 控件的创建单独抽象成方法
3. {
4.     // 创建scrollView设置尺寸位置及相关属性
5.     UIScrollView *scrollView = [[UIScrollView alloc] init];
6.     scrollView.frame = self.view.bounds;
7.     scrollView.contentSize = CGSizeMake(_size.width * kPicCount, 0);
8.     scrollView.pagingEnabled = YES;
9.     scrollView.showsHorizontalScrollIndicator = NO;
10.     scrollView.delegate = self;
11.    
12.     //  创建新特性图片设置尺寸位置并添加到scrollView
13.     for (int i = 0; i < kPicCount; i++) {
14.         UIImageView *imageView = [[UIImageView alloc] init];
15.         [scrollView addSubview:imageView];
16.         NSString *imageName = [NSString stringWithFormat:@"new_feature_%d.png", i + 1];
17.         imageView.image = [UIImage fullScreenImage:imageName];
18.         imageView.frame = CGRectMake(_size.width * i, 0, _size.width, _size.height);
19.     }
20.     return scrollView;
21. }

复制代码