iOS7新特性之TextKit（二）FontResizeDemo扩展

在写完了FontResize_Demo之后，在这个Demo的基础上我又进行了一些扩展。在这个过程中我又感受到了Xcode 5带来的一些新特性，感觉非常有用。在写这个扩展Demo时也遇到了一些大大小小的问题，下面从头说起。

原来的Demo中仅可以对UTextView中的文字大小做出调整，在IntroduceToTextkit的Categories中包含了对UILabel和UITextField的文字大小做出调整的类别，所以我首先为文本阅读界面加了一个标题标签，并可以对标签中的文字大小做出调整。调整的原理和UITextView相似，不再赘述。

下面从功能上的扩展从头说起。

（一）添加搜索栏

本来想添加一个UITextField类型的组件来对其中的文字大小做出调整，后来直接在程序中加了一个搜索栏UISearchBar，这是我第一次使用搜索栏。总结一下：

1.首先要在类中声明遵守UISearchBarDelegate：

[cpp]  view plain copy

1. @interface FontResizeViewController () <UISearchBarDelegate, UITextViewDelegate> // confirm to UISearchBarDelegate and UITextViewDelegate  

2.在视图中添加UISearchBar组件：

[cpp]  view plain copy

1. // 添加搜索栏  
2. self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0.0, self.view.frame.size.height - 40.0, self.view.frame.size.width, 40.0)];  
3. self.searchBar.placeholder = @"Please input the book name"; // 设置placeholder可以显示提醒用户的文字  
4. self.searchBar.showsCancelButton = YES; // 显示cancel按钮  
5. self.searchBar.delegate = self; // 设置searchBar的UISearchBarDelegate为self  
6. [self.view addSubview:self.searchBar];  

其中placeholder用于显示浅灰色的文字，一般用于提示用户，这段文字不需要用户手动去删除。

showsCancelButton可以在搜索栏中显示cancel按钮，可以以相似的方法在搜索栏中显示其他按钮。

注意最后一定设置好委托，否则无法响应下面实现的委托方法。

3.实现委托中定制的方法：

[cpp]  view plain copy

1. // UISearchBarDelegate  
2. // 在搜索栏输入文字完成后点击search后的动作  
3. -(void)searchBarSearchButtonClicked:(UISearchBar *)searchBar  
4. {  
5.     shouldRespondToTap = NO; // 搜索栏消失，所以可以不用响应点击事件再次使搜索栏消失  
6.       
7.     // 搜索栏及键盘消失  
8.     [searchBar resignFirstResponder];  
9.     self.searchBar.hidden = YES;  
10.       
11.     // 设置标题内容  
12.     self.bookTitle = [[NSMutableAttributedString alloc] initWithString:searchBar.text];  
13.     self.titleLabel.attributedText = self.bookTitle;  
14.       
15.     // 设置文本视图内容  
16.     NSURL *url = nil;  
17.     url = [[NSBundle mainBundle] URLForResource:searchBar.text withExtension:nil];  
18.     NSMutableAttributedString *attributedTextHolder = [[NSMutableAttributedString alloc] initWithFileURL:url options:@{} documentAttributes:nil error:nil];  
19.     [attributedTextHolder addAttribute:NSFontAttributeName value:[UIFont preferredFontForTextStyle:UIFontTextStyleBody] range:NSMakeRange(0, attributedTextHolder.length)];  
20.     /* 
21.     NSString *newFlatText = [[[NSAttributedString alloc] initWithFileURL:url options:@{} documentAttributes:nil error:nil] string]; 
22.     NSAttributedString *attributedString = [[NSAttributedString alloc] initWithString:newFlatText attributes:@{NSFontAttributeName: [UIFont preferredFontForTextStyle:UIFontTextStyleBody]}]; 
23.     */  
24.     self.content = [attributedTextHolder copy];  
25.     self.textView.attributedText = self.content;  
26.     self.textView.editable = NO;  
27.     self.textView.dataDetectorTypes = UIDataDetectorTypeAll; // 为文本中如网址，号码等内容添加下划线链接状态，可以响应用户的点击动作  
28. }  
29.   
30. // 点击搜索栏的cancel按钮后的动作  
31. -(void)searchBarCancelButtonClicked:(UISearchBar *)searchBar  
32. {  
33.     shouldRespondToTap = NO; // 搜索栏消失，所以可以不用响应点击事件再次使搜索栏消失  
34.       
35.     // 搜索栏及键盘消失  
36.     [searchBar resignFirstResponder];  
37.     self.searchBar.hidden = YES;  
38. }  

