本文共 22206 字，大约阅读时间需要 74 分钟。

本文为raywenderlich的iOS 7 By Tutorials中的Intermediate Text Kit章节。

Text Kit进阶

在上一章中，你已了解了Text Kit最重要的一些功能。特别是，学习了动态类型、凸版印刷效果，使用排除路径，和创建自己的动态文本格式和存储系统（dynamic text formatting and storage system）。

而这章的内容主要集中在app需要大量的、复杂的文本布局方面。你将深入Text Kit渲染引擎，并学到如何创建自己自定义的文本布局。

在这个过程中，你将会使用多个文本容器（multiple text containers），创建一个简单的iPad书本app。

开始

打开已创建好的工程项目，编译运行。屏幕内容如下：

此时并没有多少内容。

初始工程项目，是Xcode的master-detail模板的修改版。详情控制器被命名为BookViewController，主控制器为ChaptersViewController。

工程中有一个Assets分组，包含了书的文本和一些的图片。

书的文本内容是Markdown格式的。

Text Kit架构

回顾上一张的内容，当你创建一个UITextView时，如下的对象将会被创建：

这些类的功能如下：

• NSTextStorage：文本系统的字符数据仓库。这个数据的格式是一个属性字符串。
• NSLayoutManager：协调布局和渲染字符，持有一个NSTextStorage。NSLayoutManager也负责把Unicode字符映射到相应的字形。
• NSTextContainer：定义了text布局的区域。NSLayoutManager依据NSTextContainer来决定在哪儿换行、文本的位置等等。

以MVC模式显示如下：

布局配置(Layout configurations)

再上一章，创建了一个带有自定义Text Kit stack的UITextView，如下：

这是为了使用你自定义的子类来替换框架的NSTextStorage。

然而，layout manager可以和多个text containers关联在一起。例如，你可以使用多个text containers来渲染text，在多列或者多个页面，如下：

渲染文本

第一步是创建一个book reader来在屏幕上来渲染text。

打开AppDelegate.h，加入如下的属性：

@property (nonatomic, copy) NSAttributedString *bookMarkup;

这个属性使用属性字符串来存储book。

在AppDelegate.m中的application:didFinishLaunchingWithOptions:方法中，在创建控制器之前，加入如下的代码：

NSString *path = [[NSBundle mainBundle] pathForResource:@"alices_adventures" ofType:@"md"];NSString *text = [NSString stringWithContentsOfFile:pathencoding:NSUTF8StringEncoding error:NULL];self.bookMarkup = [[NSAttributedString alloc] initWithString:text];

上面的代码加载alices_adventures.md的内容，设置bookMarkup。

创建一个BookView类，继承自UIView。在BookView.h中，添加如下的方法和属性到接口中：

@interface BookView : UIView@property (nonatomic, copy) NSAttributedString *bookMarkup; - (void)buildFrames;@end

bookMarkup属性用来存储要渲染的文本，buildFrames创建需要渲染的Text Kit的组件。

打开BookView.m，添加一个私有的变量：

@implementation BookView {NSLayoutManager *_layoutManager; }

在BookView.m中，实现buildFrames

