首页 > 代码库 > [iOS UI进阶 - 2.3] 彩票Demo v1.3
[iOS UI进阶 - 2.3] 彩票Demo v1.3
A.需求
- 真机调试
- "关于”模块
- 存储开关状态
- 打电话、发短信
- 应用评分
- 打开其他应用
- cell 在iOS6 和 iOS7的适配
- block的循环引用
- 屏幕适配
code source: code source: https://github.com/hellovoidworld/HelloLottery
B.iOS真机测试小功能
(1)打电话
a.方法1
最简单最直接的方式:直接跳到拨号界面
1 NSURL *url = [NSURL URLWithString:@"tel://10086"];2 [[UIApplication sharedApplication] openURL:url];
电话打完后,不会自动回到原应用,直接停留在通话记录界面
b.方法2
拨号之前会弹框询问用户是否拨号,拨完后能自动回到原应用
缺点
因为是私有API,所以可能不会被审核通过
1 NSURL *url = [NSURL URLWithString:@"telprompt://10086"];2 [[UIApplication sharedApplication] openURL:url];
因为是私有API,所以可能不会被审核通过
c.方法3
创建一个UIWebView来加载URL,拨完后能自动回到原应用
需要注意的是:这个webView千万不要添加到界面上来,不然会挡住其他界面
1 if (_webView == nil) {2 _webView = [[UIWebView alloc] initWithFrame:CGRectZero];3 }4 [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"tel://10010"]]];
(2)发短信
a.方法1
直接跳到发短信界面,但是不能指定短信内容,而且不能自动回到原应用
1 NSURL *url = [NSURL URLWithString:@"sms://10086"];2 [[UIApplication sharedApplication] openURL:url];
b.方法2
#mark:
注意要写对代理名称messageComposeDelegate和mailComposeDelegate,不是delegate
如果想指定短信内容,那就得使用MessageUI框架
包含主头文件
#import <MessageUI/MessageUI.h>
显示发短信的控制器
包含主头文件
#import <MessageUI/MessageUI.h>
显示发短信的控制器
1 MFMessageComposeViewController *vc = [[MFMessageComposeViewController alloc] init]; 2 // 设置短信内容 3 vc.body = @"吃饭了没?"; 4 // 设置收件人列表 5 vc.recipients = @[@"10086", @"13800138000"]; 6 // 设置代理(这里使用block封装,由于强指针持有self,会有内存泄露) 7 vc.messageComposeDelegate = self; 8 9 // 显示控制器10 [self presentViewController:vc animated:YES completion:nil];
代理方法,当短信界面关闭的时候调用,发完后会自动回到原应用
1 - (void)messageComposeViewController:(MFMessageComposeViewController *)controller didFinishWithResult:(MessageComposeResult)result 2 { 3 // 关闭短信界面 4 [controller dismissViewControllerAnimated:YES completion:nil]; 5 6 if (result == MessageComposeResultCancelled) { 7 NSLog(@"取消发送"); 8 } else if (result == MessageComposeResultSent) { 9 NSLog(@"已经发出");10 } else {11 NSLog(@"发送失败");12 }13 }
(3)发邮件
a.方法1
用自带的邮件客户端,发完邮件后不会自动回到原应用
1 NSURL *url = [NSURL URLWithString:@"mailto://10010@qq.com"];2 [[UIApplication sharedApplication] openURL:url];
b.方法2
跟发短信的第2种方法差不多,只不过控制器类名叫做:MFMailComposeViewControlle
1 // 方法2:使用控制器 2 MFMailComposeViewController *mailController = [[MFMailComposeViewController alloc] init]; 3 4 // 发送主题 5 [mailController setSubject:@"重要作战会议"]; 6 7 // 邮件内容 8 [mailController setMessageBody:@"就是那个...该吃饭了吧" isHTML:NO]; 9 10 // 收件人11 [mailController setToRecipients:@[@"hellovoidworld@163.com"]];12 13 // 抄送人14 [mailController setCcRecipients:@[@"hellovoidworld@163.com"]];15 16 // 密送人17 [mailController setBccRecipients:@[@"hellovoidworld@163.com"]];18 19 // 附件20 UIImage *image = [UIImage imageNamed:@"LoginScreen"];21 NSData *data =http://www.mamicode.com/ UIImagePNGRepresentation(image);22 [mailController addAttachmentData:data mimeType:@"image/png" fileName:@"attach.png"];23 24 // 代理25 mailController.mailComposeDelegate = shareController;26 27 // 弹出mail控制器28 [shareController presentViewController:mailController animated:YES completion:nil];
邮件发送后的代理方法回调,发完后会自动回到原应用
1 - (void)mailComposeController:(MFMailComposeViewController *)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError *)error 2 { 3 // 关闭邮件界面 4 [controller dismissViewControllerAnimated:YES completion:nil]; 5 6 if (result == MFMailComposeResultCancelled) { 7 NSLog(@"取消发送"); 8 } else if (result == MFMailComposeResultSent) { 9 NSLog(@"已经发出");10 } else {11 NSLog(@"发送失败");12 }13 }
(4)打开其他常见文件
如果想打开一些常见文件,比如html、txt、PDF、PPT等,都可以使用UIWebView打开
只需要告诉UIWebView文件的URL即可
至于打开一个远程的共享资源,比如http协议的,也可以调用系统自带的Safari浏览器:
只需要告诉UIWebView文件的URL即可
至于打开一个远程的共享资源,比如http协议的,也可以调用系统自带的Safari浏览器:
1 NSURL *url = [NSURL URLWithString:@”http://www.baidu.com"];2 [[UIApplication sharedApplication] openURL:url];
(5)应用跳转
有时候,需要在本应用中打开其他应用,比如从A应用中跳转到B应用
首先,应用app得有自己的URL地址(在Info.plist中配置)
例如:app应用的URL地址就是:hvw://com.ios.app
接着在某个应用中使用UIApplication完成跳转
1 NSURL *url = [NSURL URLWithString:@"hvw://com.ios.app"];2 [[UIApplication sharedApplication] openURL:url];
(6)应用评分
为了提高应用的用户体验,经常需要邀请用户对应用进行评分
应用评分无非就是跳转到AppStore展示自己的应用,然后由用户自己撰写评论
如何跳转到AppStore,并且展示自己的应用
方法1
方法2
如何跳转到AppStore,并且展示自己的应用
方法1
1 NSString *appid = @"444934666";2 NSString *str = [NSString stringWithFormat:3 @"itms-apps://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews?type=Purple+Software&id=%@", appid];4 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:str]];
方法2
1 NSString *str = [NSString stringWithFormat:2 @"itms-apps://itunes.apple.com/cn/app/id%@?mt=8", appid];3 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:str]];
(7)真机调试步骤
真机调试的主要步骤
登录开发者主页
生成cer证书:cer是一个跟电脑相关联的证书文件,让电脑具备真机调试的功能
添加App ID:调试哪些app?
注册真机设备:哪台设备需要做真机调试?
生成MobileProvision文件:结合2、3、4生成一个手机规定文件
导入cer、MobileProvision文件
最终会得到2个文件
Cer文件:让电脑具备真机调试的功能
MobileProvision文件:哪台设备、哪些app、哪台电脑需要做真机调试?
登录开发者主页
生成cer证书:cer是一个跟电脑相关联的证书文件,让电脑具备真机调试的功能
添加App ID:调试哪些app?
注册真机设备:哪台设备需要做真机调试?
生成MobileProvision文件:结合2、3、4生成一个手机规定文件
导入cer、MobileProvision文件
最终会得到2个文件
Cer文件:让电脑具备真机调试的功能
MobileProvision文件:哪台设备、哪些app、哪台电脑需要做真机调试?
C.实现
1.真机调试 - 分享功能
- 新浪微博分享
- 短信分享
- 邮件分享
必须要打开系统自带的软件来进行
使用block代码来调用系统软件
1 // 2 // HVWShareViewController.m 3 // HelloLottery 4 // 5 // Created by hellovoidworld on 15/1/9. 6 // Copyright (c) 2015年 hellovoidworld. All rights reserved. 7 // 8 9 #import "HVWShareViewController.h" 10 #import "HVWArrowSettingItem.h" 11 #import "HVWSettingGroup.h" 12 #import <MessageUI/MessageUI.h> 13 14 @interface HVWShareViewController () <MFMessageComposeViewControllerDelegate, MFMailComposeViewControllerDelegate> 15 16 @end 17 18 @implementation HVWShareViewController 19 20 - (void)viewDidLoad { 21 [super viewDidLoad]; 22 // Do any additional setup after loading the view. 23 24 // 配置数据 25 HVWSettingItem *weiboShare = [HVWArrowSettingItem itemWithIcon:@"WeiboSina" title:@"新浪微博分享"]; 26 HVWSettingItem *smsShare = [HVWArrowSettingItem itemWithIcon:@"SmsShare" title:@"短信分享"]; 27 28 // 为了避免block内持有本控制器,导致内存泄露,先声明一个弱指针 29 __weak HVWShareViewController *shareController = self; 30 31 smsShare.runningBlock = ^ { 32 // 方法1:只能打开短信窗口,不能指定内容 33 // NSURL *smsURL = [NSURL URLWithString:@"sms://10086"]; 34 // [[UIApplication sharedApplication] openURL:smsURL]; 35 36 // 方法2: 37 //获取短信发送控制器 38 if (![MFMessageComposeViewController canSendText]) return; 39 40 MFMessageComposeViewController *messageController = [[MFMessageComposeViewController alloc] init]; 41 42 // 短信内容 43 messageController.body = @"吃饭了没有?"; 44 45 // 收件人 46 messageController.recipients = @[@"10086"]; 47 48 // 设置代理,特别注意代理是messageComposeDelegate,不是delegate 49 messageController.messageComposeDelegate = shareController; 50 51 // 显示控制器 52 [shareController presentViewController:messageController animated:YES completion:nil]; 53 }; 54 55 HVWSettingItem *mailShare = [HVWArrowSettingItem itemWithIcon:@"MailShare" title:@"邮件分享"]; 56 mailShare.runningBlock = ^ { 57 // 方法1:直接调用 58 // NSURL *mailURL = [NSURL URLWithString:@"mailto://hellovoidworld@163.com"]; 59 // [[UIApplication sharedApplication] openURL:mailURL]; 60 61 // 方法2:使用控制器 62 MFMailComposeViewController *mailController = [[MFMailComposeViewController alloc] init]; 63 64 // 发送主题 65 [mailController setSubject:@"重要作战会议"]; 66 67 // 邮件内容 68 [mailController setMessageBody:@"就是那个...该吃饭了吧" isHTML:NO]; 69 70 // 收件人 71 [mailController setToRecipients:@[@"hellovoidworld@163.com"]]; 72 73 // 抄送人 74 [mailController setCcRecipients:@[@"hellovoidworld@163.com"]]; 75 76 // 密送人 77 [mailController setBccRecipients:@[@"hellovoidworld@163.com"]]; 78 79 // 附件 80 UIImage *image = [UIImage imageNamed:@"LoginScreen"]; 81 NSData *data =http://www.mamicode.com/ UIImagePNGRepresentation(image); 82 [mailController addAttachmentData:data mimeType:@"image/png" fileName:@"attach.png"]; 83 84 // 代理 85 mailController.mailComposeDelegate = shareController; 86 87 // 弹出mail控制器 88 [shareController presentViewController:mailController animated:YES completion:nil]; 89 90 }; 91 92 HVWSettingGroup *group = [[HVWSettingGroup alloc] init]; 93 group.items = @[weiboShare, smsShare, mailShare]; 94 [self.data addObject:group]; 95 } 96 97 - (void)didReceiveMemoryWarning { 98 [super didReceiveMemoryWarning]; 99 // Dispose of any resources that can be recreated.100 }101 102 #pragma mark - MFMessageComposeViewControllerDelegate 代理方法103 /** 关闭信息后 */104 - (void)messageComposeViewController:(MFMessageComposeViewController *)controller didFinishWithResult:(MessageComposeResult)result {105 // 关闭信息窗口106 [controller dismissViewControllerAnimated:YES completion:nil];107 108 // 检测发送情况109 if (MessageComposeResultSent == result) {110 NSLog(@"成功发送!");111 } else if (MessageComposeResultFailed == result) {112 NSLog(@"发送失败!");113 } else if (MessageComposeResultCancelled == result) {114 NSLog(@"取消发送!");115 } else {116 NSLog(@"发生错误!");117 }118 }119 120 /** 关闭邮件后 */121 - (void)mailComposeController:(MFMailComposeViewController *)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError *)error {122 [controller dismissViewControllerAnimated:YES completion:nil];123 }124 125 @end
2.“关于”模块
使用self.tableView.headerView自定义组头部
(1)使用xib设计头部
(2)创建一个类“设置”界面控制器
应用评分
其实就是打开AppStore中相应的软件
协议头:itms-apps://
打电话
使用webView来打开URL
协议头:tel://
1 // 2 // HVWAboutViewController.m 3 // HelloLottery 4 // 5 // Created by hellovoidworld on 15/1/8. 6 // Copyright (c) 2015年 hellovoidworld. All rights reserved. 7 // 8 9 #import "HVWAboutViewController.h"10 #import "HVWArrowSettingItem.h"11 #import "HVWSettingGroup.h"12 13 @interface HVWAboutViewController ()14 15 @end16 17 @implementation HVWAboutViewController18 19 - (void)viewDidLoad {20 [super viewDidLoad];21 // Do any additional setup after loading the view.22 23 // 准备一个webView24 UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero];25 [self.view addSubview:webView];26 27 28 // 配置item和group29 HVWSettingItem *gradeSupport = [HVWArrowSettingItem itemWithTitle:@"评分支持"];30 31 // 跳转到app store进行应用评分32 gradeSupport.runningBlock = ^ {33 // 其实这是网易新闻的app id34 NSString *appid = @"425349261";35 NSString *appStoreAddr = [NSString stringWithFormat:@"http://itunes.apple.com/app/id%@?mt=8", appid];36 NSURL *appStoreURL = [NSURL URLWithString:appStoreAddr];37 [[UIApplication sharedApplication] openURL:appStoreURL];38 };39 40 HVWSettingItem *servicePhone = [HVWArrowSettingItem itemWithTitle:@"客服电话"];41 NSString *phoneNumber = @"020-83568090";42 servicePhone.subTitle = phoneNumber;43 44 servicePhone.runningBlock = ^{45 NSURL *phoneURL = [NSURL URLWithString:[NSString stringWithFormat:@"tel://%@",phoneNumber]];46 [webView loadRequest:[NSURLRequest requestWithURL:phoneURL]];47 };48 49 HVWSettingGroup *group = [[HVWSettingGroup alloc] init];50 group.items = @[gradeSupport, servicePhone];51 [self.data addObject:group];52 53 // header54 // 配置header view55 UINib *nib = [UINib nibWithNibName:@"HVWAboutHeader" bundle:[NSBundle mainBundle]];56 UIView *view = [[nib instantiateWithOwner:nil options:nil] lastObject];57 self.tableView.tableHeaderView = view;58 self.tableView.tableHeaderView.frame = view.bounds;59 }60 61 - (void)didReceiveMemoryWarning {62 [super didReceiveMemoryWarning];63 // Dispose of any resources that can be recreated.64 }65 66 @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:
1 /** 创建“开关”类型的cell */ 2 - (UISwitch *)switchView { 3 if (nil == _switchView) { 4 _switchView = [[UISwitch alloc] init]; 5 6 // 监听开关 7 [_switchView addTarget:self action:@selector(switchChange) forControlEvents:UIControlEventValueChanged]; 8 } 9 return _switchView;10 }11 12 /** 开关变化事件 13 * 存储开关状态到preferences14 */15 - (void) switchChange {16 NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];17 // 使用cell的title作为key,开关状态作为value18 [defaults setBool:self.switchView.isOn forKey:self.item.title];19 // 立即存储20 [defaults synchronize];21 }22 23 /** 读取开关状态 */24 - (BOOL) readSwitchStatus {25 NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];26 return [defaults boolForKey:self.item.title];27 }
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
1 #pragma mark <UICollectionViewDelegate> 2 /** 选择事件 */ 3 - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { 4 HVWProduct *product = self.products[indexPath.item]; 5 6 NSURL *appUrl = [NSURL URLWithString:[NSString stringWithFormat:@"%@://%@", product.urlSchema, product.urlId]]; 7 NSURL *appStoreUrl = [NSURL URLWithString:product.appStoreUrl]; 8 9 UIApplication *application = [UIApplication sharedApplication];10 // 先判断是否存在此app11 if ([application canOpenURL:appUrl]) {12 // 打开app13 [application openURL:appUrl];14 } else {15 // 跳转到app store下载app16 [application openURL:appStoreUrl];17 }18 }
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条指示条:代表宽高的自动适配
[iOS UI进阶 - 2.3] 彩票Demo v1.3
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。