Unity 3D学习(一) - UGUI

视频教程在这里: UGUI基础篇 - 蛮牛教育 - 国内最大的Unity在线学习平台

Unity 3D学习(一) - UGUI_第1张图片

Unity 3D中的富文本:(注意颜色的最后两位才是透明度) Text控件

Text // 设置字体大小

Image控件

Unity 3D学习(一) - UGUI_第2张图片

Simple缩放(有允许等比例的选项), Sliced切片, Tiled平铺, Filled进度条式填充

Unity 3D学习(一) - UGUI_第3张图片

FillType很好玩, 可以水平、垂直、90°、180°、360°填充

RawImage可以放视频,放地图导航(将摄像机渲染的画面投影到图形中)实际开发中基本上用不到

(而Image只能使用Sprite类型图片)

UVRect神奇的属性,把RawImage看成一个矩形,本属性可以设置图片相对于矩形的位置、大小等

Unity 3D学习(一) - UGUI_第4张图片

 

GridLayoutGroup, HorizontalLayoutGroup(LayoutElement), VerticalLayoutGroup

当屏幕尺寸变化时, Anchor的与物体的距离保持不变

 

ContentSizeFilter 给 GridLayoutGroup使用可以根据内容的数量自动调整大小

Unity 3D学习(一) - UGUI_第5张图片

UI坐标与世界坐标的转换

你可能感兴趣的:(Unity 3D学习(一) - UGUI)