NGUI-制作位图字体以及图文混排
制作字體過程
首先得下載一個(gè)位圖制作工具Bitmap font generator,可以點(diǎn)擊這里下載
1、新建txt文件,輸入字體里面包含的文字
2、保存為utf-8格式:點(diǎn)擊文件另存為,選擇編碼格式為UTF-8
3、打開下載的bitmap font軟件,選擇options->font settings,設(shè)置字體等選項(xiàng)
4.選擇Edit->select chars from file,然后選擇我們剛剛建好的文件
5、選擇options->save bitmapfont as .然后就會(huì)生成兩個(gè)文件,位圖字體就算做完了。
二、在unity3d中使用位圖字體,并作圖文混排。
1、將上面生成的兩個(gè)文件導(dǎo)入unity3d項(xiàng)目中,并且導(dǎo)入NGUI資源包。
2、導(dǎo)入準(zhǔn)備好的表情圖片。(可以從QQ里面選擇表情,另存為。。)
3、制作圖集。選中字體圖片和表情圖片,然后選擇atlas maker
4、如果Atlas不是None,請(qǐng)點(diǎn)擊右側(cè)的new,這是為了新建一個(gè)干凈的圖集,然后選擇create按鈕,我們將生成的文件起名為EmotionsAtlas
5、選擇NGUI->OPEN-Font Maker制作NGUI字體,然后選擇Type為Imported Bitmap.把我們剛做好的字體和圖集(注意圖集是剛剛生成的表情+字體圖集的集合)拖到箭頭指定的地方.
6、這步非常重要,一定要把下面的圖集給X掉,這個(gè)坑貨,害得我搞了好幾次。不清掉的后果是你的字體將會(huì)疊加,打一個(gè)字,顯示很大的兩個(gè)字。。。
然后點(diǎn)擊下面的create按鈕,我們起名為LouisFont
7、選中建好的字體預(yù)制,然后點(diǎn)擊Atlas按鈕,選擇我們剛剛建好的EmotionsAtlas圖集
8、點(diǎn)擊Symbols and Emoticons,在前邊文字框里輸表情表示的字符,右邊選擇表情,然后點(diǎn)擊add,
我這里建好了3個(gè)表情
他們看起來是這樣:
最后一步,新建個(gè)NGUI,Label組件,輸入文字,就可以看到結(jié)果了。文本OverFlow建議選擇ResizeFreely,為了顯示全文本。
這幾種屬性的區(qū)別,可以點(diǎn)擊移步看我這篇筆記
最終顯示結(jié)果:
不同NGUI版本,可能制作過程有點(diǎn)小差異,大致上就是這個(gè)過程。
終于寫完博客了,又十一點(diǎn)多了,身體是革命的本錢啊,睡覺去了!
轉(zhuǎn)載于:https://www.cnblogs.com/louissong/p/3821347.html
總結(jié)
以上是生活随笔為你收集整理的NGUI-制作位图字体以及图文混排的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 获取异常信息e.printStackTr
- 下一篇: leetcode题解:Search in