在这里不得不赞一下Xcode 5一个非常棒的功能改进，就是在IB中增加了属性设置的代码方法提示信息，如下所示：

在Shows Canel Button的提示信息中包含了该属性的作用以及相关的方法。

（二）添加手势识别来显示和隐藏搜索栏

搜索栏的作用时在搜索栏中输入书名后，如book.txt（因为同一个电子书可能有多种格式如book.txt，book.rtf，所以要输入包括后缀的完整书名），点击Search将在文本视图中加载对应电子书的内容。为了不妨碍读者阅读，必须使搜索栏隐藏或者键盘隐藏起来，但是又要在用户需求时使搜索栏重新出现（如输入新的书名来打开新的电子书），为了高效利用页面，我绝不打算用按钮， 最后我使用了手势来实现。

[cpp]  view plain copy

1. @property (nonatomic, strong) UILongPressGestureRecognizer *longPress; // 长按手势识别器  
2. @property (nonatomic, strong) UITapGestureRecognizer *tap; // 轻击手势识别器  

定义了长按和轻击两个手势识别器。

[cpp]  view plain copy

1. // 添加底部标签  
2. CGRect rect = self.view.frame;  
3. self.bottomLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0, rect.size.height - 100.0, rect.size.width, 100.0)];  
4. self.bottomLabel.userInteractionEnabled = YES; // 为了识别用户的手势，必须使userInteractionEnabled为YES  
5. self.bottomLabel.text = @""; // 该标签不能用于显示文字  
6. [self.view addSubview:self.bottomLabel];  
7. // 在标签中添加长按手势识别器，当用户在底部标签区域长按时显示搜索栏  
8. self.longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(showSearchBar:)];   
9. [self.bottomLabel addGestureRecognizer:self.longPress];  

首先设置了一个处于底部内容空白的标签bottomLabel，然后在bottomLabel中添加长按手势识别器。特别注意的是，由于标签本身是不能相应用户的触按事件的，所以必须要设置userInteractionEnabled属性为YES。

当用户轻击整个视图时，搜索栏隐藏，轻击手势定义如下：

[cpp]  view plain copy

1. // 在视图中添加轻击手势识别器，当用户轻击视图时隐藏搜索栏并取消之前文字的选中状态  
2. self.tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hideSearchBar:)];  
3. [self.view addGestureRecognizer:self.tap];  

响应的方法为：

[cpp]  view plain copy

1. -(void)hideSearchBar:(UITapGestureRecognizer *)tap  
2. {  
3.     [self.textView resignFirstResponder]; // 如果用户之前选中了一段文字，用该方法可以使文字取消选中状态  
4.       
5.     // 若视图响应轻击事件  
6.     if (shouldRespondToTap) {  
7.         [self.searchBar resignFirstResponder]; // 搜索栏的resignFirstResponder方法可以使得键盘消失  
8.         self.searchBar.hidden = YES; // 隐藏搜索栏  
9.     }  
10. }  

如果用户看的是一些学术性文章，可能需要复制文字，因此我认为绝不能使文本的selectable属性为NO，但在实际运行程序时我发现当用户选择完一段文字，在点击视图或者点击copy等选项后，并不能取消对文字的选中状态，所以我使用了以下方法：

[cpp]  view plain copy

