iOS 新浪微博-3.0 新特性

2015-10-11 17:06 jiangys 阅读(364) 评论(0) 编辑收藏举报

每个程序在第一次启动的时候，都会显示新特性。效果如下：

思路：

添加一个ViewController,里面放两个View,一个是UISrollView，另一个pageControl
往UISrollView添加四个UIImageView,并在最后一个添加分享和开始微博按钮
实现UISrollViewDelegate,在滚动的时候，监听页数，设置pageControl页数显示
设置启动时，window显示的是新特性Controller,并判断版本号

代码实现

1，2，3实现代码在同一个控制器里

NewfeatureViewController.h

#import <UIKit/UIKit.h>

@interface NewfeatureViewController : UIViewController

@end

NewfeatureViewController.m

//
//  NewfeatureViewController.m
//  Weibo
//
//  Created by jiangys on 15/10/11.
//  Copyright © 2015年 Jiangys. All rights reserved.
//

#import "NewfeatureViewController.h"
#import "TabBarViewController.h"

// 新特性图片总数
#define NewfeatureCount 4

@interface NewfeatureViewController ()<UIScrollViewDelegate>

/** 滑动图片 分页 */
@property (nonatomic, strong) UIPageControl *pageControl;

@end

@implementation NewfeatureViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 1.添加UISrollView
    [self setupScrollView];
    
    // 2.添加pageControl
    [self setupPageControl];
}

/**
 *  添加UISrollView
 */
- (void)setupScrollView
{
    UIScrollView *scrollView=[[UIScrollView alloc] init];
    scrollView.frame=self.view.bounds;
    scrollView.delegate=self;
    [self.view addSubview:scrollView];
    
    CGFloat scrollW=scrollView.width;
    CGFloat scrollH=scrollView.height;
    for (int i=0; i < NewfeatureCount;i++) {
        UIImageView *imageView=[[UIImageView alloc] init];
        imageView.width=scrollW;
        imageView.height=scrollH;
        imageView.y=0;
        imageView.x=i*scrollW;
        // 显示图片
        NSString *name=[NSString stringWithFormat:@"new_feature_%d",i+1];
//        if (FourInch) { // 4inch  需要手动去加载4inch对应的-568h图片
//            name = [name stringByAppendingString:@"-568h"];
//        }
        imageView.image=[UIImage imageNamed:name];
        if (i==(NewfeatureCount-1)) {
            [self setupLastImageView:imageView];
        }
        
        [scrollView addSubview:imageView];
    }
    
    // 3.设置scrollView的其他属性
    // 如果想要某个方向上不能滚动，那么这个方向对应的尺寸数值传0即可
    scrollView.contentSize = CGSizeMake(NewfeatureCount * scrollW, 0);
    scrollView.bounces = NO; // 去除弹簧效果
    scrollView.pagingEnabled = YES;
    scrollView.showsHorizontalScrollIndicator = NO;
}

/**
 *  添加pageControl
 */
- (void)setupPageControl
{
    UIPageControl *pageControl=[[UIPageControl alloc] init];
    pageControl.numberOfPages=NewfeatureCount;
    pageControl.currentPageIndicatorTintColor=YSColor(253, 98, 42);
    pageControl.pageIndicatorTintColor=YSColor(189, 189, 189);
    pageControl.centerX=self.view.width * 0.5;
    pageControl.centerY=self.view.height-50;
    
    [self.view addSubview:pageControl];
    self.pageControl=pageControl;
}

/**
 *  初始化最后一个imageView
 *
 *  @param imageView 最后一个imageView
 */
