首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >零基础入门 13: UGUI Text

零基础入门 13: UGUI Text

作者头像
韩东吉
发布2018-10-19 17:06:49
1.5K0
发布2018-10-19 17:06:49
举报

前几篇介绍了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分享就结束了。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-01-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 韩东吉的Unity杂货铺 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档