基于Swift寫一個(gè)小輪子坯癣,使用微博的表情素材买决,簡單友好的生成屬性文本寫下此篇莲绰,記錄其中的知識(shí)點(diǎn)
一捧毛、從磁盤加載表情數(shù)據(jù)(數(shù)據(jù)準(zhǔn)備)
畫了個(gè)記載數(shù)據(jù)的思維圖观堂,可以對(duì)照著下面的代碼理一下思路:
1.獲取自定義bundle让网,加載plist
創(chuàng)建YWEmoticonManager類,一般除了類需要做模型字典轉(zhuǎn)換操作的师痕,不然都不要繼承NSObject溃睹,使用單例,因?yàn)橐确兀话沩?xiàng)目中因篇,很多地方都要展示表情,這樣我們就可以不用每次都需要去磁盤加載數(shù)據(jù)了笔横,構(gòu)造函數(shù) 如果在init之前增加private 修飾符竞滓,可以要求調(diào)用者必須通過 shared 訪問對(duì)象, OC 要重寫 allocWithZone方法吹缔,然后讀取emoticons.plist商佑,如果Bundle按照默認(rèn)的結(jié)構(gòu)目錄設(shè)定,就可以直接讀取Resourse目錄文件,這樣我們就拿到了plist文件:
guard let path = Bundle.main.path(forResource: "HMEmoticon", ofType: "bundle"),
let bundle = Bundle(path: path),
let plistPath = bundle.path(forResource: "emoticons", ofType: "plist"),
let array = NSArray(contentsOfFile: plistPath) as? [[String:String]] else {
return
}
2.建立數(shù)據(jù)模型
模型轉(zhuǎn)化使用YYModel厢塘,所以現(xiàn)行導(dǎo)入YYModel繼續(xù)接下來的操作:
- 建立表情模型
///表情類型 false-圖片表情/true-emoji
var type = false
/// 表情字符串茶没,發(fā)送給服務(wù)器(節(jié)約流量)
var chs: String?
/// 表情的圖片名稱,用于本地圖文混排
var png: String?
/// emoji 16進(jìn)制編碼
var code: String?
override var description: String{
return yy_modelDescription()
}
- 建立表情包模型
/// 表情包的分組名
var groupName: String?
/// 表情包目錄晚碾,從目錄下加載info.plist 可以創(chuàng)建表情模型數(shù)組
var directory: String?
/// 懶加載表情模型空數(shù)組礁叔,使用懶加載可以避免后續(xù)的解包
lazy var emoticonArr = [YWEmoticon]()
override var description: String{
return yy_modelDescription()
}
3.加載表情包數(shù)據(jù)數(shù)組
/// 表情包懶加載數(shù)組
lazy var packageArr = [YWEmoticonPackage]()
guard let path = Bundle.main.path(forResource: "HMEmoticon", ofType: "bundle"),
let bundle = Bundle(path: path),
let plistPath = bundle.path(forResource: "emoticons", ofType: "plist"),
let array = NSArray(contentsOfFile: plistPath) as? [[String:String]],
let modelArr = NSArray.yy_modelArray(with: YWEmoticonPackage.self, json: array) as? [YWEmoticonPackage] else {
return
}
//設(shè)置表情包數(shù)組 使用 += 不會(huì)再次給packetArr 分配空間, 直接追加數(shù)據(jù)
packageArr += modelArr
4.加載表情表情模型數(shù)組
在YWEmoticonPackage模型的directory屬性的didSet方法中迄薄,取出directory目錄中的info.plist加載表情模型數(shù)組
/// 表情包目錄,從目錄下加載info.plist 可以創(chuàng)建表情模型數(shù)組
var directory: String?{
//當(dāng)設(shè)置目錄時(shí)候煮岁,從目錄下加載 info.plist
didSet {
guard let directory = directory,
let path = Bundle.main.path(forResource: "HMEmoticon", ofType: "bundle"),
let bundle = Bundle(path: path),
let infoPath = bundle.path(forResource: "info", ofType: "plist", inDirectory: directory),
let array = NSArray(contentsOfFile: infoPath) as? [[String: String]],
let modelArr = NSArray.yy_modelArray(with: YWEmoticon.self, json: array) as? [YWEmoticon]else {
return
}
//設(shè)置表情模型數(shù)組
emoticonArr += modelArr
}
} ```
####5.表情模型增加目錄屬性讥蔽,圖像的計(jì)算想屬性,方便獲取圖像
/// 表情模型所在的目錄
var directory: String?
/// 圖片表情對(duì)用的圖像
var image:UIImage?{
//判斷表情類型
if type {
return nil
}
guard let directory = directory,
let png = png,
let path = Bundle.main.path(forResource: "HMEmoticon", ofType: "bundle"),
let bundle = Bundle(path:path) else {
return nil
}
return UIImage(named: "\(directory)/\(png)", in: bundle, compatibleWith: nil)
}```
6.添加表情包數(shù)組過濾表情方法
插播關(guān)于OC數(shù)組中 使用謂詞過濾的數(shù)組的用法
裝逼解釋:謂詞是OC中提供了的針對(duì)數(shù)組處理画机,它的作用和數(shù)據(jù)庫中的查詢操作操作很像冶伞,我們可以通過簡單的謂詞語句對(duì)數(shù)組進(jìn)行查找和過濾。
extension YWEmoticonManager {
/// 根據(jù)string [愛你] 在所有的表情符號(hào)中查找對(duì)應(yīng)是表情模型
///
/// - 如果找到返回表情模型
/// - 否則 返回nil
func findEmoticon(string:String?) -> YWEmoticon? {
//遍歷表情包 OC中過濾數(shù)組使用[謂詞] swift 更簡單
for p in packageArr {
//在表情數(shù)組中過濾 string
let result = p.emoticonArr.filter({ (em) -> Bool in
return em.chs == string
})
// 判斷 結(jié)果數(shù)組的數(shù)量
if result.count == 1 {
return result[0]
}
}
return nil
}
}```
####7.擴(kuò)展一下閉包的三種簡寫方式
//方法1.在表情數(shù)組中過濾 string
// let result = p.emoticonArr.filter({ (em) -> Bool in
// return em.chs == string
// })
//方法2.尾隨閉包 - 當(dāng)閉包是最后一個(gè)參數(shù)步氏,圓括號(hào)可以提前結(jié)束
// let result = p.emoticonArr.filter(){ (em) -> Bool in
// return em.chs == string
// }
//方法3.如果閉包中只有一句响禽,并且是返回,閉包格式可以省略【閉包格式 指的是 in之前的語句】荚醒,參數(shù)省略之后芋类,使用$0,$1依次替代
// let result = p.emoticonArr.filter(){
// return $0.chs == string
// }
//方法4.如果閉包中只有一句,并且是返回界阁,閉包格式可以省略【閉包格式 指的是 in之前的語句】侯繁,參數(shù)省略之后,使用$0,$1依次替代,return也可以省略
let result = p.emoticonArr.filter(){ $0.chs == string} ```
8.根據(jù)當(dāng)前的表情模型泡躯,生成圖像的屬性文本
在表情模型中贮竟,實(shí)現(xiàn)此方法
//根據(jù)當(dāng)前的圖像丽焊,生成圖像的屬性文本
func imageText(font:UIFont) -> NSAttributedString {
//判斷圖像是否存在
guard let image = image else {
return NSAttributedString(string: "")
}
//創(chuàng)建文本附件 -圖像
let attachment = NSTextAttachment()
attachment.image = image
//lineHeight 大致和字體大小相等
let height = font.lineHeight
attachment.bounds = CGRect(x: 0, y: -4, width: height, height: height)
//返回圖像屬性文本
return NSAttributedString(attachment: attachment)
}
8.至此,初步的封裝就做好了咕别,我們可以測(cè)試一下
//測(cè)試直接生成表情屬性文本
let emo = YWEmoticonManager.shared.findEmoticon(string: "[馬到成功]")
testlabel.attributedText = emo?.imageText(font: testlabel.font);
最后奉上demo地址:https://github.com/iosyaowei/YWFace-Demo
可以關(guān)注下技健,會(huì)持續(xù)更新。惰拱。雌贱。