- (void)setupLastImageView:(UIImageView *)imageView
{
    // 开启交互
    imageView.userInteractionEnabled=YES;
    
    // 添加分享复选框
    UIButton *shareBtn=[[UIButton alloc] init];
    [shareBtn setImage:[UIImage imageNamed:@"new_feature_share_false"] forState:UIControlStateNormal];
    [shareBtn setImage:[UIImage imageNamed:@"new_feature_share_true"] forState:UIControlStateSelected];
    [shareBtn setTitle:@"分享给大家" forState:UIControlStateNormal];
    [shareBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    shareBtn.titleLabel.font=[UIFont systemFontOfSize:15];
    // titleEdgeInsets:只影响按钮内部的titleLabel
    shareBtn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
    shareBtn.width=200;
    shareBtn.height=30;
    shareBtn.centerX=imageView.width*0.5;
    shareBtn.centerY=imageView.height*0.7;
    [shareBtn addTarget:self action:@selector(shareClick:) forControlEvents:UIControlEventTouchUpInside];
    [imageView addSubview:shareBtn];
    
    // 开始微博
    UIButton *startBtn=[[UIButton alloc] init];
    [startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button"] forState:UIControlStateNormal];
    [startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button_highlighted"] forState:UIControlStateHighlighted];
    [startBtn setTitle:@"开始微博" forState:UIControlStateNormal];
    startBtn.size=startBtn.currentBackgroundImage.size;
    startBtn.centerX=imageView.width*0.5;
    startBtn.centerY=imageView.height*0.78;
    [startBtn addTarget:self action:@selector(startClick) forControlEvents:UIControlEventTouchUpInside];
    [imageView addSubview:startBtn];
}

/**
 *  分享给大家
 */
- (void)shareClick:(UIButton *)shareBtn
{
    shareBtn.selected=!shareBtn.isSelected;
}

/**
 *  开始微博
 */
- (void)startClick
{
    // 切换到TabBarController
    /*
     切换控制器的手段
     1.push：依赖于UINavigationController，控制器的切换是可逆的，比如A切换到B，B又可以回到A
     2.modal：控制器的切换是可逆的，比如A切换到B，B又可以回到A
     3.切换window的rootViewController
     */
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    window.rootViewController = [[TabBarViewController alloc] init];
}

#pragma ScrollView 代理
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 获取页码
    CGFloat doublePage=scrollView.contentOffset.x/scrollView.width;
    int intPage=(int)(doublePage+0.5);
    
    // 设置页码
    self.pageControl.currentPage=intPage;
}

@end

设置启动时，window显示的是新特性Controller,并判断版本号

新建一个分类来处理，以后其它地方也可以使用

UIWindow+Extension.h

#import <UIKit/UIKit.h>

@interface UIWindow (Extension)

- (void)switchRootViewController;

@end

UIWindow+Extension.m

#import "UIWindow+Extension.h"
#import "TabBarViewController.h"
#import "NewfeatureViewController.h"

@implementation UIWindow (Extension)

- (void)switchRootViewController
{
    NSString *key = @"CFBundleVersion";
    // 上一次的使用版本（存储在沙盒中的版本号）
    NSString *lastVersion = [[NSUserDefaults standardUserDefaults] objectForKey:key];
    // 当前软件的版本号（从Info.plist中获得）
    NSString *currentVersion = [NSBundle mainBundle].infoDictionary[key];
    
    if ([currentVersion isEqualToString:lastVersion]) { // 版本号相同：这次打开和上次打开的是同一个版本
        self.rootViewController = [[TabBarViewController alloc] init];
    } else { // 这次打开的版本和上一次不一样，显示新特性
        self.rootViewController = [[NewfeatureViewController alloc] init];
        
        // 将当前的版本号存进沙盒
        [[NSUserDefaults standardUserDefaults] setObject:currentVersion forKey:key];
        [[NSUserDefaults standardUserDefaults] synchronize];
    }
}

@end

接下来，在AppDelegate里调用就很简单了，只需要一行代码即可。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    self.window=[[UIWindow alloc]init];
    self.window.frame=[UIScreen mainScreen].bounds;
    [self.window switchRootViewController];  // 只需要添加这一行代码
    [self.window makeKeyAndVisible];
    
    return YES;
}

隐藏导航栏

// 隐藏状态栏
- (BOOL)prefersStatusBarHidden
{
    return YES;
}

显示新特性图片设置

在设置新特性的时候，由于图片是全屏的，因而，不同的手机屏幕尺寸需要不同的图片。实际上，4s 使用的是2x,5s使用的是ratain 2x,6 和6s使用的是3x

第一步：选择iPhone

第二步：调整显示格式如下

第三步：打开目录，点击Contents.json,添加Retina4 图片尺寸（和x3是一样的）。

最终显示效果：

实际，也可以通过另一种方式来实现，那就是定义一个宏，如果屏幕尺寸大于568，则使用568的图片。

宏定义：

// 是否为4inch以上
#define FourInch ([UIScreen mainScreen].bounds.size.height >= 568.0)

界面调整：

        // 显示图片
       NSString *name=[NSString stringWithFormat:@"new_feature_%d",i+1];
       if (FourInch) { // 4inch  需要手动去加载4inch对应的-568h图片
           name = [name stringByAppendingString:@"-568h"];
       }

章节源代码下载：http://pan.baidu.com/s/1dDi8XiD

新浪微博Github：https://github.com/jiangys/Weibo

刷新页面返回顶部

七七你能面对多少人说话，你的成就就有多大！

iOS 新浪微博-3.0 新特性

代码实现

显示新特性图片设置

About

七七 你能面对多少人说话，你的成就就有多大！

iOS 新浪微博-3.0 新特性

代码实现

显示新特性图片设置

About

七七你能面对多少人说话，你的成就就有多大！