iOS开发实用技巧—项目新特性页面的处理

iOS开发实用技巧篇—项目新特性页面的处理

说明：本文主要说明在项目开发中会涉及到的最最简单的新特性界面（实用UIScrollView展示多张图片的轮播）的处理。

代码示例：

新建一个专门的处理新特性界面的控制器，可以实用代码也可以用xib，在这里实用纯代码方式，创建一个控制器NewfeatureViewController。

头文件代码：

 //
 //  JMNewfeatureViewController.h
 //

 #import <UIKit/UIKit.h>

 typedef enum:NSInteger
 {
     NewfeatureTypeFromeSetting,     //从设置界面进入该页
     NewfeatureTypeFromeWelcom,      //第一次安装的时候进入
 } NewfeatureType;

 @interface JMNewfeatureViewController : UIViewController

 @property(nonatomic,assign)NewfeatureType newfeatureType;

 @end

.m文件代码：

 //
 //  JMNewfeatureViewController.m
 //

 #import "JMNewfeatureViewController.h"
 #import "JMTabBarViewController.h"
 #import "JMAboutTableViewController.h"

 #define JMNewfeatureImageCount 4

 @interface JMNewfeatureViewController () <UIScrollViewDelegate>

 @property (nonatomic, weak) UIPageControl *pageControl;

 - (void)setupScrollView;
 - (void)setupPageControl;
 - (void)setupLastImageView:(UIImageView *)imageView;
 - (void)setupStartButton:(UIImageView *)imageView;

 @end

 @implementation JMNewfeatureViewController

 #pragma mark ---------------------
 #pragma mark - CycLife

 - (void)viewDidLoad
 {
     [super viewDidLoad];

     [UIApplication sharedApplication].statusBarHidden = YES;

     [self setupScrollView]; // 添加UISrollView
     [self setupPageControl];    // 添加pageControl
 }

 #pragma mark ---------------------
 #pragma mark - Methods

 //添加UISrollView
 - (void)setupScrollView
 {
     // 添加UISrollView
     UIScrollView *scrollView = [[UIScrollView alloc] init];
     scrollView.frame = self.view.bounds;
     scrollView.bounces = NO;
     scrollView.delegate = self;
     [self.view addSubview:scrollView];

     // 添加图片
     CGFloat imageW = scrollView.width;
     CGFloat imageH = scrollView.height;
     for (int i = ; i<JMNewfeatureImageCount; i++) {
         // 创建UIImageView
         UIImageView *imageView = [[UIImageView alloc] init];
         NSString *name = [NSString stringWithFormat:@"banner%d.jpg", i + ];
         imageView.image = [UIImage imageNamed:name];
         [scrollView addSubview:imageView];

         // 设置frame
         imageView.y = ;
         imageView.width = imageW;
         imageView.height = imageH;
         imageView.x = i * imageW;

         // 给最后一个imageView添加按钮
         if (i == JMNewfeatureImageCount - ) {
             [self setupLastImageView:imageView];
         }
     }

     // 3.设置其他属性
     scrollView.contentSize = CGSizeMake(JMNewfeatureImageCount * imageW, );
     scrollView.pagingEnabled = YES;
     scrollView.showsHorizontalScrollIndicator = NO;
     scrollView.backgroundColor = YYColor(, , );
 }

 //添加pageControl
 - (void)setupPageControl
 {
     // 添加PageControl
     UIPageControl *pageControl = [[UIPageControl alloc] init];
     pageControl.numberOfPages = JMNewfeatureImageCount;
     pageControl.centerX = self.view.width * 0.5;
     pageControl.centerY = self.view.height - ;
     [self.view addSubview:pageControl];

     // 设置圆点的颜色
     self.pageControl = pageControl;
     [self changePageControlImage:self.pageControl];
 }

 //设置最后一个UIImageView中的内容
 - (void)setupLastImageView:(UIImageView *)imageView
 {
     imageView.userInteractionEnabled = YES;

     // 添加开始按钮
     [self setupStartButton:imageView];
 }

 //添加开始按钮
 - (void)setupStartButton:(UIImageView *)imageView
 {
     // 1.添加开始按钮
     UIButton *startButton = [[UIButton alloc] init];
     imageView.userInteractionEnabled = YES;
     [imageView addSubview:startButton];

     // 2.设置背景图片
     [startButton setBackgroundImage:[UIImage imageNamed:@"banner_button_moren.jpg"] forState:UIControlStateNormal];
     [startButton setBackgroundImage:[UIImage imageNamed:@"banner_button_dianji.jpg"] forState:UIControlStateHighlighted];

     // 3.设置frame
     startButton.size = startButton.currentBackgroundImage.size;
     startButton.centerX = self.view.width * 0.5;
     startButton.centerY = self.view.height * 0.8;

     // 4.设置文字
     [startButton setTitle:@"立即体验" forState:UIControlStateNormal];
      [startButton setTitle:@"" forState:UIControlStateHighlighted];
     [startButton addTarget:self action:@selector(start) forControlEvents:UIControlEventTouchUpInside];
 }

 //改变pagecontrol中圆点样式
 - (void)changePageControlImage:(UIPageControl *)pageControl
 {
     static UIImage *imgCurrent = nil;
     static UIImage *imgOther = nil;
     static dispatch_once_t onceToken;

     dispatch_once(&onceToken, ^{
         imgCurrent = [UIImage imageNamed:@"yuan_01"];
         imgOther = [UIImage imageNamed:@"yuan1"];
     });

     if (kSystemVersionMoreThan7) {
         [pageControl setValue:imgCurrent forKey:@"_currentPageImage"];
         [pageControl setValue:imgOther forKey:@"_pageImage"];
     } else {
         for (int i = ;i < pageControl.numberOfPages; i++) {
             UIImageView *imgv = [pageControl.subviews objectAtIndex:i];
             imgv.frame = CGRectMake(imgv.frame.origin.x, imgv.frame.origin.y, , );
             imgv.image = pageControl.currentPage == i ? imgCurrent : imgOther;
         }
     }
 }

 #pragma mark ---------------------
 #pragma mark - Events

 //立即体验
 - (void)start
 {
     [UIApplication sharedApplication].statusBarHidden = NO;

     //判断类型
     if (self.newfeatureType == NewfeatureTypeFromeWelcom) {
         JMTabBarViewController *tabVC = [[JMTabBarViewController alloc]init];
         // 切换控制器
         UIWindow *window = [UIApplication sharedApplication].keyWindow;
         window.rootViewController = tabVC;
     }else
     {

         [self.navigationController popViewControllerAnimated:YES];
         [self.navigationController setNavigationBarHidden:NO animated:NO];
     }

 }

 #pragma mark - UIScrollViewDelegate
 - (void)scrollViewDidScroll:(UIScrollView *)scrollView
 {
     // 获得页码
     CGFloat doublePage = scrollView.contentOffset.x / scrollView.width;
     int intPage = (int)(doublePage + 0.5);

     // 设置页码
     self.pageControl.currentPage = intPage;
     [self changePageControlImage:self.pageControl];
 }

 @end

注意点：

　　下面的方法可以为pageControl提供当前状态和默认状态下的图片设置。

 //改变pagecontrol中圆点样式
 - (void)changePageControlImage:(UIPageControl *)pageControl
 {
     static UIImage *imgCurrent = nil;
     static UIImage *imgOther = nil;
     static dispatch_once_t onceToken;

     dispatch_once(&onceToken, ^{
         imgCurrent = [UIImage imageNamed:@"yuan_01"];
         imgOther = [UIImage imageNamed:@"yuan1"];
     });

     if (kSystemVersionMoreThan7) {
         [pageControl setValue:imgCurrent forKey:@"_currentPageImage"];
         [pageControl setValue:imgOther forKey:@"_pageImage"];
     } else {
         for (int i = ;i < pageControl.numberOfPages; i++) {
             UIImageView *imgv = [pageControl.subviews objectAtIndex:i];
             imgv.frame = CGRectMake(imgv.frame.origin.x, imgv.frame.origin.y, , );
             imgv.image = pageControl.currentPage == i ? imgCurrent : imgOther;
         }
     }
 }

本例中，新特性部分的业务逻辑非常简单，可以直接套用。

实用图片替换pageControl的效果如下：