如果全宽并且位于textContainer顶部，则UITextView textContainer排除路径将失败

Question

在iOS 8中，我正在尝试添加UIImageView作为UITextView的子视图，类似于此处所示 - 但是图像下方的文本。

我想使用排除路径来执行此操作，因为在其他设备上，我可能会根据屏幕大小对图像进行不同的定位。

但是有一个问题，如果用于创建排除路径的CGRect的Y原点为0，并占用textView的整个宽度，则排除失败并且文本显示在排除路径中（因此文本显示在后面imageView，你可以在截图中看到）。

为了测试这个，我使用“单视图”Xcode模板构建了一个简单的应用程序，具有以下内容：

- (void)viewDidLoad {
    [super viewDidLoad];

    // set up the textView
    CGRect frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
    UITextView *textView = [[UITextView alloc] initWithFrame:frame];
    [textView setFont:[UIFont systemFontOfSize:36.0]];
    [self.view addSubview:textView];
    textView.text = @"I wish this text appeared below the exclusion rect and not within it.";


    // add the photo

    CGFloat textViewWidth = textView.frame.size.width;

    // uncomment if you want to see that the exclusion path DOES work when not taking up the full width:
    // textViewWidth = textViewWidth / 2.0;

    CGFloat originY = 0.0;

    // uncomment if you want to see that the exclusion path DOES work if the Y origin isn't 0
    // originY = 54.0;

    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"photo_thumbnail"]];
    imageView.frame = CGRectMake(0, originY, textViewWidth, textViewWidth);
    imageView.alpha = 0.7; // just so you can see that the text is within the exclusion path (behind photo)
    [textView addSubview:imageView];


    // set the exclusion path (to the same rect as the imageView)
    CGRect exclusionRect = [textView convertRect:imageView.bounds fromView:imageView];
    UIBezierPath *exclusionPath = [UIBezierPath bezierPathWithRect:exclusionRect];
    textView.textContainer.exclusionPaths = @[exclusionPath];
}

我还尝试了子类化NSTextContainer并重写-lineFragmentRectForProposedRect方法，但调整Y原点似乎也没有帮助。

要使用自定义NSTextContainer，我在viewDidLoad（）中设置了这样的UITextView堆栈：

// set up the textView stack
NSTextStorage *textStorage = [[NSTextStorage alloc] init];

NSLayoutManager *layoutManager = [[NSLayoutManager alloc] init];
[textStorage addLayoutManager:layoutManager];

CGSize containerSize = CGSizeMake(self.view.frame.size.width, CGFLOAT_MAX);
CustomTextContainer *textContainer = [[CustomTextContainer alloc] initWithSize:containerSize];
[layoutManager addTextContainer:textContainer];

CGRect frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
UITextView *textView = [[UITextView alloc] initWithFrame:frame textContainer:textContainer];
[textView setFont:[UIFont systemFontOfSize:36.0]];
[self.view addSubview:textView];

textView.text = @"I wish this text appeared below the exclusion rect and not within it.";

然后我像这样调整CustomTextContainer中的Y原点......但是这个失败就像这样：

- (CGRect)lineFragmentRectForProposedRect:(CGRect)proposedRect atIndex:(NSUInteger)characterIndex writingDirection:(NSWritingDirection)baseWritingDirection remainingRect:(CGRect *)remainingRect {

    CGRect correctedRect = proposedRect;

    if (correctedRect.origin.y == 0) {
        correctedRect.origin.y += 414.0;
    }

    correctedRect = [super lineFragmentRectForProposedRect:correctedRect atIndex:characterIndex writingDirection:baseWritingDirection remainingRect:remainingRect];

    NSLog(@"origin.y: %f | characterIndex: %lu", correctedRect.origin.y, (unsigned long)characterIndex);

    return correctedRect;
}

我想这可以被认为是我需要报告的Apple漏洞（除非我遗漏了一些明显的东西），但是如果有人有一个解决方法，那将非常感激。

Answer 1

这是一个老bug。在“ 推动极限iOS 7编程 ”一书中，作者在第377页中写道：

在撰写本文时，Text Kit无法正确处理某些类型的排除路径。 特别是，如果您的排除路径会强制某些行为空，则整个布局可能会失败。 例如，如果您尝试以这种方式在圆圈中布置文本，则圆圈的顶部可能太小而无法包含任何文本，并且NSLayoutManager将无声地失败。 此限制会影响NSTextContainer的所有用途。 具体来说，如果lineFragmentRectForProposedRect：atIndex：writingDirection：remainingRect：永远返回一个空的CGRect，整个布局将失败。

也许你可以覆盖lineFragmentRectForProposedRect:atIndex:writingDirection:remainingRect ：你的自定义NSTextContainer来解决方法。

Answer 2

我也遇到过这个问题。 如果只需要在textView的顶部或底部排除全宽空格，则可以使用textContainerInset 。

Answer 3

解决方法建议：

在文本中添加换行符。

textView.text = "\\n" + textView.text

Answer 4

快速解决方法：

CGRect exclusionRect = [textView convertRect:imageView.bounds fromView:imageView];
if (exclusionRect.origin.x <= 0 && exclusionRect.origin.y <= 0 && exclusionRect.size.width >= textView.bounds.size.width) {
  exclusionRect.origin.x = 1;
  exclusionRect.origin.y = 1;
  exclusionRect.size.width -= 2;
}

您的图像仍将绘制相同的图像，除非您使用的字体宽度为1px（我甚至不确定是否可以通过字距调整等），您的exclusionRect将保证小于整个宽度。

我很想知道如果你允许你的矩形实时移动你会看到什么样的结果。 附加UIPanGestureRecognizer并在屏幕上平移时更新您的exclusionRect 。 文本在什么时候跳入图像？

编辑 ：如果您遇到问题，直到它能够容纳至少一个字符，可以尝试调整您的文本框架。

if (exclusionRect.origin.x <= 0 && exclusionRect.origin.y <= 0 && exclusionRect.size.width >= textView.bounds.size.width) {
  frame.origin.y += CGRectGetMaxY(exclusionRect);
  frame.size.height -= CGRectGetMaxY(exclusionRect);
  [textView setFrame:frame];
}