你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS編程技術 >> UITextView實現圖文混排效果

UITextView實現圖文混排效果

編輯:IOS編程技術

用UITextView實現圖文混排效果的展示,首先要禁用UITextView的編輯功能,將屬性editable設置為NO

1.首先創建一個NSTextAttachment對象,這個對象有一個image屬性,可以將需要顯示的圖片賦值給這個屬性

NSTextAttachment *attachment = [[NSTextAttachment alloc] init];
attachment.image = [UIImage imageNamed:@"imageName"];

2.將attachment對象轉換成屬性字符串,以便之後將圖片顯示在文本中

NSMutableAttributedString *attachmentString = (NSMutableAttributedString *)[NSAttributedString attributedStringWithAttachment:attachment];

3.將圖片插入文本

[_textView.textStorage appendAttributedString:attachmentString];

如果圖片插入的位置不是在文本末尾的話,可以用 insertAttributedString: atIndex: 這個方法

4.圖片的顯示默認是按照原大小進行渲染,如果對圖像大小有要求,需要調整圖像大小的話,可以創建一個NSTextAttachment的子類,然後實現NSTextAttachmentContainer協議的這個方法

- (CGRect)attachmentBoundsForTextContainer:(NSTextContainer *)textContainer proposedLineFragment:(CGRect)lineFrag glyphPosition:(CGPoint)position characterIndex:(NSUInteger)charIndex;

這個方法會返回一個attachment的CGRect,如果需要調整attachment的大小,可以在這裡面進行,也可以在裡面限制attachment的大小

5.對於UITextView中的圖片,如果想要點擊效果的話,可以實現UITextViewDelegate這個協議裡面的方法

- (BOOL)textView:(UITextView *)textView shouldInteractWithTextAttachment:(NSTextAttachment *)textAttachment inRange:(NSRange)characterRange;

具體的點擊效果可以寫在上面這個方法中,最後的返回值為YES,則圖片可以被復制、保存,返回值NO則不能,但是都不會影響返回之前的其他操作

6.對文字和圖片的其他展示效果,可以用NSAttributedString來實現

7.如果想要實現實時編輯長圖文的話,同樣也是先將圖片轉成attachment,然後在進行相同的操作就可以了,但是要先將textView的editable屬性改成YES

下面是我做好的圖文混排效果展示

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved