[iOS UI进阶

A.需求

1. 真机调试
2. "关于”模块
3. 存储开关状态
4. 打电话、发短信
5. 应用评分
6. 打开其他应用
7. cell 在iOS6 和 iOS7的适配
8. block的循环引用
9. 屏幕适配

code source:  code source: https://github.com/hellovoidworld/HelloLottery

 

B.iOS真机测试小功能

（1）打电话

a.方法1

最简单最直接的方式：直接跳到拨号界面

NSURL *url = [NSURL URLWithString:@"tel://10086"];
[[UIApplication sharedApplication] openURL:url];

缺点
电话打完后，不会自动回到原应用，直接停留在通话记录界面

 

b.方法2

拨号之前会弹框询问用户是否拨号，拨完后能自动回到原应用

NSURL *url = [NSURL URLWithString:@"telprompt://10086"];
[[UIApplication sharedApplication] openURL:url];

缺点
因为是私有API，所以可能不会被审核通过

 

c.方法3

创建一个UIWebView来加载URL，拨完后能自动回到原应用

if (_webView == nil) {
    _webView = [[UIWebView alloc] initWithFrame:CGRectZero];
}
[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"tel://10010"]]];

需要注意的是：这个webView千万不要添加到界面上来，不然会挡住其他界面

 

（2）发短信

a.方法1

直接跳到发短信界面，但是不能指定短信内容，而且不能自动回到原应用

NSURL *url = [NSURL URLWithString:@"sms://10086"];
[[UIApplication sharedApplication] openURL:url];

 

b.方法2

#mark:

注意要写对代理名称messageComposeDelegate和mailComposeDelegate，不是delegate

 

如果想指定短信内容，那就得使用MessageUI框架
包含主头文件
#import <MessageUI/MessageUI.h>

显示发短信的控制器

MFMessageComposeViewController *vc = [[MFMessageComposeViewController alloc] init];
// 设置短信内容
vc.body = @"吃饭了没？";
// 设置收件人列表
vc.recipients = @[@"10086", @"13800138000"];
// 设置代理（这里使用block封装，由于强指针持有self，会有内存泄露）
vc.messageComposeDelegate = self;

// 显示控制器
[self presentViewController:vc animated:YES completion:nil];

 

代理方法，当短信界面关闭的时候调用，发完后会自动回到原应用

- (void)messageComposeViewController:(MFMessageComposeViewController *)controller didFinishWithResult:(MessageComposeResult)result
{
    // 关闭短信界面
    [controller dismissViewControllerAnimated:YES completion:nil];
   
    if (result == MessageComposeResultCancelled) {
        NSLog(@"取消发送");
    } else if (result == MessageComposeResultSent) {
        NSLog(@"已经发出");
    } else {
        NSLog(@"发送失败");
    }
}

 

（3）发邮件

a.方法1

用自带的邮件客户端，发完邮件后不会自动回到原应用

NSURL *url = [NSURL URLWithString:@"mailto://10010@qq.com"];
[[UIApplication sharedApplication] openURL:url];

 

b.方法2

跟发短信的第2种方法差不多，只不过控制器类名叫做：MFMailComposeViewControlle

      // 方法2：使用控制器
        MFMailComposeViewController *mailController = [[MFMailComposeViewController alloc] init];
       
        // 发送主题
        [mailController setSubject:@"重要作战会议"];
       
        // 邮件内容
        [mailController setMessageBody:@"就是那个...该吃饭了吧" isHTML:NO];
       
        // 收件人
        [mailController setToRecipients:@[@"hellovoidworld@163.com"]];
       
        // 抄送人
        [mailController setCcRecipients:@[@"hellovoidworld@163.com"]];
        
        // 密送人
         [mailController setBccRecipients:@[@"hellovoidworld@163.com"]];
        
        // 附件
        UIImage *image = [UIImage imageNamed:@"LoginScreen"];
        NSData *data = UIImagePNGRepresentation(image);
        [mailController addAttachmentData:data mimeType:@"image/png" fileName:@"attach.png"];
       
        // 代理
        mailController.mailComposeDelegate = shareController;
       
        // 弹出mail控制器
        [shareController presentViewController:mailController animated:YES completion:nil];

 

邮件发送后的代理方法回调，发完后会自动回到原应用

