UGUI虽然不是太难的东西,但是知识点还是很多的。目前UGUI学的不精,因此有系统的完整学习一遍是很有必要的,我会尽量把笔记做详细,方便以后回顾。

一.Canvas 形态

当我们鼠标选中Canvas 游戏物体后,在Scene 面板会显示一个白色边框,虽然四个角都有“调节点”,但是这个的范围是不可以手动调节的,如下图所示,Rect Transform不可以调节: [

](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112501-300x200.jpg)](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112501.jpg) 这个Canvas 的宽和高是自动适配当前的Scene 视图的宽和高的,也就是说会跟随Scene 视图的形态发生宽和高的改变。 如果出现“奇怪的形状”,那是因为你的Scene 的奇怪比例导致的,如下图所示: [![](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112502-269x300.jpg)
](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112501-300x200.jpg)](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112501.jpg) 这个Canvas 的宽和高是自动适配当前的Scene 视图的宽和高的,也就是说会跟随Scene 视图的形态发生宽和高的改变。 如果出现“奇怪的形状”,那是因为你的Scene 的奇怪比例导致的,如下图所示: [![](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112502-269x300.jpg)
在当前状态最常用的操作是:手型工具,2D 工具。

二.Text 游戏物体组成部分

①Rect Transform:用于控制UI 物体的基本属性。 ②Canvas Renderer:画板UI 渲染器,UI 游戏物体必备且不可编辑的组件。 ③Text 组件:当前UI 物体的的核心组件。 ④Default UI Material:默认UI 材质球,UI 的显示也是需要材质球的。 备注: ①②④是所有的UGUI 游戏物体必备的组件,其实UI 的形态改变,就是通过使用不同的UI 组件来实现的。 [

](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112503-155x300.jpg)
](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112503-155x300.jpg)

三.Text 面板属性

Text:文本 控制当前的UI 游戏物体要显示的文本内容。 Font:字体 控制文字显示的样子;Unity 支持的字体格式是TTF 格式。 在企业项目开发中,一款游戏,一般会使用到三到五款字体文件。 Font Style:字体样式 正常字体,加粗,倾斜,加粗并且倾斜。 这样的字体样式在Word,Excel,Web 开发都是有的,最基础的字体美化。 Font Size:字体大小 控制字体的显示大小,但是当字体很大的时候,需要配合调整当前区域的宽和高,否则字体将因为空间太小,无法显示。 Line Spacing:行间距 当Text 内的文本是多行数据的时候,控制行与行之间的间隔空隙。 Rich Text:富文本支持 勾选开启后,我们可以在Text 内编写富文本标签。 比如:<color=“red”>www.wjgbaby.com Alignment:对其方式 控制文本在区域内的九宫显示位置。 Horizontal Overflow:水平溢出 Wrap:文本将自动换行,当达到水平边界 Overflow:文本可以超出水平边界,继续显示 Vertical Overflow:垂直溢出 Truncate:文本不显示超出垂直边界的部分 Overflow:文本可以超出垂直边界,继续显示 Best Fit:勾选后,编辑器会变化,显示Min Size和Max Size Min Size:最小大小 Max Size:最大大小 当边框很大时,文字最大显示Max Size字体大小;当边框很小时,文字最小显示Min Size字体大小,边框显示不了MinSize字体大小就不再显示文字了。 Color:颜色 控制文本显示的颜色。 Raycast Target:射线投射目标 当前游戏物体是否接受射线,如果取消勾选,射线将会直接穿透该物体,勾选则会阻挡射线。 备注:UGUI 的UI 交互,是系统以鼠标点击位置发射射线与UI 进行交互的,比如说button按钮就是摄像机一直向按钮的UI发送射线,如果取消勾选Raycast Target,交互事件就不会执行。 [

](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112504-260x300.png)
](http://www.wjgbaby.com/wp-content/uploads/2017/11/17112504-260x300.png)