- (void)buildFrames {//创建text storageNSTextStorage *textStorage = [[NSTextStorage alloc] initWithAttributedString:self.bookMarkup];//创建layout manager_layoutManager = [[NSLayoutManager alloc] init]; [textStorage addLayoutManager:_layoutManager];//创建containerNSTextContainer *textContainer = [[NSTextContainer alloc] initWithSize:CGSizeMake(self.bounds.size.width, FLT_MAX)];[_layoutManager addTextContainer:textContainer];//创建viewUITextView *textView = [[UITextView alloc] initWithFrame:self.boundstextView.scrollEnabled = YES;[self addSubview:textView]; }

打开BookViewController.m，导入如下文件：

#import "BookView.h" #import "AppDelegate.h"

接下来，添加一个新的实例变量：

@implementation BookViewController {    BookView *_bookView; }

最后，使用如下代码替换viewDidLoad的实现：

- (void)viewDidLoad{    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    self.view.backgroundColor = [UIColor colorWithWhite:0.87f alpha:1.0f];    [self setEdgesForExtendedLayout:UIRectEdgeNone];    AppDelegate *appDelegate = (AppDelegate *) [[UIApplication sharedApplication] delegate];    _bookView = [[BookView alloc] initWithFrame:self.view.bounds];    _bookView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;    _bookView.bookMarkup = appDelegate.bookMarkup;    [self.view addSubview:_bookView];}

当view controller布局它的子view时，book view的大小会被计算。恰好，viewDidLayoutSubviews是book view构建自己的好地方。

- (void)viewDidLayoutSubviews{    [_bookView buildFrames];}

运行app，屏幕上书的text的文本如下：

添加多列布局(Adding a multi-column layout)

你将会为book的每一列创建一个text view，然后从左到右布局它们。注意，你将一次创建所有的text view-虽然只有两个在屏幕上可见。然后，设置book view水平滚动，这样用户就可以翻页。

“等等”，你可能会说，“一次性创建如此多的view，听起来有很大的问题，特别是book很长的时候”。不错，我们将在下一节来讨论这个问题。

打开BookView.h，把超类UIView换成UIScrollView：

@interface BookView : UIScrollView

打开BookView.m，替换buildFrames实现为：

- (void)buildFrames {    //创建text storage    NSTextStorage *textStorage = [[NSTextStorage alloc] initWithAttributedString:self.bookMarkup];    //创建layout manager    _layoutManager = [[NSLayoutManager alloc] init];    [textStorage addLayoutManager:_layoutManager];    //build the frames    NSRange range = NSMakeRange(0, 0);    NSUInteger containerIndex = 0;    while (NSMaxRange(range) < _layoutManager.numberOfGlyphs) {        //1        CGRect textViewRect = [self frameForViewAtIndex:containerIndex];        //2        CGSize containerSize = CGSizeMake(textViewRect.size.width, textViewRect.size.height - 16.0f);        NSTextContainer* textContainer = [[NSTextContainer alloc] initWithSize:containerSize];        [_layoutManager addTextContainer:textContainer];        // 3        UITextView *textView = [[UITextView alloc] initWithFrame:textViewRect textContainer:textContainer];        [self addSubview:textView];        containerIndex++;        //4        range = [_layoutManager glyphRangeForTextContainer:textContainer];    }    //5    self.contentSize = CGSizeMake((self.bounds.size.width / 2) * (CGFloat)containerIndex, self.bounds.size.height);    self.pagingEnabled = YES;}

同样还是创建了一个NSTextStorage和NSLayoutManager，但是现在，你也创建了几个NSTextContainer和UITextView，基于layout manager中字形的数量。

方法的作用如下：

1. 为索引的view创建一个frame。暂时先这样实现这个方法。要记住的是，一次创建所有的text view，然后从左到右布局text view。
2. 基于frame创建一个NSTextContainer。注意16.0f这个数字，减少UITextView的高度，这样container上下就有8.0f的间距。
3. 使用这个container创建UITextView。
4. 获取新text container的字形range。
5. 更新scroll view的content size。

Note:为什么不使用NSTextContainer的heightTracksTextView属性，而是手动调整text view的高度？在每一次container被添加时，它会重新调整大小来track关联的view，导致layout manager重复的布局相同的text。

在BookView.m中添加如下的方法：

- (CGRect)frameForViewAtIndex:(NSUInteger)index {    CGRect textViewRect = CGRectMake(0, 0, self.bounds.size.width / 2, self.bounds.size.height);    textViewRect = CGRectInset(textViewRect, 10.0, 20.0);    textViewRect = CGRectOffset(textViewRect, (self.bounds.size.width / 2) * (CGFloat)index, 0.0);    return textViewRect;}

运行app，效果如下：

这样看起来，可读性就更好。

添加文本格式(Adding text styling)

来看下app中文本，是爱丽丝梦游仙境（可以在获取）。

接下来的任务是给文档中的MarKdown格式化。

创建一个MarkdownParser，继承自NSObject。

打开MarkdownParser.h，添加如下的方法到接口文件中：

@interface MarkdownParser : NSObject- (NSAttributedString *)parseMarkdownFile:(NSString*)path;@end

打开MarkdownParser.m，添加如下的实例变量：

@implementation MarkdownParser{    NSDictionary *_bodyTextAttributes;    NSDictionary *_headingOneAttributes;    NSDictionary *_headingTwoAttributes;    NSDictionary *_headingThreeAttributes;}

这些将被用来存储各种文本属性，来应用到文本中，并格式化它。

接下来，在同样的文件中，添加如下的方法：

- (id) init {    if (self = [super init]) {        [self createTextAttributes];    }    return self;}

调用的createTextAttributes方法如下：

- (void)createTextAttributes {    // 1. 创建font descriptors    UIFontDescriptor *baskerville = [UIFontDescriptor fontDescriptorWithFontAttributes: @{UIFontDescriptorFamilyAttribute: @"Baskerville"}];    UIFontDescriptor *baskervilleBold = [baskerville fontDescriptorWithSymbolicTraits:UIFontDescriptorTraitBold];    // 2. 获取当前的文字大小设置    UIFontDescriptor *bodyFont = [UIFontDescriptor preferredFontDescriptorWithTextStyle:UIFontTextStyleBody];    NSNumber *bodyFontSize = bodyFont.fontAttributes[UIFontDescriptorSizeAttribute];    CGFloat bodyFontSizeValue = [bodyFontSize floatValue];    // 3. 为不同的样式创建不同的属性    _bodyTextAttributes = [self attributesWithDescriptor:baskerville size:bodyFontSizeValue];    _headingOneAttributes = [self attributesWithDescriptor:baskervilleBold size:bodyFontSizeValue * 2.0f];    _headingTwoAttributes = [self attributesWithDescriptor:baskervilleBold size:bodyFontSizeValue * 1.8f];    _headingThreeAttributes = [self attributesWithDescriptor:baskervilleBold size:bodyFontSizeValue * 1.4f];}

上述代码的解释如下：

1. 创建了Baskerville family的两个font descriptors。一个正常字体，一个加粗字体。
2. 获取text的大小
3. 创建要用到的属性。

第三步用到了attributesWithDescriptor: size:方法 如下：

- (NSDictionary *)attributesWithDescriptor: (UIFontDescriptor*)descriptor size:(CGFloat)size{    UIFont *font = [UIFont fontWithDescriptor:descriptor size:size];    return @{NSFontAttributeName: font};}

这个方法创建了一个字体属性字典。

接下来，就该添加解析逻辑了。在文件中添加如下的方法：

- (NSAttributedString *)parseMarkdownFile:(NSString *)path {    NSMutableAttributedString* parsedOutput = [[NSMutableAttributedString alloc] init];    // 1. 把文件分行，遍历每一行    NSString *text = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];    NSArray *lines = [text componentsSeparatedByCharactersInSet:[NSCharacterSet newlineCharacterSet]];    for(NSUInteger lineIndex=0; lineIndex
   
     3){                if ([[line substringToIndex:3] isEqualToString:@"###"]) {                    textAttributes = _headingThreeAttributes;                    line = [line substringFromIndex:3];                }else if ([[line substringToIndex:2] isEqualToString:@"##"]) {                    textAttributes = _headingTwoAttributes;                    line = [line substringFromIndex:2];                }else if ([[line substringToIndex:1] isEqualToString:@"#"]) {                    textAttributes = _headingOneAttributes;                    line = [line substringFromIndex:1];                }            }        // 3.给当前行text应用属性        NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:line attributes:textAttributes];        // 4. 拼接要输出的字符串        [parsedOutput appendAttributedString:attributedText];        [parsedOutput appendAttributedString: [[NSAttributedString alloc] initWithString:@"\n\n"]];    }     return parsedOutput;}
   

上述的方法执行了最简单的一个处理过程。依次来说明：

1. componentsSeparatedByCharactersInSet:方法把text分割成单独每一行。
2. 如果当前行过一个或者多个”#”字符，获取到当前级别的heading的文本属性。
3. 构建属性字符串
4. 拼接用来返回的字符串

现在，就开始使用解析器。打开AppDelegate.m，导入：

#import "MarkdownParser.h"

把加载markdown文件的代码替换如下：

NSString* path = [[NSBundle mainBundle] pathForResource:@"alices_adventures" ofType:@"md"];    MarkdownParser* parser = [[MarkdownParser alloc] init];    self.bookMarkup = [parser parseMarkdownFile:path];

编译并运行app，结果如下：

提高性能(Performance)

基于当前的字体大小，当前的app大约渲染了100个view。由于当放置在同一个UIScrollView中，这意味着大约有98个离屏的view也在渲染text。

这样不仅浪费了CPU和内存，也增加了app加载的时间。

打开BookViewController.m，在viewDidLoad的[super viewDidLoad]的方法后，调用如下的方法：

NSLog(@"viewDidLoad");

在viewDidLoad: 方法中加入如下的代码：

- (void)viewDidAppear:(BOOL)animated {[super viewDidAppear:animated];NSLog(@"viewDidAppear"); }

在设备上运行，你会发现，将近话费了2.2秒来启动这个app。切换到Debug Navigator栏，你会发现，它将近占据了125MBs的内存。

打开BookView.m，从buildFrames中移除掉如下的代码：

// 3        UITextView *textView = [[UITextView alloc] initWithFrame:textViewRect textContainer:textContainer];        [self addSubview:textView];

其结果是，所有的NSTextContainer都会被创建，但是响应的UITextView却没有。在buildFrames方法结尾 ，添加如下的方法。

[self buildViewsForCurrentOffset];

我们随后来添加这个方法。在这之前，要添加一些工具方法。如下：

- (NSArray *)textSubViews {    NSMutableArray *views = [NSMutableArray new];    for (UIView *subview in self.subviews) {        if ([subview class] == [UITextView class]) {            [views addObject:subview];        }    }    return views;}

这个方法会返回BookView上所有的UITextView。

接下来，添加另一个帮助方法：

- (UITextView *)textViewForContainer:(NSTextContainer *)textContainer {    for (UITextView *textView in [self textSubViews]) {        if (textView.textContainer == textContainer) {            return textView;        }    }    return nil;}

这个方法会返回持有NSTextContainer的UITextView。

最后，添加最后一个帮助方法：

- (BOOL)shouldRenderView:(CGRect)viewFrame {    if (viewFrame.origin.x + viewFrame.size.width < (self.contentOffset.x - self.bounds.size.width))        return NO;    if (viewFrame.origin.x >(self.contentOffset.x + self.bounds.size.width * 2.0))        return NO;    return YES;}

这个方法用来决定一个view是否应该被渲染。

值得注意的是，任何frame只要scroll view的可见位置，shouldRenderView都返回YES。在用户实际滑动前，也预先加载了左右的滚动位置。

有了这些帮助方法之后，就可以实现buildViewsForCurrentOffset方法了：

- (void) buildViewsForCurrentOffset {    // 1. 遍历containers    for(NSUInteger index = 0; index < _layoutManager.textContainers.count; index++) {        // 2. 获取container and view        NSTextContainer* textContainer = _layoutManager.textContainers[index];        UITextView* textView = [self textViewForContainer:textContainer];        // 3. 获取需要的frame        CGRect textViewRect = [self frameForViewAtIndex:index];        if ([self shouldRenderView:textViewRect]) {            // 4. 当前container需要被渲染            if (!textView) {                NSLog(@"Adding view at index %u", index);                UITextView* textView = [[UITextView alloc] initWithFrame:textViewRect textContainer:textContainer];                [self addSubview:textView];            }        } else {            // 5. 当前container不需要被渲染            if (textView) {                NSLog(@"Deleting view at index %u", index);                [textView removeFromSuperview];            }        }    }}

逻辑很简单：

1. 遍历所有添加到layout manager的NSTextContainer。
2. 获取渲染container的view，如果view没有被展示，textViewForContainer:会返回nil
3. 根据frame来决定是否要渲染
4. 如果要渲染，检查textView是否存在。如果存在，不处理，不存在就创建
5. 如果不需要渲染，检查textView是否存在。如果存在，就移除它。

最后一步是在用户滑动的时候调用buildViewsForCurrentOffset方法。打开BookView.h，采用<UIScrollViewDelegate>协议。

@interface BookView : UIScrollView
   

在initWithFrame方法中设置代理对象：

- (id)initWithFrame:(CGRect)frame {    self = [super initWithFrame:frame];    if (self) {        self.delegate = self;    }    return self;}

在BookView.m中实现代理方法：

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {     [self buildViewsForCurrentOffset];}

运行app，会发现如下的输出：

添加列表内容

添加一个内容列表，在不同的章节切换。

新增一个新的类，为Chapter继承自NSObject。

@interface Chapter : NSObject@property (nonatomic, copy) NSString *title;@property (nonatomic, assign) NSUInteger location;@end

在AppDelegate.h中添加一个属性

@property (nonatomic, strong) NSArray *chapters;

接下来，打开AppDelegate.m，导入Chapter类：

#import "Chapter.h"

在@end前面，添加一个新的方法：

- (NSMutableArray *)locateChapters:(NSString *)markdown {    NSMutableArray *chapters = [NSMutableArray new];    [markdown enumerateSubstringsInRange:NSMakeRange(0, markdown.length) options:NSStringEnumerationByLines usingBlock:^(NSString *substring, NSRange substringRange, NSRange enclosingRange, BOOL *stop) {        if (substring.length > 7 && [[substring substringToIndex:7] isEqualToString:@"CHAPTER"]) {            Chapter *chapter = [Chapter new];            chapter.title = substring;            chapter.location = substringRange.location;            [chapters addObject:chapter];        }    }];    return chapters;}

使用NSString的enumerateSubstringsInRange:options:usingBlock:方法，使用block来遍历每一行。对每一行，查找关键字”CHAPTER”。

继续在AppDelegate.m中，在application:didFinishLaunchingWithOptions:方法中，在解析markdown文件的后面，添加如下的代码：

self.chapters = [self locateChapters:self.bookMarkup.string];

现在，已经有了一组章节，下一步就是现实列表。

打开ChaptersViewController.m，导入如下文件：

#import "AppDelegate.h" #import "Chapter.h"

添加已一个从app delegate中获取chapter数组的方法：

- (NSArray *)chapters {    AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];    return appDelegate.chapters;}

下一步就是更新tableView的数据源来显示章节。

在ChaptersViewController.m中，更新tableView的行数的方法：

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return [self chapters].count;}

接下来，更新创建tableView cell的方法：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];    Chapter *chapter = [self chapters][indexPath.row];    cell.textLabel.text = chapter.title;    return cell;}

