TMPro 圖文混排使用

使用到的工具

1.unity
2.TexturePackerGUI

創(chuàng)建可以給 TMPro 使用的圖集資源

--TexturePackerGUI--


image.png

創(chuàng)建json格式的項(xiàng)目


image.png

拖入資源或者加載文件夾
image.png

進(jìn)行一系列操作---

  1. 選擇或新建json文件---data


    image.png
  2. 選擇或新建圖集texture---Texture

  3. 設(shè)置輸出圖集大小,anysize或者2的倍數(shù)(這個(gè)分辨率unity會(huì)自動(dòng)壓縮)

  4. 你可以選擇保存project(非必需)


    image.png
  5. 然后完成輸出

    image.png

    image.png

    就得到所需的Sprite圖集和json數(shù)據(jù)文件了(下圖的tps文件不是unity需要的)
    4什场Aぁ!!這里要注意拷获,如果導(dǎo)出的圖集是異常的紅色待榔,或者有個(gè)紅色的小推車水印在圖片上,恭喜你猎莲,你的破解或者購(gòu)買失效了绍弟,請(qǐng)嘗試激活后再重來(lái)一遍。
    image.png

在TMPro中使用

在Window->TextMeshPro->Sprite Importer


image.png
  1. 將數(shù)據(jù)文件及圖集素材添加進(jìn)Unity項(xiàng)目里
    2.選中Sprite Data Source -- json數(shù)據(jù)文件
    3.選中SpriteTexture Atlas -- 圖集圖片
    4.創(chuàng)建SpriteAseet
    5.保存SpriteAseet 可以選擇創(chuàng)建新的或者覆蓋原有的(更新圖集時(shí)使用)


    image.png

    完成--TextMeshPro可以使用的SpriteAtlas就創(chuàng)建成果了

TMPro圖集設(shè)置 及圖文混排功能使用

image.png

點(diǎn)選Sprite Character Table可以設(shè)置每張圖片的參數(shù)
image.png

我們?cè)谑褂没炫胚^程中使用的方式是通過富文本著洼,有兩種方式
<sprite=Index>對(duì)應(yīng)圖片信息的Index
<sprite name="Name">對(duì)應(yīng)圖片信息的Name
注意這些信息都都是可以自定義設(shè)置的樟遣,不過再重新制作更新并導(dǎo)入圖集的過程中會(huì)還原json數(shù)據(jù)里的信息。
包括Edit Glyph里的Rect信息
image.png

在制作新圖集的時(shí)候注意保存或設(shè)定使用規(guī)格身笤。
使用圖集
使用圖集方式有兩種1在TMPro UGUI組件欄手動(dòng)綁定 2在TMP Setting 里更改默認(rèn)的圖集
image.png

image.png

End

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末豹悬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子液荸,更是在濱河造成了極大的恐慌瞻佛,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莹弊,死亡現(xiàn)場(chǎng)離奇詭異涤久,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)忍弛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門响迂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人细疚,你說(shuō)我怎么就攤上這事蔗彤。” “怎么了疯兼?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵然遏,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我吧彪,道長(zhǎng)待侵,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任姨裸,我火速辦了婚禮秧倾,結(jié)果婚禮上怨酝,老公的妹妹穿的比我還像新娘。我一直安慰自己那先,他們只是感情好农猬,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著售淡,像睡著了一般斤葱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上揖闸,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天揍堕,我揣著相機(jī)與錄音,去河邊找鬼楔壤。 笑死鹤啡,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蹲嚣。 我是一名探鬼主播递瑰,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼隙畜!你這毒婦竟也來(lái)了抖部?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤议惰,失蹤者是張志新(化名)和其女友劉穎慎颗,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體言询,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡俯萎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了运杭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夫啊。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖辆憔,靈堂內(nèi)的尸體忽然破棺而出撇眯,到底是詐尸還是另有隱情,我是刑警寧澤虱咧,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布熊榛,位于F島的核電站,受9級(jí)特大地震影響腕巡,放射性物質(zhì)發(fā)生泄漏玄坦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一绘沉、第九天 我趴在偏房一處隱蔽的房頂上張望营搅。 院中可真熱鬧云挟,春花似錦、人聲如沸转质。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)休蟹。三九已至,卻和暖如春日矫,著一層夾襖步出監(jiān)牢的瞬間赂弓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工哪轿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盈魁,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓窃诉,卻偏偏與公主長(zhǎng)得像杨耙,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子飘痛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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

  • 需求 開發(fā)中經(jīng)常需要文字和圖片穿插使用珊膜,類似下圖 解決方案 方案1 不借助任何工具,直接生成SpriteAsset...
    能不寫代碼么閱讀 6,136評(píng)論 0 2
  • 寫在前面宣脉,最近在寫聊天系統(tǒng)车柠,這里面就有一個(gè)很重要的環(huán)節(jié)就是表情與文字混排需要解決。前段時(shí)間有客戶說(shuō)微信登錄塑猖,有的人...
    黒可樂閱讀 7,644評(píng)論 4 8
  • TexMeshPro 插件 1竹祷、創(chuàng)建項(xiàng)目pro后,help-》 導(dǎo)入TextMeshPro插件然后windown...
    下雨天1993閱讀 291評(píng)論 0 0
  • iOS 開發(fā)中圖文混排除了用 CoreText 等方案以外羊苟,這里演示另外一種比較主流方案塑陵。用 WebView + ...
    xuyafei86閱讀 4,857評(píng)論 3 20
  • 圖文混排在iOS開發(fā)中經(jīng)常遇到, 故總結(jié)了多種解決方案, 以便將來(lái)使用。本文先總結(jié)簡(jiǎn)單的方法-對(duì)控件的使用践险。這些控...
    嘯寒閱讀 2,200評(píng)論 0 9