专栏首页韩东吉的Unity杂货铺零基础入门 13: UGUI Text

零基础入门 13: UGUI Text

前几篇介绍了UGUI里的Image,今天来说下UGUI 的Text,显示文本的组件。因为有了之前代码创建Image的铺垫,所以对Text的使用就都在这篇介绍了。

正题开始:


Unity编辑器

创建一个Text

看下Text组件的属性。

Font是修改字体的

FontStyle是文字的样式,一共有4个, 默认普通的,然后是加粗,倾斜,加粗和倾斜。

FontSize是字体的大小

Line Spacing 是文本的行间距

Rich Text指是否支持富文本(什么是富文本?下面说)

Alignment是对齐方式,左面的三个代表居左对齐,居中对其,居右对齐。右面的三个分别是上对齐,中对齐,下对齐。

Align By Geometry,对齐几何体

Horizontal Overflow 水平溢出

Vertical OverFlow 垂直溢出

针对于上面这俩种溢出有几种类型选项,Warp换行,Overflow溢出以及Truncate截断和Overflow溢出。

Best Fit 忽略文本属性使文本与控件的矩形适应

Color 文本的颜色

Material 文本的材质球

Raycast Target 接收射线

首先编辑器里,用几下几个图,来展示下对Text的操作,非常简单。

首先修改文本内容。

然后来修改下字体的大小

字体样式

字体行间距

字体对齐方式

字体溢出

字体颜色


脚本使用

创建一个脚本,公开一个Text对象,然后把脚本拖到Canvas上。把Unity编辑器创建的Text拖到脚本上。(详细的步骤可以参考前俩篇脚本创建Image的帖子)

创建一个Text

脚本拖动到canvas上并且把Unity创建的Text拖到到脚本上。

然后在脚本的Start函数里设置Text的一些属性。

切回Unity查看运行效果

如果想在代码里实现换行,可以使用\n。编辑器内...就手动空格回车吧。下图我们在代码里把文本增加了一些\n,表示换行。

最后来说一下文本里的富文本。

很好理解,有一个需求,部分文本颜色或者大小特殊显示,此时就需要富文本。

如下图,我在第一个La的位置增加了颜色的富文本<color=> </color>

然后切回Unity查看运行效果

之所以可以特殊显示,是因为我们的Text文本支持显示富文本,如果我们把显示富文本的功能关闭呢?如下图

好了,今天的UGUI Text分享就结束了。

本文分享自微信公众号 - 韩东吉的Unity杂货铺(DeveloperJimin),作者:Jimin

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-01-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Unity各版本资源文件

    韩东吉
  • 零基础入门 45:使用图片字体第二步,关联Unity

    Hello,今天要给大家分享的是在Unity里使用图片字体的第二步,也是最后一步,就是关联Unity。

    韩东吉
  • 零基础入门 14: UGUI 打字机效果实现

    如上图,效果大概就是这样,有一段文字,和音频,文字要这种显示效果,并且在文字出现的时候,要有背景键盘音效的声音,来模拟打字机的效果。最好还可以调整文字的出现速度...

    韩东吉
  • 哪来的技术债务?也许只是从几个随意命名的变量开始

    啥叫技术债务? “为了短期的利益,而做了欠考虑的决定所导致的后果”,大概就是这个意思。其实很好理解,为了赶紧上线,少做一些测试,上线之后出问题,马上打补丁。这个...

    web前端教室
  • 码云小课堂 | 主流的开源协议有哪些?我们该如何选择?

    主流的开源协议有哪些?我们该如何选择? License是软件的授权许可,里面详尽表述了你获得代码后拥有的权利,可以对别人的作品进行何种操作,何种操作又是被禁止的...

    码云Gitee
  • 100 Days of SwiftUI —— Day 29:Word Scramble(一)

    是时候进行另一个新的项目了,这实际上是我们在这门课上最后一个简单的项目——在这之后,随着我们处理更大的应用程序,难度水平会提高一点,所以在它持续的时候好好享受吧...

    韦弦zhy
  • 使用IBM Blockchain Platform extension开发你的第一个fabric智能合约

    使用IBM Blockchain Platform extension开发你的第一个fabric智能合约

    程序那些事
  • 深入扩展文本溢出解决方案

    在实际的开发中不管是移动端还是 PC 端都会遇到文本太长,因为宽度不够导致我们需要设置成省略号。文本就文本溢出做一个总结,希望对你们开发过程中有帮助。

    小丑同学
  • 计算机网络协议

    越接近硬件的阶层为底层,越接近应用程序的层为高层。无论接收端还是发送端,每一阶层只认识对方的同一阶层数据。客户端通过应用程序将数据放入第七层,再将第七层数据打包...

    小森啦啦啦
  • R语言利用GOplot实现功能分析可视化

    生信中大家都不陌生GO分析,然而如何将分析结果进行可视化展示是我们苦恼的问题,大部分都是画个Bar图或者列个表格啥的。今天我们给大家介绍一个可以实现功能分析可视...

    一粒沙

扫码关注云+社区

领取腾讯云代金券