美文网首页
ios使用UITextView布局实现填空题

ios使用UITextView布局实现填空题

作者: 90后的晨仔 | 来源:发表于2018-11-14 22:26 被阅读260次
        最近在做项目的时候在实现一个填空题的时候遇到一个问题,如下图所示自定义的空格视图布局乱了,在不懈的努力下终于解决了这个问题,现在记录一下。
    48406673-01f53280-e770-11e8-8cd6-65fbffe7ac94.png
        一、如果感兴趣的朋友可以去研究研究以下两个三方。

    【TYText 与TYAttributedLabel是同一个】https://github.com/12207480/TYText
    【YYText】https://github.com/ibireme/YYText

        二、以上两个三方都可以实现,但是时间紧促,TYText提供的案例比较容易快速上手,所以就选择了它,具体使用方法大家可以去看看它的案例。在使用中遇到的问题,解决方法如下:
        经过查看源码分析如下:

    1.实现过程简单来说就是:
    UITextView是可以使用富文本【NSMutableAttributedString】来进行绘制赋值的,然而在 【NSMutableAttributedString】 有一个【NSTextAttachment】对象我们可以通过对它的操作来达到上图中的效果。

    2.自定义的横线视图在左上角,是因为横线视图的x轴和y轴为(0,0)导致的。之前以为那只是最后一个自定义视图跑上去了,结果在xcode上的UI调试器发现没有出现在可视区域的视图都在哪里重叠显示着。

    3.看完源码发现:在YYText中有一个方法,这个方法是只要UITextView绘制就会调用它,然后它的子对象布局就在【addAttachmentViews】这个方法中。

    - (void)layoutManager:(TYLayoutManager *)layoutManager drawGlyphsForGlyphRange:(NSRange)glyphsToShow atPoint:(CGPoint)origin {
        [self addAttachmentViews];
    }
    

    4.继续查看 addAttachmentViews方法的实现发现有一段代码引起了我的注意。

    
    - (void)addAttachmentViews {
    
        NSArray *attachments = _textRender.attachmentViews;
        if (!_attachments && !attachments) {
            return;
        }
        NSSet *attachmentSet = [NSSet setWithArray:attachments];
        for (TYTextAttachment *attachment in _attachments) {
            if (!attachmentSet || ![attachmentSet containsObject:attachment]) {
                [attachment removeFromSuperView:self];
            }
        }
      
        NSRange visibleRange = [_textRender visibleCharacterRange];
        for (TYTextAttachment *attachment in attachments) {
            if (NSLocationInRange(attachment.range.location, visibleRange)) {
                
                     CGRect rect = {attachment.position,attachment.size};
                    [attachment addToSuperView:self];
                    attachment.frame = rect;
                           
            }else {
                [attachment removeFromSuperView:self];
            }
        }
        
        _attachments = attachments;
    }
    
    
    1. position、size一看就是对自定义的那个对象位置的赋值操作,所以问题就在这里,当UITextView不满一屏幕的时候,没有在可视区域内的对象他的x和y轴是没有值的只有在滚动之后他出现过才会有值。
        CGRect rect = {attachment.position,attachment.size};
                    [attachment addToSuperView:self];
                    attachment.frame = rect;
                           
    

    6.将方法修改为如下方式就好了

     if (attachment.position.x > 0 && attachment.position.y > 0) {                               CGRect rect = {attachment.position,attachment.size};                
        [attachment addToSuperView:self];
             attachment.frame = rect;
                 }
    

    相关文章

      网友评论

          本文标题:ios使用UITextView布局实现填空题

          本文链接:https://www.haomeiwen.com/subject/fxpsfqtx.html