上手實(shí)踐 Text Kit 的應(yīng)用
前兩天參加 iDev 大會(huì)的間隙茉盏，嘗試著寫了一個(gè)“字里行間”的 Demo，用 Collection View 將基本 UI 界面搭好后饿敲，其中的難點(diǎn)便是寫文章時(shí)對(duì)于富文本的編輯了辽幌。那么基茵，據(jù)說 Text Kit，這個(gè)蘋果在發(fā)布 iOS 7 時(shí)帶給開發(fā)者的利器可以實(shí)現(xiàn)這一點(diǎn)手趣。
以下晌该，便是我們要實(shí)現(xiàn)的效果了÷淘或者也可以下載“字里行間”體驗(yàn)一下朝群，相信你會(huì)喜歡上它的。
先來看看 Text Kit 的架構(gòu)
- NSTextStorage
繼承自
NSAttributedString中符，用來保存并管理字符串以及文本屬性姜胖，并在這些信息發(fā)生修改時(shí)通知NSLayoutManager〉砩ⅲ可以理解為觀察者模式中右莱，被觀察的 Model蚜锨。
- NSLayoutManager
中間組件，負(fù)責(zé)監(jiān)聽
NSTextStorage文本屬性修改發(fā)出的通知慢蜓，并應(yīng)用 Core Text 啟動(dòng)布局進(jìn)程亚再，并向NSTextContainer獲取可用空間進(jìn)行填充渲染。可以理解為 MVC 中的 Controller
- NSTextContainer
控制文本在
UITextView中文本的可繪制區(qū)域晨抡。
- UITextView
實(shí)現(xiàn)
UITextInput協(xié)議氛悬，處理用戶交互，并將文本修改信息轉(zhuǎn)發(fā)給NSTextStorage進(jìn)行實(shí)際的更改耘柱。
開始寫代碼吧
自定義一個(gè)繼承 NSTextStorage 的類
class ZiInteractiveTextStorage: NSTextStorage {
let backingStore = NSMutableAttributedString()
override var string: String {
return backingStore.string
}
override func attributes(at location: Int, effectiveRange range: NSRangePointer?) -> [String : Any] {
return backingStore.attributes(at: location, effectiveRange: range)
}
override func replaceCharacters(in range: NSRange, with str: String) {
print("replaceCharactersInRange\(range) withString:\(str)")
beginEditing()
backingStore.replaceCharacters(in: range, with: str)
edited([.editedCharacters, .editedAttributes], range: range, changeInLength: (str as NSString).length - range.length)
endEditing()
}
override func setAttributes(_ attrs: [String : Any]?, range: NSRange) {
print("setAttributes:\(attrs) range:\(range)")
beginEditing()
backingStore.setAttributes(attrs, range: range)
edited(.editedAttributes, range: range, changeInLength: 0)
endEditing()
}
public func performReplacemetsFor(changedRange: NSRange) {
let extendedRange = NSUnionRange(changedRange, NSString(string: backingStore.string).lineRange(for: NSMakeRange(NSMaxRange(changedRange), 0)))
applyStyleTo(extendedRange) // 自定義富文本格式的修改規(guī)則
}
override func processEditing() {
performReplacemetsFor(changedRange: editedRange)
super.processEditing()
}
}
在控制器中創(chuàng)建使用自定義
NSTextStorage的UITextView
class EditCreationViewController: UIViewController {
var textView: UITextView!
var textStorage: ZiInteractiveTextStorage!
func createTextView() {
let attrString = template.content.utf8Data?.attributedString
textStorage = ZiInteractiveTextStorage()
textStorage.append(attrString!)
let newTextViewRect = view.bounds
let layoutManager = NSLayoutManager()
let containerSize = CGSize(width: newTextViewRect.width, height: CGFloat.greatestFiniteMagnitude)
let container = NSTextContainer(size: containerSize)
container.widthTracksTextView = true
layoutManager.addTextContainer(container)
textStorage.addLayoutManager(layoutManager)
textView = UITextView(frame: newTextViewRect, textContainer: container)
textView.delegate = self
view.addSubview(textView)
}
}
這樣如捅，就實(shí)現(xiàn)了輸入時(shí)按富文本格式的規(guī)則動(dòng)態(tài)布局文本樣式。
下一篇帆谍，我們?cè)賮砜纯?iOS 7.0 之前沒有 Text Kit 時(shí)伪朽，是如何應(yīng)用 Core Text 進(jìn)行排版布局，也就是 Text Kit 中 NSLayoutManager 為我們做了些什么汛蝙。
更多參考
Getting to Know TextKit (Objective-C)