编译运行app，点击Chapters按钮，会显示章节：

添加章节导航(Adding chapter navigation)

打开ChaptersViewController.m，把tableView:didSelectRowAtIndexPath:方法，替换如下：

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    Chapter *chapter = [self chapters][indexPath.row];    [self.bookViewController navigateToCharacterLocation:chapter.location];}

上述代码是定位到选中的章节，要求bookViewController切换到对应的章节。

打开BookViewController.h，在接口中添加如下的声明：

- (void)navigateToCharacterLocation:(NSUInteger)location;

打开BookViewController.m，实现方法：

- (void)navigateToCharacterLocation:(NSUInteger)location{    [self.masterPopoverController dismissPopoverAnimated:YES];    [_bookView navigateToCharacterLocation:location];}

打开BookView.h，声明如下的方法：

- (void)navigateToCharacterLocation:(NSUInteger)location;

在BookView.m中，添加如下的方法：

- (void)navigateToCharacterLocation:(NSUInteger)location {    CGFloat offset = 0.0f;    for (NSTextContainer *container in _layoutManager.textContainers) {        NSRange glyphRange = [_layoutManager glyphRangeForTextContainer:container];        NSRange charRange = [_layoutManager characterRangeForGlyphRange:glyphRange actualGlyphRange:nil];        if (location >= charRange.location && location < NSMaxRange(charRange)) {            self.contentOffset = CGPointMake(offset, 0);            [self buildViewsForCurrentOffset];            return;        }        offset += self.bounds.size.width / 2.0f; }}

