Unity UGUI基础教程：画布与控件详解

持3D空间中的UI，可以有深度，但UI物体不会被3D物体遮挡。 3.WorldSpace：UI元素位于世界空间中，可以与3D物体交互。 CanvasScaler组件： 用于控制Canvas的缩放，保证在不同分辨率下UI的适配。主要属性包括： - Scale With Screen Size：根据屏幕大小调整UI的缩放比例。 - Reference Resolution：参考分辨率，用来计算缩放比例。 - Match Width Or Height：设置宽度或高度与参考分辨率匹配的方式。 CanvasGroup组件： 用于控制Canvas上UI元素的透明度和可交互性，可以批量控制子物体的可见性和交互状态。 三、UGUI基本控件 Unity提供了丰富的UI控件，如： 1. Image：用于显示图片，支持精灵精灵（Sprite）和颜色填充。 2. Text：显示文本，支持多种字体和排版样式。 3. Button：按钮控件，可以绑定点击事件。 4. Toggle：开关按钮，通常用于切换选项。 5. Slider：滑动条，用于选择数值范围内的值。 6. Dropdown：下拉列表，用户可以从预设的选项中选择。 7. InputField：输入框，允许用户输入文本。 8. Canvas Renderer：用于控制Canvas的渲染设置，例如开启或关闭遮罩。 四、Anchor与屏幕自适应 Anchor Points： 每个UI元素都有四个锚点，用于定义元素在父容器中的位置。通过调整锚点，元素可以在屏幕尺寸变化时保持相对位置。 Stretching： UI元素的伸展方式，可以设置元素的边缘在屏幕尺寸变化时如何扩展，以保持内容的正确显示。 五、事件系统 Unity的UGUI事件系统基于事件触发器（Event Trigger），支持鼠标、触摸等多种输入设备。通过Inspector可以直接设置事件监听器，例如OnClick事件，无需编写额外的C#脚本。 六、UGUI的深度处理 在UGUI中，元素的渲染顺序由它们在层级树（Hierarchy）中的位置决定，前面的元素会覆盖后面的元素。这简化了界面设计中的层级管理，避免了NGUI中手动管理“层”的复杂性。 七、自动图集打包机制 Unity的精灵打包（Sprite Packer）功能会自动将小图合并到一个大图集中，优化内存使用和渲染效率。开发者可以选择在编辑器中开启或关闭此功能，以平衡资源管理和性能。 总结，UGUI是Unity引擎中强大的内置UI系统，提供了一套完整的解决方案，包括易于使用的布局系统、丰富的UI控件、灵活的事件处理、屏幕自适应以及自动化资源管理。对于初学者和专业开发者来说，UGUI都能提供高效且直观的界面开发体验。