iOS富文本 背景：前些天突然想做一個筆記本功能，一開始，覺得挺簡單的呀，一個UITextView,網(wǎng)絡(luò)緩存也不干了，直接本地NSUserDefault存儲，然后完事了，美工，弄幾張好看的圖片，加幾個動畫，也就這樣了。接著，按照慣例，查看已有的備忘錄軟件，其app store知名的軟件:Weiconote等。 才發(fā)現(xiàn)沒那么簡單。這里先不考慮圖文混排的問題，首先面對的就是：鍵盤隱藏之后，文字的位置移動問題啦。細(xì)心的體驗后發(fā)現(xiàn)：系統(tǒng)的備忘錄，已經(jīng)一些做得好的軟件，都會進(jìn)行一些處理，例如： 1.當(dāng)我編輯的時候，光標(biāo)應(yīng)該是一直不被鍵盤高度隱藏的才對。 2.我在文字中間進(jìn)行編輯的話，編輯完成隱藏鍵盤，UITextView的文字位置這個時候應(yīng)該是我剛才編輯的部分。 于是開始寫： 1. 查看了暴露出來的API，屬性，不被鍵盤高度遮住，frame，contentInset，textContainerInset，都可以做到。 根據(jù)鍵盤的本身的 notification?，或者UITextView delegate ，能輕易做到。 部分代碼： 2.解決方法比較麻煩，查看了所有的api，就只有父類的這個api有用的： - (void)scrollRectToVisible:(CGRect)rect animated:(bool)animate; 接下來的問題來了，根據(jù)光標(biāo)當(dāng)前的位置高度，手動計算屬性，然后，獲取要移動的位置，進(jìn)行跳轉(zhuǎn)。因為默認(rèn)的情況是：只要鍵盤隱藏了，會自動跳到UITextView的最前面的。至于獲取光標(biāo)位置，以及計算移動的位置的問題，可以很快查到資料的。 這里的這位哥，也遇到同樣的問題，解決方式也是一樣的。?http://petersteinberger.com/blog/2014/fixing-uitextview-on-ios-7/?里邊也已經(jīng)有了github源碼分享。（不做重復(fù)的事情） 事實上，問題2最好的解決方式是：自己根據(jù)TextKit封裝一個UITextView... 上面的背景就是這樣了，解決了問題后，發(fā)現(xiàn)，為什么不順便把圖文混排的問題也一次性解決了。一直以來，富文本編輯都是沒有深入的，之前也是直接用的開源代碼，或者UIWebView，總是心里不踏實，卡頓的情況偶爾發(fā)生，非常不開心。于是，接下來，才是今天主要想分享的東西了：富文本問題。 關(guān)鍵詞：coretext textkit 第三方庫分析：DTCoretext?M80AttributedLabel?FastText EGOText 官網(wǎng)參考資料： UITextKit:?https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/Introduction/Introduction.html CoreText:?https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/CoreText_Programming/Introduction/Introduction.html#//apple_ref/doc/uid/TP40005533 TextKit能讓我們自己手動管理字體的顏色，樣式（Text?Layout），觸摸事件，排版，圖文的混排規(guī)則。 Textkit是基于CoreText的，與WebKit是兩個不同的分支。我主要查看的也是TextKit，用coreText太麻煩了。而它們之間的關(guān)系邏輯如下圖所示： 具體到顯示上，渲染的流程是先從存儲的NSTextStorage中獲取text以及它的attributes，再經(jīng)過NSLayoutManager布局顯示容器包括形狀，大小等，再經(jīng)過NSTextContainer布局呈具體的顯示，最后展示在UI上。渲染和實現(xiàn)的流程： 這里注意描述：By using multiple text containers, each with an associated text view, more complex layout arrangements are possible.? 到了這里，基本心理有個譜了。大致清楚這個邏輯了。接下來細(xì)分一下： a.這里，先說一下具體到文本的樣式，先上一張官方的說明圖： 我們可以設(shè)置文字的字體各種細(xì)節(jié)，段落排版，對其方式，縮進(jìn)規(guī)則等。 關(guān)于樣式：自帶有六種，通過UIFont直接設(shè)置： UIFontTextStyleHeadline,?UIFontTextStyleSubheadline,?UIFontTextStyleBody,?UIFontTextStyleFootnot,?UIFontTextStyleCaption1,?UIFontTextStyleCaption2 b.然后開始寫圖文混排了 參考代碼： NSMutableAttributedString *string; 通過插入NSTextAttachment設(shè)置image對象，其中NSTextAttachment可以繼承重寫方法實現(xiàn)修改插入內(nèi)容大小。 這里實際上就是找到一個NSRange位置然后插入圖片，常見的插入表情。然后表情轉(zhuǎn)換成字符串輸出出來。字符串再轉(zhuǎn)換成圖片輸出。 我們可以遍歷輸入的字符串，通過NSTextStorage設(shè)置字符串的字體，進(jìn)行自定義規(guī)則處理等，例如，##進(jìn)行標(biāo)題大寫,高亮等。 通過NSLayoutManager來設(shè)置輸入文本內(nèi)容行數(shù)，文本段的縮進(jìn)規(guī)則，行間距等。 通過NSTextContainer來設(shè)置文字的布局方式，例如圖文環(huán)繞方式，等。 基本的Text Kit 功能這樣子了，基本能滿足富文本的所有要求了。自己排版，按照自己項目的業(yè)務(wù)邏輯做一些事情。 最后還是附加開頭提到的一些庫，閱讀好的源碼分析比什么都好： M80AttributedLabel：基本的TextKit封裝，代碼易懂，例子非常好用簡單，試過效果挺好，需要做一些性能優(yōu)化處理。 DTCoretext: CoreText封裝，解析正規(guī)的HTML源碼，展示出來成富文本，非常強大，如果安卓端和IOS使用同一套接口的時候，就非常好用了。兼容問題。 部分參考鏈接： http://esoftmobile.com/2013/10/17/text-kit%E8%BF%9B%E9%98%B6/#more https://github.com/xiangwangfeng/M80AttributedLabel https://github.com/Cocoanetics/DTCoreText ?：DTCoreText 運行的時候有提示需要先進(jìn)行：git submodule init? update? posted on 2015-04-16 11:35 yanshanLove 閱讀(...) 評論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/Lxiaolong/p/4431589.html

總結(jié)

以上是生活随笔為你收集整理的iOS富文本的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。