- (void)mailComposeController:(MFMailComposeViewController *)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError *)error
{
    // 关闭邮件界面
    [controller dismissViewControllerAnimated:YES completion:nil];
   
    if (result == MFMailComposeResultCancelled) {
        NSLog(@"取消发送");
    } else if (result == MFMailComposeResultSent) {
        NSLog(@"已经发出");
    } else {
        NSLog(@"发送失败");
    }
}

 

（4）打开其他常见文件

如果想打开一些常见文件，比如html、txt、PDF、PPT等，都可以使用UIWebView打开
只需要告诉UIWebView文件的URL即可
至于打开一个远程的共享资源，比如http协议的，也可以调用系统自带的Safari浏览器：

NSURL *url = [NSURL URLWithString:@”http://www.baidu.com"];
[[UIApplication sharedApplication] openURL:url];

 

（5）应用跳转

有时候，需要在本应用中打开其他应用，比如从A应用中跳转到B应用

首先，应用app得有自己的URL地址(在Info.plist中配置)

例如：app应用的URL地址就是：hvw://com.ios.app

 

接着在某个应用中使用UIApplication完成跳转

NSURL *url = [NSURL URLWithString:@"hvw://com.ios.app"];
[[UIApplication sharedApplication] openURL:url];

 

（6）应用评分

为了提高应用的用户体验，经常需要邀请用户对应用进行评分

应用评分无非就是跳转到AppStore展示自己的应用，然后由用户自己撰写评论

如何跳转到AppStore，并且展示自己的应用
方法1

NSString *appid = @"444934666";
NSString *str = [NSString stringWithFormat:
                 @"itms-apps://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews?type=Purple+Software&id=%@", appid];
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:str]];

方法2

NSString *str = [NSString stringWithFormat:
                 @"itms-apps://itunes.apple.com/cn/app/id%@?mt=8", appid];
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:str]];

 

（7）真机调试步骤

真机调试的主要步骤
登录开发者主页
生成cer证书：cer是一个跟电脑相关联的证书文件，让电脑具备真机调试的功能
添加App ID：调试哪些app？
注册真机设备：哪台设备需要做真机调试？
生成MobileProvision文件：结合2、3、4生成一个手机规定文件
导入cer、MobileProvision文件

最终会得到2个文件
Cer文件：让电脑具备真机调试的功能
MobileProvision文件：哪台设备、哪些app、哪台电脑需要做真机调试？

 

 

C.实现

1.真机调试 - 分享功能

• 新浪微博分享
• 短信分享
• 邮件分享

必须要打开系统自带的软件来进行

使用block代码来调用系统软件

 

 

//
//  HVWShareViewController.m
//  HelloLottery
//
//  Created by hellovoidworld on 15/1/9.
//  Copyright (c) 2015年 hellovoidworld. All rights reserved.
//

#import "HVWShareViewController.h"
#import "HVWArrowSettingItem.h"
#import "HVWSettingGroup.h"
#import <MessageUI/MessageUI.h>

@interface HVWShareViewController () <MFMessageComposeViewControllerDelegate, MFMailComposeViewControllerDelegate>

@end