在ChaptersViewController.m中，设置clearsSelectionOnViewWillAppear属性：

self.clearsSelectionOnViewWillAppear = YES;

添加图片

在Text Kit中，image是使用NSTextAttachment添加到text storage中。markdow text中的图片占位符为：

![Alt text](/path/to/image.png)

这本书中的image为：

![Alice in Wonderland](alice.png)

需要匹配这个模式，使用NSTextAttachment来替换Markdown图片。

打开MarkdownParser.m，在parseMarkdownFile方法return parsedOutput语句之前，添加如下的代码：

// 1. Locate images    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\!\\[.*\\]\\((.*)\\)" options:0 error:nil];    NSArray *matches = [regex matchesInString:[parsedOutput string] options:0 range:NSMakeRange(0, parsedOutput.length)];    // 2. Iterate over matches in reverse    for (NSTextCheckingResult *result in [matches reverseObjectEnumerator]) {        NSRange matchRange = [result range];        NSRange captureRange = [result rangeAtIndex:1];        // 3. Create an attachment for each image        NSTextAttachment *textAttachment = [NSTextAttachment new];        textAttachment.image = [UIImage imageNamed:[parsedOutput.string substringWithRange:captureRange]];        // 4. Replace the image markup with the attachment        NSAttributedString *replacementString = [NSAttributedString attributedStringWithAttachment: textAttachment];        [parsedOutput replaceCharactersInRange:matchRange withAttributedString:replacementString];    }