1. [self.textView resignFirstResponder]; // 如果用户之前选中了一段文字，用该方法可以使文字取消选中状态  

当搜索栏消失时，用户输入时出现的键盘可能没有消失，所以要使用方法

[cpp]  view plain copy

1. [self.searchBar resignFirstResponder]; // 搜索栏的resignFirstResponder方法可以使得键盘消失  

来实现键盘的消失。

说到底都是使用resignFirstResponder方法。

相信在iOS6以前很多初学者都对键盘消失的方法烦恼而已，如今iOS7出了两个官方的方法来实现这个功能。

先看看我在程序中添加的方法：

[cpp]  view plain copy

1. self.textView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag; // 设置键盘的消失方式为拖拉页面，iOS7新增特性  
2. // self.textView.keyboardDismissMode = UIScrollViewKeyboardDismissModeInteractive; // 设置键盘的消失方式为拖拉并点击页面，iOS7新增特性  

这是ios7 sdk包中的定义：

[cpp]  view plain copy

1. typedef NS_ENUM(NSInteger, UIScrollViewKeyboardDismissMode) {  
2.     UIScrollViewKeyboardDismissModeNone,  
3.     UIScrollViewKeyboardDismissModeOnDrag,      // dismisses the keyboard when a drag begins  
4.     UIScrollViewKeyboardDismissModeInteractive, // the keyboard follows the dragging touch off screen, and may be pulled upward again to cancel the dismiss  
5. } NS_ENUM_AVAILABLE_IOS(7_0);  

不得不承认这个结构体的确可以简化程序的编写，但这种方式也是有局限性的。例如当视图无法滚动时就无法响应UIScrollViewKeyboardDismissModeOnDrag，更加不要说UIScrollViewKeyboardDismissModeInterative了。希望官方以后还可以有更多改进。

当用户长按bottomLabel（该标签是没有文字的，所以看不见，但是只要在屏幕视图底部区域长按就可以了）时可以显示搜索栏，长按手势响应的方法为：

[cpp]  view plain copy

1. -(void)showSearchBar:(UILongPressGestureRecognizer *)longPress  
2. {  
3.     shouldRespondToTap = YES; // 搜索栏出现，视图必须响应轻击事件  
4.     self.searchBar.frame = CGRectMake(0.0, self.view.frame.size.height - 40.0, self.view.frame.size.width, 40.0); // 设置搜索栏的位置在视图底部  
5.     self.searchBar.hidden = NO; // 显示搜索栏  
6. }  

搜索栏在重新出现时，位置是在底部的，若用户点击搜索栏进行编辑，那么键盘将从下方出现，这样搜索栏就会被盖住，如果一开始直接将搜索栏放在视图中间又显得不够美观。为了动态调整搜索栏的位置，可以使用下面的方法：

首先在程序中注册一个键盘将要出现的事件监视者：

[cpp]  view plain copy

1. [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil]; // 当键盘将要出现时发送消息给self  

然后实现键盘出现时的动作：

[cpp]  view plain copy

