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

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

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

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

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

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

  1. 1         //设置附件的照片
2         attachment.image = UIImage(图片名称)
3         //设置附件的大小（-4这个数字可以根据实际情况调试，宽高也可以自己设置，这里用字体大小做参照）
4         attachment.bounds = CGRectMake(0, -4, textView.font.lineHeight, textView.font.lineHeight)
5         //将附件转成NSAttributedString类型的属性化文本
6         let attStr = NSAttributedString(attachment: attachment)

     

  • 获取目前textView中的文本，转成可变的文本，记录光标的位置，并插入上一步中的属性化的文本
  1. 1        //获取textView的所有文本，转成可变的文本
2         var mutableStr = NSMutableAttributedString(attributedString: textView.attributedText)
3         //获得目前光标的位置
4         let selectedRange = textView.selectedRange
5         //插入文字
6         mutableStr.insertAttributedString(attStr, atIndex: selectedRange.location)

     

  • 设置新的可变文本的属性，并计算新的光标位置
  1. 1         //设置可变文本的字体属性
2         mutableStr.addAttribute(NSFontAttributeName, value: UIFont.systemFontOfSize(24), range: NSMakeRange(0,mutableStr.length))
3         //再次记住新的光标的位置
4         let newSelectedRange = NSMakeRange(selectedRange.location+1, 0)

     

  • 将新文本赋值给textView，并恢复光标的位置
  • 1         //重新给文本赋值
2         textView.attributedText = mutableStr
3         //恢复光标的位置（上面一句代码执行之后，光标会移到最后面）
4         textView.selectedRange = newSelectedRange

     

 

posted on 2015-05-25 19:51  歌飘渺  阅读(3290)  评论(0)  编辑  收藏  举报

导航