【Swift】图文混排，ios开发中在textfield或textView中插入图片

时间：2022-06-03 15:32:02

在ios开发中，我们一般都是在textfield或者textView中输入文字。当我们需要插入图片的时候其实也是很简单的

我们需要利用的textfield，textView的属性化文本，将图片以附件的形式插入

步骤如下：（以textView为了，oc中也是一样的）

  • 创建附件，同时设置好textView的字体大小（或者在storyBoard中设置） 
             //设置字体
    
         textView.font = UIFont.systemFontOfSize()
    
         //创建附件
    
         let attachment = NSTextAttachment()

  • 将附件的图片属性设置为需要插入的图片，并将附件转化为属性化文本，并设置附件的大小

  1.          //设置附件的照片
    
         attachment.image = UIImage(图片名称)
    
         //设置附件的大小（-4这个数字可以根据实际情况调试，宽高也可以自己设置，这里用字体大小做参照）
    
         attachment.bounds = CGRectMake(, -, textView.font.lineHeight, textView.font.lineHeight)
    
         //将附件转成NSAttributedString类型的属性化文本
    
         let attStr = NSAttributedString(attachment: attachment)
  • 获取目前textView中的文本，转成可变的文本，记录光标的位置，并插入上一步中的属性化的文本
  1.         //获取textView的所有文本，转成可变的文本
    
         var mutableStr = NSMutableAttributedString(attributedString: textView.attributedText)
    
         //获得目前光标的位置
    
         let selectedRange = textView.selectedRange
    
         //插入文字
    
         mutableStr.insertAttributedString(attStr, atIndex: selectedRange.location)
  • 设置新的可变文本的属性，并计算新的光标位置
  1.          //设置可变文本的字体属性
    
         mutableStr.addAttribute(NSFontAttributeName, value: UIFont.systemFontOfSize(), range: NSMakeRange(,mutableStr.length))
    
         //再次记住新的光标的位置
    
         let newSelectedRange = NSMakeRange(selectedRange.location+, )
  • 将新文本赋值给textView，并恢复光标的位置
  •          //重新给文本赋值
    
         textView.attributedText = mutableStr
    
         //恢复光标的位置（上面一句代码执行之后，光标会移到最后面）
    
         textView.selectedRange = newSelectedRange

相关文章