1. -(void)keyboardWillShow:(NSNotification *)noti  
2. {  
3.     // 获得键盘的尺寸大小  
4.     NSDictionary *info = [noti userInfo];  
5.     CGSize keyboardsize = [[info objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue].size;  
6.       
7.     // 重新设置搜索栏的位置在键盘上面  
8.     CGFloat newY = self.view.frame.size.height - keyboardsize.height - 40.0;  
9.     self.searchBar.frame = CGRectMake(0.0, newY, self.view.frame.size.width, 40.0);  
10. }  

这样就可以保持搜索栏可见并且输入文字了。

（三）在文本中显示网址，号码，地址，日历事件的链接状态

IntroduceToTextKitDemo中的Interaction就是打开文本中的http://www.apple.com。于是我打算参考这个部分在程序中打开对应的一些链接。

本来以为文本中的网址会自动变成下划线的形式，也就是提示用户这是一个链接。结果多次调整程序都做不到，这样一来无法打开对应的链接，更谈不上在新的视图中加载网页数据。

这个问题卡了我半天，通过反复比较最后终于在IB中找出了问题所在（再次赞一下Xcode 5的IB）：

原来必须在Detection中设置对应的选项由系统进行探测。小弟太菜了，以前没用过这个功能。

在代码中可以这样设置：

[cpp]  view plain copy

1. self.textView.dataDetectorTypes = UIDataDetectorTypeAll; // 为文本中如网址，号码等内容添加下划线链接状态，可以响应用户的点击动作  
2. // self.textView.dataDetectorTypes = UIDataDetectorTypeLink; // 为文本中的网址添加下划线链接状态  

这是ios sdk包中的定义：

[cpp]  view plain copy

1. typedef NS_OPTIONS(NSUInteger, UIDataDetectorTypes) {  
2.     UIDataDetectorTypePhoneNumber   = 1 << 0,          // Phone number detection  
3.     UIDataDetectorTypeLink          = 1 << 1,          // URL detection      
4. #if __IPHONE_4_0 <= __IPHONE_OS_VERSION_MAX_ALLOWED  
5.     UIDataDetectorTypeAddress       = 1 << 2,          // Street address detection  
6.     UIDataDetectorTypeCalendarEvent = 1 << 3,          // Event detection  
7. #endif      
8.   
9.     UIDataDetectorTypeNone          = 0,               // No detection at all  
10.     UIDataDetectorTypeAll           = NSUIntegerMax    // All types  
11. };  

（四）响应网页链接

在完成（三）以后，就可以在程序中加载这些链接了。

为了响应在程序中响应这些链接，可以通过iOS7新出的UITextViewDelegate方法：

[cpp]  view plain copy

1. - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange NS_AVAILABLE_IOS(7_0);  

在程序中实现如下：

首先要设置委托对象，这是必须的：

[cpp]  view plain copy

1. self.textView.delegate = self; // 设置textView的UITextViewDelegate委托为self，如果没有设置委托那么textView将无法响应-(BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:  

然后是实现委托中的方法：

[cpp]  view plain copy

1. // UITextViewDelegate  
2. // 当用户在textView中点击特定的链接内容时，程序是否需要作出响应  
3. -(BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange  
4. {  
5.     NSString *urlstr = [URL absoluteString];  
6.       
7.     // 响应以下前缀或域名的网址链接  
8.     if ([[URL host] isEqual:@"www.apple.com"] || [urlstr hasPrefix:@"http://"] || [urlstr hasPrefix:@"https://"] || [urlstr hasPrefix:@"www."]) {  
9.         AppDelegate *appDelegate = [[UIApplication sharedApplication] delegate]; // appDelegate用于调用全局变量urlvc  
10.         [self presentViewController:appDelegate.urlvc animated:YES completion:^ {  
11.             [appDelegate.urlvc.urlView.webView loadRequest:[NSURLRequest requestWithURL:URL]]; // urlView中的webView开始加载链接的网页内容  
12.         }];  
13.           
14.         return NO;  
15.     }  
16.       
17.     return  YES; // 若返回YES，则打开系统中的浏览器转到链接内容  
18. }  

（五）添加网页浏览视图

先来看看类的接口部分：

[cpp]  view plain copy

1. @interface URLInteractionViewController : UIViewController <UIWebViewDelegate, UIToolbarDelegate> // confirm to UIWebViewDelegate and UIToolBarDelegate  
2. @property (nonatomic, strong) URLInteractionView *urlView; // 本试图控制器控制的视图，其内容与WebView.xib的内容相关联  
3. @end  

在看了IntroduceToTextKit的Interaction中的网页浏览视图后觉得做得挺有趣的，打算对照着做一个。由于网页浏览视图中有UIWebView，UIToolBar，而且UIToolBar上有多个UIBarButtonItem组件，整个GUI的布局略显麻烦，但是我没有使用故事板，本来打算纯代码实现，但是觉得界面布置略显麻烦，而且我之前没用过xib（我是iOS6才开始学习iOS开发的），所以打算实践一下xib。

初次使用，的确卡了一下。

首先我新建了一个xib文件，并且新建了一个对应的UIView子类进行布局和代码关联，如下：

随后我直接在URLInteractionViewController的viewDidLoad方法中使用[self.view addSubview:urlView];添加视图，结果无法显示我之前布局好的内容，查了一下资料，原来首要进行视图和视图控制器关联，可以在xib的File's Owner里设置和视图关联的类：

然后要在控制器类的代码中通过以下方法实现：

[cpp]  view plain copy

1. - (void)viewDidLoad  
2. {  
3.     [super viewDidLoad];  
4.       
5.     NSArray *nibarray = [[NSBundle mainBundle] loadNibNamed:@"WebView" owner:self options:nil]; // 加载WebView.xib文件  
6.     self.urlView = nibarray[0]; // 设置urlView为WebView.xib文件中的底层视图  
7.       
8.     // 设置委托为self  
9.     self.urlView.toolbar.delegate = self;  
10.     self.urlView.webView.delegate = self;  
11.       
12.     // 在视图中心加载urlView  
13.     CGRect rect = [[UIScreen mainScreen] bounds];  
14.     self.urlView.center = CGPointMake(rect.size.width / 2, rect.size.height / 2);  
15.     [self.view addSubview:self.urlView];  
16. }  

也就是说先要加载xib文件并获取xib文件中的底层视图，然后将其加载到主视图中。注意要设置好委托。

在完成页面布局以后，就到功能方面了，先看该视图的接口部分：

[cpp]  view plain copy

1. @interface URLInteractionView : UIView  
2. @property (weak, nonatomic) IBOutlet UIWebView *webView; // 网页视图  
3. @property (weak, nonatomic) IBOutlet UIToolbar *toolbar; // 工具栏  
4. @property (weak, nonatomic) IBOutlet UIBarButtonItem *backBarButtonItem; // 加载前一个网页  
5. @property (weak, nonatomic) IBOutlet UIBarButtonItem *forwardBarButtonItem; // 加载后一个网页  
6. @property (weak, nonatomic) IBOutlet UIActivityIndicatorView *activityIndicator; // 加载网页时显示的活动指示器  
7. - (IBAction)dismissViewController:(id)sender; // dismiss当前视图  
8. - (IBAction)stopLoading:(id)sender; // 停止加载网页  
9. @end  

工具栏有5个按钮，分别对应后退，前进，刷新，停止和解散当前页面功能。

后退和前进和刷新按钮的方法实现可以在xib中通过连接直接实现：

剩余的两个按钮则通过代码方法实现：

[cpp]  view plain copy

1. - (IBAction)dismissViewController:(id)sender {  
2.     AppDelegate *appDelegate = [[UIApplication sharedApplication] delegate];  
3.     [appDelegate.urlvc dismissViewControllerAnimated:YES completion:^{}];  
4. }  
5.   
6. - (IBAction)stopLoading:(id)sender {  
7.     [self.webView stopLoading];  
8. }  

至此整个Demo大功告成。可能单纯贴代码和写文字有点乱，可以在我的资源中下载对应的Demo对照着看一下。

这个Demo涉及到TextKit和iOS7的新特性的东西还是比较少的，主要还是UITextViewDelegate的新方法的使用：

[cpp]  view plain copy

1. - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange NS_AVAILABLE_IOS(7_0);  

以及Xcode 5的一些使用感想和心得，主要还是尝试一下很多以前自己没有使用过的知识点，如使用UISearchBar组件和实现UISearchBarDelegate，初次使用xib，获得keyboard的size，在程序中添加事件监听器，UIBarButtonItem对应方法的实现等。