博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【转】NGUI创建Label图文混排及文字点击
阅读量:6710 次
发布时间:2019-06-25

本文共 1368 字,大约阅读时间需要 4 分钟。

hot3.png

  • 创建一个新的Scene,并按 Unity插件之NGUI学习(2)创建UI Root。

    准备工作,制作Font,现在Project窗口创建一个Font文件夹,然后从系统自带字体文件夹中选择自己需要的字体,我选择了黑体,然后拖到Font文件夹中去。选择刚导入的字体。

    \

    Font Size默认是16,不过网上看到过size16在IOS上显示太小,所以设置为30。

    在菜单中选择NGUI->Open->Font Maker

    \

    Type默认是Generated Bitmap——会生成材质文件,Dynamic——动态字体,不过黄色警告提示动态字体会产生多余的DrawCall,考虑绘制性能问题,所以选择了Generated Bitmap。

    Source选择刚才导入的黑体字体。

    \

    Size——设置材质图片中字体的大小。

    Custom——可以增加游戏中显示的文字。

    Atlas——选择原有已经制作的的Atlas(图文混排时,需要与混排的图片制作在同一个Atlas)。

    然后点击Create the Font按钮,在Project窗口会生成Font的Prefab

    \

    设置图文混排的标识,选择Project窗口中刚制作的Font Prefab,然后在Inspector窗口设置图片标识。

    \

    在Symbols and Emoticons窗口,目前我只是的图片标识有:"(<)" 使用undo_btn代替,"(?)"使用help_btn代替。

    选择菜单NGUI->Open->Widget Wizard(Legacy)

    \

    Atlas选择刚才制作Font中output的Atlas

    Font选择刚才制作的Font Prefab

    Template选择Label

    Add To选择UI Root

    然后在Inspector设置Label参数

    \

    Font Size —— 字体大小。

    Overflow 选择ResizeHeight,由文本总体高度来决定。

    Effect —— None没有特效,Shadow阴影,Outline描边。

    其他的属性大家可以自己尝试,应该都能读懂的。

    文字内容:

    [b]bold[/b],[i]italic[/i],[u]underline[/u], [s]strikethrough[/s],

    [sub]sub[/sub] 
    [00ff00]Green[-]
    Lucy(?) 露茜军团 (<)
    [url=http://blog.csdn.net/xcookies][u]clickable [/u][/url]

    [b][/b]黑体 [i][/i]斜体 [u][/u]下划线 [s][/s]中划线 [sub][/sub]副标题效果 [00ff00][-]颜色效果 (?) (<)就是刚才设置的图片标识 [url=http://blog.csdn.net/xcookies][/url]地址链接

    看下显示效果

    浏览器,访问Label内容的Url链接。

    PS:NGUI的Label真的很强大,尤其是图文混排,还支持局部黑体、斜体、下划线等等功能,唯一遗憾的是图文混排时,如果图片过大时,排版有点难看,所以制作图片的时候,尽量使用跟字体高度差不多的图片比较合适。

转载于:https://my.oschina.net/u/185335/blog/386301

你可能感兴趣的文章
#22 系统进程调度、at、batch、mail、crontab
查看>>
Intellij IDEA Debug调试技巧
查看>>
OPENSSL问题,使用fsockopen()函数提示错误
查看>>
lvs详细介绍
查看>>
ci框架hook钩子
查看>>
PHP Warning: PHP Startup: unable to load dynamic library
查看>>
metasploit(MSF)终端命令大全
查看>>
Linux下php安装Redis扩展
查看>>
sublime text2 汉化
查看>>
管理信息系统测试方法总结(二)
查看>>
HTML设置超链接的颜色样式
查看>>
EMC与NetApp NAS对比
查看>>
bash算数运算&命令引用
查看>>
Javascript的冒泡排序和二分查找
查看>>
Linux下常用的日志收集命令
查看>>
JAVA NIO(知识一)
查看>>
nginx添加ssl模块
查看>>
centos 6.4 重启分区故障
查看>>
linux系统的启动流程
查看>>
yum管理软件
查看>>