@implementation HVWShareViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
   
    // 配置数据
    HVWSettingItem *weiboShare = [HVWArrowSettingItem itemWithIcon:@"WeiboSina" title:@"新浪微博分享"];
    HVWSettingItem *smsShare = [HVWArrowSettingItem itemWithIcon:@"SmsShare" title:@"短信分享"];
  
    // 为了避免block内持有本控制器，导致内存泄露，先声明一个弱指针
    __weak HVWShareViewController *shareController = self;
   
    smsShare.runningBlock = ^ {
        // 方法1：只能打开短信窗口，不能指定内容
        //        NSURL *smsURL = [NSURL URLWithString:@"sms://10086"];
        //        [[UIApplication sharedApplication] openURL:smsURL];

        // 方法2：
        //获取短信发送控制器
        if (![MFMessageComposeViewController canSendText]) return;
       
        MFMessageComposeViewController *messageController = [[MFMessageComposeViewController alloc] init];
       
        // 短信内容
        messageController.body = @"吃饭了没有?";
       
        // 收件人
        messageController.recipients = @[@"10086"];
       
        // 设置代理，特别注意代理是messageComposeDelegate，不是delegate
        messageController.messageComposeDelegate = shareController;
       
        // 显示控制器
        [shareController presentViewController:messageController animated:YES completion:nil];
    };
   
    HVWSettingItem *mailShare = [HVWArrowSettingItem itemWithIcon:@"MailShare" title:@"邮件分享"];
    mailShare.runningBlock = ^ {
      // 方法1：直接调用
//        NSURL *mailURL = [NSURL URLWithString:@"mailto://hellovoidworld@163.com"];
//        [[UIApplication sharedApplication] openURL:mailURL];

      // 方法2：使用控制器
        MFMailComposeViewController *mailController = [[MFMailComposeViewController alloc] init];
       
        // 发送主题
        [mailController setSubject:@"重要作战会议"];
       
        // 邮件内容
        [mailController setMessageBody:@"就是那个...该吃饭了吧" isHTML:NO];
       
        // 收件人
        [mailController setToRecipients:@[@"hellovoidworld@163.com"]];
       
        // 抄送人
        [mailController setCcRecipients:@[@"hellovoidworld@163.com"]];
        
        // 密送人
         [mailController setBccRecipients:@[@"hellovoidworld@163.com"]];
        
        // 附件
        UIImage *image = [UIImage imageNamed:@"LoginScreen"];
        NSData *data = UIImagePNGRepresentation(image);
        [mailController addAttachmentData:data mimeType:@"image/png" fileName:@"attach.png"];
       
        // 代理
        mailController.mailComposeDelegate = shareController;
       
        // 弹出mail控制器
        [shareController presentViewController:mailController animated:YES completion:nil];
       
    };
   
    HVWSettingGroup *group = [[HVWSettingGroup alloc] init];
    group.items = @[weiboShare, smsShare, mailShare];
    [self.data addObject:group];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - MFMessageComposeViewControllerDelegate 代理方法
/** 关闭信息后 */
- (void)messageComposeViewController:(MFMessageComposeViewController *)controller didFinishWithResult:(MessageComposeResult)result {
    // 关闭信息窗口
    [controller dismissViewControllerAnimated:YES completion:nil];
   
    // 检测发送情况
    if (MessageComposeResultSent == result) {
        NSLog(@"成功发送!");
    } else if (MessageComposeResultFailed == result) {
        NSLog(@"发送失败!");
    } else if (MessageComposeResultCancelled == result) {
        NSLog(@"取消发送!");
    } else {
        NSLog(@"发生错误!");
    }
}

/** 关闭邮件后 */
- (void)mailComposeController:(MFMailComposeViewController *)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError *)error {
    [controller dismissViewControllerAnimated:YES completion:nil];
}

@end

 

2.“关于”模块

使用self.tableView.headerView自定义组头部

 

 

（1）使用xib设计头部

 

（2）创建一个类“设置”界面控制器

 

应用评分

其实就是打开AppStore中相应的软件

协议头：itms-apps://

 

打电话

使用webView来打开URL

协议头：tel://

 

//
//  HVWAboutViewController.m
//  HelloLottery
//
//  Created by hellovoidworld on 15/1/8.
//  Copyright (c) 2015年 hellovoidworld. All rights reserved.
//

#import "HVWAboutViewController.h"
#import "HVWArrowSettingItem.h"
#import "HVWSettingGroup.h"

@interface HVWAboutViewController ()

@end

@implementation HVWAboutViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
   
    // 准备一个webView
    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero];
    [self.view addSubview:webView];
   
   
    // 配置item和group
    HVWSettingItem *gradeSupport = [HVWArrowSettingItem itemWithTitle:@"评分支持"];
   
    // 跳转到app store进行应用评分
    gradeSupport.runningBlock = ^ {
      // 其实这是网易新闻的app id
        NSString *appid = @"425349261";
        NSString *appStoreAddr = [NSString stringWithFormat:@"http://itunes.apple.com/app/id%@?mt=8", appid];
        NSURL *appStoreURL = [NSURL URLWithString:appStoreAddr];
        [[UIApplication sharedApplication] openURL:appStoreURL];
    };
   
    HVWSettingItem *servicePhone = [HVWArrowSettingItem itemWithTitle:@"客服电话"];
    NSString *phoneNumber = @"020-83568090";
    servicePhone.subTitle = phoneNumber;
   
    servicePhone.runningBlock = ^{
        NSURL *phoneURL = [NSURL URLWithString:[NSString stringWithFormat:@"tel://%@",phoneNumber]];
        [webView loadRequest:[NSURLRequest requestWithURL:phoneURL]];
    };

    HVWSettingGroup *group = [[HVWSettingGroup alloc] init];
    group.items = @[gradeSupport, servicePhone];
    [self.data addObject:group];
   
    // header
    // 配置header view
    UINib *nib = [UINib nibWithNibName:@"HVWAboutHeader" bundle:[NSBundle mainBundle]];
    UIView *view = [[nib instantiateWithOwner:nil options:nil] lastObject];
    self.tableView.tableHeaderView  = view;
    self.tableView.tableHeaderView.frame = view.bounds;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

 

#mark:

1.不要使用autolayout，不然header显示不正确

2.不能使用代理方法 - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

发现这样设置的头部是从section==1才开始的

 

 

3.存储开关状态

（1）监听开关

（2）及时存储

（3）初始化读取数据

使用preferences存储，key是cell的title，value就是bool值

监听所有的“开关”类型cell，让“开关”类型的cell在开关改变值之后自动存储键值

 

HVWSettingCell:

/** 创建“开关”类型的cell */
- (UISwitch *)switchView {
    if (nil == _switchView) {
        _switchView = [[UISwitch alloc] init];
       
        // 监听开关
        [_switchView addTarget:self action:@selector(switchChange) forControlEvents:UIControlEventValueChanged];
    }
    return _switchView;
}
 
/** 开关变化事件 
* 存储开关状态到preferences
*/
- (void) switchChange {
    NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
    // 使用cell的title作为key，开关状态作为value
    [defaults setBool:self.switchView.isOn forKey:self.item.title];
    // 立即存储
    [defaults synchronize];
}

/** 读取开关状态 */
- (BOOL) readSwitchStatus {
    NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
    return [defaults boolForKey:self.item.title];
}

 

4.打开其他应用

 

一样使用openURL

（1）给要打开的app配置应用URL（可以配置多个）

a.info.plist：添加URL types

b.添加协议头（可以配置多个，也可以不配）

c.添加identifier

 

（2）打开应用/打开AppStore下载应用

所以应该配置两个URL：

• 打开应用URL
• 下载应用URL

 

a.判断app是否已经安装

UIApplication中的方法: - (BOOL) canOpenURL:(NSURL *) url

 

这里使用素材带的json数据

 

 

HVWProductViewController

#pragma mark <UICollectionViewDelegate>
/** 选择事件 */
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
    HVWProduct *product = self.products[indexPath.item];
   
    NSURL *appUrl = [NSURL URLWithString:[NSString stringWithFormat:@"%@://%@", product.urlSchema, product.urlId]];
    NSURL *appStoreUrl = [NSURL URLWithString:product.appStoreUrl];

    UIApplication *application = [UIApplication sharedApplication];
    // 先判断是否存在此app
    if ([application canOpenURL:appUrl]) {
        // 打开app
        [application openURL:appUrl];
    } else {
        // 跳转到app store下载app
        [application openURL:appStoreUrl];
    }
}

 

5.cell的 iOS6 & iOS7的适配（这里是针对iOS6适配成iOS7的样式）

由于cell在iOS6和iOS7上cell的显示不一样，所以需要进行统一适配

a.tableView使用统一的自定义背景

使用自带小图进行平铺操作合成背景

<1>清空backgroundView（避免在group样式下屏蔽了backgroundColor）

<2>使用平铺设置backgroundColor

 

b.cell使用统一的背景

c.cell使用统一的选中背景

<1>重写初始化方法initWithStyle

<2>设置选中时背景，选中状态适当调整颜色

 

d.统一cell内子控件样式

<1>清除子控件背景颜色

 

e.调整cell宽度，消除两边空隙

• 重写cell的setFrame方法
• 在iOS6及以下系统修改cell的位置尺寸，适配iOS7

 

f.加上cell之间的分隔线

• iOS6中，cell中右部分的子控件不属于contentView，所以contentView的宽度是不定的
• 每组的最后一行不需要分隔线

 

#mark:系统升级OSX10.10还有Xcode6之后，苹果似乎已经完全舍弃了iOS6，即使使用Xcode5下载了iOS6模拟器，打开后就是黑屏一片，不能使用。

 

 

6.block内的循环引用导致内存泄露

在block代码内，使用了强指针指向block所在的对象（例如self)，导致循环引用，不能释放资源

将block内的对象引用设置为弱指针：使用"__weak"修饰符

注意：也不要使用强指针访问对象的属性

 

 

7.屏幕适配

Autoresizing属性：能够设置控件在不同尺寸屏幕下的大小

要先取消勾选Autolayout才能使用Autoresizing属性

 

四周的4条指示条：代表和边框的距离固定

中间的2条指示条：代表宽高的自动适配