Swift3.0圖文混排進(jìn)階(一)數(shù)據(jù)準(zhǔn)備

基于Swift寫一個(gè)小輪子坯癣,使用微博的表情素材买决,簡單友好的生成屬性文本寫下此篇莲绰,記錄其中的知識(shí)點(diǎn)


一捧毛、從磁盤加載表情數(shù)據(jù)(數(shù)據(jù)準(zhǔn)備)

畫了個(gè)記載數(shù)據(jù)的思維圖观堂,可以對(duì)照著下面的代碼理一下思路:


加載bundle數(shù)據(jù).png

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); 
屏幕快照 2016-10-17 上午12.30.02.png

最后奉上demo地址:https://github.com/iosyaowei/YWFace-Demo
可以關(guān)注下技健,會(huì)持續(xù)更新。惰拱。雌贱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市弓颈,隨后出現(xiàn)的幾起案子帽芽,更是在濱河造成了極大的恐慌,老刑警劉巖翔冀,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件导街,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡纤子,警方通過查閱死者的電腦和手機(jī)搬瑰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來控硼,“玉大人泽论,你說我怎么就攤上這事】ㄇ” “怎么了翼悴?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長幔妨。 經(jīng)常有香客問我鹦赎,道長,這世上最難降的妖魔是什么误堡? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任古话,我火速辦了婚禮,結(jié)果婚禮上锁施,老公的妹妹穿的比我還像新娘陪踩。我一直安慰自己,他們只是感情好悉抵,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布肩狂。 她就那樣靜靜地躺著,像睡著了一般姥饰。 火紅的嫁衣襯著肌膚如雪婚温。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天媳否,我揣著相機(jī)與錄音栅螟,去河邊找鬼荆秦。 笑死,一個(gè)胖子當(dāng)著我的面吹牛力图,可吹牛的內(nèi)容都是我干的步绸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼吃媒,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瓤介!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起赘那,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤刑桑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后募舟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體祠斧,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年拱礁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了琢锋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡呢灶,死狀恐怖吴超,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鸯乃,我是刑警寧澤鲸阻,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站缨睡,受9級(jí)特大地震影響赘娄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜宏蛉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望性置。 院中可真熱鬧拾并,春花似錦、人聲如沸鹏浅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽隐砸。三九已至之碗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間季希,已是汗流浹背褪那。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工幽纷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人博敬。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓友浸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親偏窝。 傳聞我的和親對(duì)象是個(gè)殘疾皇子收恢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容