运行结果如下：

添加查看字典(Adding dictionary lookups)

找到和高亮点击的文字

打开BookView.m，在initWithFrame方法中，在self.delegate = self语句的后面，添加如下的代码：

UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTap:)];        [self addGestureRecognizer:recognizer];

在BookView.m中，_layoutManager实例变量的后面，添加一个新的变量：

NSRange _wordCharacterRange;

这个变量存储了，选中文字的range。

实现handleTap:方法：

-(void)handleTap:(UITapGestureRecognizer*)tapRecognizer {    NSTextStorage *textStorage = _layoutManager.textStorage;    // 1    CGPoint tappedLocation = [tapRecognizer locationInView:self];    UITextView *tappedTextView = nil;    for (UITextView *textView in [self textSubViews]) {        if (CGRectContainsPoint(textView.frame, tappedLocation)) {            tappedTextView = textView;            break; }    }    if (!tappedTextView)        return;    // 2    CGPoint subViewLocation = [tapRecognizer locationInView:tappedTextView];    subViewLocation.y -= 8.0;    // 3    NSUInteger glyphIndex = [_layoutManager glyphIndexForPoint:subViewLocation inTextContainer:tappedTextView.textContainer];    NSUInteger charIndex = [_layoutManager characterIndexForGlyphAtIndex:glyphIndex];    // 4    if (![[NSCharacterSet letterCharacterSet] characterIsMember:[textStorage.string characterAtIndex:charIndex]])        return;    // 5    _wordCharacterRange = [self wordThatContainsCharacter:charIndex string:textStorage.string];    // 6    [textStorage addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:_wordCharacterRange];}

上面代码的解释如下：

1. 找到点击的UITextView
2. 转换坐标，并减去text container的边距
3. 获取点击的字形索引，把字形索引转为字符索引。
4. 检查选中的字符是否是一个letter。
5. 把字符的索引扩展到一个word的范围
6. 应用color数学

在BookView.m中，添加如下的方法：

- (NSRange)wordThatContainsCharacter:(NSUInteger)charIndex string:(NSString *)string{    NSUInteger startLocation = charIndex;    while(startLocation > 0 &&[[NSCharacterSet letterCharacterSet] characterIsMember: [string characterAtIndex:startLocation-1]]) {        startLocation--;    }    NSUInteger endLocation = charIndex;    while(endLocation < string.length &&[[NSCharacterSet letterCharacterSet] characterIsMember: [string characterAtIndex:endLocation+1]]) {        endLocation++;    }    return NSMakeRange(startLocation, endLocation-startLocation+1);}

编译并运行app，点击book的word，效果如下：

显示字典结果

新增一个协议，BookViewDelegate。

@class BookView;@protocol BookViewDelegate 
   
    - (void)bookView:(BookView *)bookView didHighlightWord:(NSString *)word inRect:(CGRect)rect;@end
   

打开BookView.h，导入协议：

#import "BookViewDelegate.h"

在接口中声明一个代理：

@property (nonatomic, weak) id
   
     bookViewDelegate;
   

打开BookView.m，定位到handleTap: ，在底部添加如下的方法：

// 1    CGRect rect = [_layoutManager lineFragmentRectForGlyphAtIndex:glyphIndex effectiveRange:nil];    // 2    NSRange wordGlyphRange = [_layoutManager glyphRangeForCharacterRange:_wordCharacterRange actualCharacterRange:nil];    CGPoint startLocation = [_layoutManager locationForGlyphAtIndex:wordGlyphRange.location];    CGPoint endLocation = [_layoutManager locationForGlyphAtIndex:NSMaxRange(wordGlyphRange)];    // 3    CGRect wordRect = CGRectMake(startLocation.x, rect.origin.y, endLocation.x - startLocation.x, rect.size.height);    // 4    wordRect = CGRectOffset(wordRect, tappedTextView.frame.origin.x, tappedTextView.frame.origin.y);    // 5    wordRect = CGRectOffset(wordRect, 0.0, 8.0);    NSString* word = [textStorage.string substringWithRange:_wordCharacterRange];    [self.bookViewDelegate bookView:self didHighlightWord:word inRect:wordRect];

打开BookViewController.m，导入

#import "BookViewDelegate.h"

采用协议：

@interface BookViewController ()
   

在viewDidLoad中设置bookView的代理：

_bookView.bookViewDelegate = self;

再声明一个变量：

UIPopoverController* _popover;

实现代理方法：

- (void)bookView:(BookView *)bookView didHighlightWord:(NSString *)word inRect:(CGRect)rect {    UIReferenceLibraryViewController *dictionaryVC = [[UIReferenceLibraryViewController alloc] initWithTerm: word]; _popover.contentViewController = dictionaryVC;    _popover = [[UIPopoverController alloc] initWithContentViewController:dictionaryVC];    _popover.delegate = self;    [_popover presentPopoverFromRect:rect inView:_bookView permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES];}

- (void)popoverControllerDidDismissPopover: (UIPopoverController *)popoverController{[_bookView removeWordHighlight];}

在BookView.h中，添加一个新方法：

- (void)removeWordHighlight;

实现如下：

- (void)removeWordHighlight {    [_layoutManager.textStorage removeAttribute:NSForegroundColorAttributeName range:_wordCharacterRange];}

结果如下：

转载地址：https://windzen.blog.csdn.net/article/details/53610037 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！