UniGui使用IconFont圖標


這是寶寶的原文地址:http://blog.hanxuebaobao.com/?p=89

UniGui使用IconFont字體圖標之前已經介紹過,UniGUi版本1.7.0.1500以后增加了Custom,使用第三方圖標變得更簡單了。

關於IconFont.cn的使用,請參考另一篇文章

選擇完自己的圖標后,下載自己項目的圖標文件解壓,然后把解壓后的文件夾復制到Unigui工程的files文件夾下(筆者喜歡放到resource下)

UniGui使用IconFont圖標(新)

然后在uniservermodule的customfiles里添加字體的引用

UniGui使用IconFont圖標(新)

然后在UniNativeImageList里新建圖標,Font Family選擇Custom,IconCls填寫圖標名稱

UniGui使用IconFont圖標(新)

圖標名稱的填寫方法,首先在IconFont后天鼠標懸浮到要添加的圖標上,點擊復制代碼

UniGui使用IconFont圖標(新)

然后在IconCls里 先添加 icon iconfont 然后粘貼上剛才復制的代碼

UniGui使用IconFont圖標(新)

注意空格,然后就完成了圖標的添加,項目中直接使用即可

UniGui使用IconFont圖標(新)

UniGui使用IconFont圖標(新)

就是這么簡單

擴展一點,如何修改圖標顏色,首先在uniservermodule的customcss里添加自定義顏色css

UniGui使用IconFont圖標(新)

然后在UniNativeImageList添加圖標的時候后面追加這個css

UniGui使用IconFont圖標(新)

注意空格,然后運行

UniGui使用IconFont圖標(新)

就是這么簡單,還有更多騷操作,請收藏關注后續更新

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM