Unity基础UGUI学习

使用 UGUI来开发UI，离不开Canvas组件，所有的 UI 元素，一般都是放在包含 Canvas 组件的节点。

Canvas组件都有那些属性？

RenderMode： 渲染模式，大概有三种：

Screen Space - Overlay： 覆盖屏幕，Canvas 永远覆盖在场景中的其它所有元素的上层。

Pixel Perfect： UI元素精确到像素对齐，边缘更清晰，会消耗一定的性能。

Sort Order：Canvas 深度，多个 Canvas时，Sort Order 值大的在上层。

Screen Space - Camera： UI可以被GameObject遮挡。 UI中心点在世界00点Z轴的延长线上。

Plane Distance：Canvas距离00点坐标的Z轴距离。

Sorting Layer：Canvas深度，可以手动添加，决定显示的优先级，列表下面的优先级越高。

Order in Layer：多个Canvas有相同的Sorting Layer 时，根据 Order in Layer 来确定显示优先级。

World Space：
与Overlay模式类似，可以看作是，必须增加一个额外的相机渲染，层级没有Overlay高。世界00点都是在UI左下角。

排序注意：

1.当多个Canvas 使用不同Camera时，优先根据Camera的Depth排序显示，值越大优先级越高。

2.多个Canvas使用相同Camera时，优先根据SortingLayer显示，当SortingLayer相同时，再次根据OrderInLayer显示。

移动分辨率多少比较合适？

//一般都是用 16：9 ，分辨率越大，资源越大，内存也越大，性能消耗也大
//早期主流游戏
1136*640   1280*720
//现在主流游戏
1920*1080

UGUI都有那些基础组件？

这篇文章很详细，可以看看，点击跳转。

Text
InputField
Button
Image
RawImage
Toggle

Slider
滑动条

ScrollBar
滚动条

ScrollView
滚动视图

DropDown
下拉框

比较实用的组件

content size fitter
Horizontal Layout Group
Vertical Layout Group
Grid Layout Group

3D物体怎么显示在UI上？
原理就是：将3D物体渲染到一个 RenderTexture上，然后用UI的RawImage来渲染这个RenderTexture。
1.新建一个RenderTexture，新建一个Cemera，把RenderTextrue拖到Camera的TargetTxture上。
2.新建一个modal层，设置Camera的Layer为modal， cullingMask也为modal。
3.设置ClearFlags为 DepthOnly或者Don’t Clear, 偶尔会出现重影。设置Solid Color可解决重影问题。

3.在UI界面新建一个RawImage，设置其Texture为刚才新建的 RenderTexture。调整宽高就可以了。

RectTransform

RectTransform trans;
//设置PosX和PosY
trans.anchoredPosition =new Vector2(100,100);
//设置Width
trans.SetSizeWithCurrentAnchors(RectTransform.Axis.Horizontal, 200);
//设置Height
trans.SetSizeWithCurrentAnchors(RectTransform.Axis.Vertical, 200);

Unity基础UGUI学习相关推荐

Unity基础知识学习五，UGUI优化相关
1.什么是UGUI优化,UGUI优化的理论基础 1.1理论基础 Canvas, 是Unity渲染系统给层状几何体( layered geometry )提供的可以被画入.被放在上面或者放在世界空间的 ...
Unity基础知识学习七，帧同步源码学习
前言在学习帧同步框架源码之前,先过一遍基础知识:Unity基础学习六,网络同步_u013617851的博客-CSDN博客视频地址:帧同步教程[合集]_哔哩哔哩_bilibili github地址: ...
Unity基础知识学习笔记二
1,object Instantiate(object original,Vector3 position,Quaternion rotation) 克隆原始物体,并返回克隆物体. 例如:Insta ...
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏六大推荐理由理由一:系统理由二:详细理由三:专业理由四:图解理由五:深度理由六:实例一键直达:<UGUI 控件详解 ...
Unity基础学习路线
Unity基础 C#程序设计第001课初识unity 第002课初始unity场景树_渲染体系_物理体系第003课初识Unity C#的基本结构_类_成员_类的函数第004课Unity ...
Unity 基础之在 UGUI 上简单实现VideoPlayer视频播放的功能，简单暂停播放/显示视频名称/显示时长/拖拽播放等
Unity 基础之在 UGUI 上简单实现VideoPlayer视频播放的功能,简单暂停播放/显示视频名称/显示时长/拖拽播放等目录 Unity 基础之在 UGUI 上简单实现VideoPl ...
【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面
文章目录 [Unity使用UGUI实现王者荣耀UI界面(四)]游戏开始界面 1. 把一些重复的UI添加 2. 开始游戏按钮 3. 注销按钮 4. 完成 5. 打包 6. 打包完成内容简介章节 ...
Unity一个月学习体会
Unity一个月学习体会一.资料篇书视频论坛 API手册初学一个软件,第一步当然是找资料呀,而且应该先找一本书. 虽然在数据爆炸的网络时代寻找各种资料并非难事,但要从中挑选出适合初学者的却要 ...
三维地形制作软件 World Machine 基础入门学习教程
<World Machine课程>涵盖了你需要的一切,让你有一个坚实的基础来构建自己的高质量的电影或视频游戏地形. 你会学到什么为渲染或游戏开发创建高分辨率.高细节的地形. 基于Worl ...

Unity基础UGUI学习

Unity基础UGUI学习相关推荐

最新文章

热门文章