Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富
UI 效果 知识 Unity 文本 技能 丰富 碎片
2023-09-11 14:20:50 时间
Unity 新版本的富文本的使用,使UI的效果更佳丰富,告别单调的UI,让我们的游戏界面更绚丽,具体使用如下
一、Unity 富文本Rich Text的介绍
1、
富文本Rich Text:
这种文本用于GUI元素和文本网格可以结合多种字体类型和大小。 GUIStyle, GUIText 和 TextMesh类都有富文本设置,能指示unity寻找文本内含有的标记标签。
Dubug.Log也可以用这些标记标签来增强代码报告错误的能力。这些标签不显示,而是显示应用到文本的风格变化。
2、富文本Rich Text的使用形式:
标记格式:... <元素> ... </元素> ...(影响元素开头与结尾所夹的部分)
可以嵌套: ...<元素1>...<元素2>...</元素1>...</元素2>...
有些可以有参数: <color=green>hiahia</color>
支持的标签:(粗体斜体大小颜色项支持Debug.Log)
b 粗体 :<b>text</b>
i 斜体 :<i>text</i>
size大小 :<size=10>text</size> 这个标签是Debug.Log看得到的
color颜色:<color=#00ffffff>text</color> 字母对应于16进制数字,表示红绿蓝和透明度 ;<color=red>text</color> 使用颜色名称,总是假定完成不透明
二、Unity 富文本Rich Text的使用
1、打开Unity,新建一个工程,然后在场景中新建“Panel”,在“Panel”添加“Text”,并且给“Text”添加一段文本,如下图
2、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“粗体”效果, 用<b>...</b>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图
3、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“斜体”效果, 用<i>...</i>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图
4、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“字体放大”效果, 用<size=30>...</size>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图
5、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“颜色”效果, 用<color=red>...</color>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图
6、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“多种组合”效果, 用<b><i><size=30><color=red>...</color></size></i></b>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图
7、到此,Unity 富文本(RichText)的使用使UI效果更丰富课题讲解结束,更多信息可参见 “Unity 圣典”http://www.ceeger.com/Manual/StyledText.html,谢谢
相关文章
- IOS之--UI进阶--多控制器管理第一天
- 优化技术之Android UI优化
- 125. SAP UI5 进阶 - XML 视图里定义的 UI 控件,运行时实例化的技术细节剖析
- SAP UI5 sap.ui.core.Element 的概要介绍
- SAP UI的加载动画效果和幽灵设计(Ghost Design)
- UI binding render - how to check
- 在SAP WebClient UI里混用ABAP Webdynpro,会带来哪些问题?
- how drop down list description is displayed by UI framework
- SAP 电商云 Spartacus UI Component 级别的延迟加载实现(Lazy Load)
- SAP 电商云 Spartacus UI 设置 delivery mode 在 3G 慢速网络下的排队效果
- 关于 SAP Spartacus UI 框架选型问题
- Fiori Elements objectPage component creation ui JSON model creation oModel.getMetaModel().load
- SAP 电商云 Spartacus UI SiteContextRoutesHandler 的技术实现明细介绍
- element ui table表格计算最后一列的合计数demo效果(整理)
- Vue中使用element-ui的el-dialog对话框,实现拖拽效果(整理)
- 怎样修改uView UI组件的原生样式效果?去掉uView UI的Dropdown 下拉菜单组件的遮罩层?
- 基于 uni-app 的 UI 组件库
- jQuery UI API 类别 - 特效(Effects)
- 深入浅出Flask(35): H-ui前端框架的广告效果