Unity Layout组件总结

1、Rect Transform(矩形变换)

用于控制UI元素的位置、大小和旋转它是基于屏幕坐标系而不是世界坐标系来控制UI元素的位置和大小的

RectTransform组件可以让UI元素相对于父级容器进行缩放、旋转和平移,这使得UI设计师可以更方便地创建自适应的UI布局。

2、Canvas(画布)

用于呈现2D的UI元素它是一个容器,可以包含其他UI元素,如文本、按钮、图像、滚动视图等。Canvas可以在场景中放置,并且可以在屏幕上显示出来。

Canvas有两种渲染模式:Screen Space和World Space。Screen Space模式下,Canvas的大小和位置是基于屏幕的,UI元素的位置和大小也是相对于屏幕的。World Space模式下,Canvas的大小和位置基于游戏世界的坐标系,UI元素的位置和大小也是相对于游戏世界的。

3、Canvas Group(画布组

用于控制场景中Canvas的可见性和交互性。Canvas是Unity中的UI元素容器,Canvas Group可以控制Canvas的alpha透明度、是否可交互、是否可见等属性,方便开发者在运行时动态控制UI元素的表现。例如,可以使用Canvas Group来实现UI元素的渐隐渐显、禁用或启用等效果。

画布组 (Canvas Group) 可集中控制整组 UI 元素的某些方面,而无需单独处理每个元素。画布组的属性会影响所在的游戏对象以及所有子对象。

4、Canvas Scaler

用于调整Canvas的大小和缩放以适应不同的屏幕分辨率和尺寸它可以帮助开发人员实现在不同设备上保持UI元素的相对大小和位置

Canvas Scaler组件具有以下属性:

UI 缩放模式:可以选择屏幕适配模式,包括Constant Pixel Size, Scale With Screen Size和Constant Physical Size。

参考分辨率:指定开发时所用分辨率,用于计算UI元素的缩放比例。

屏幕匹配模式:指定UI元素的匹配方式,包括Match Width Or Height和Expand。

缩放因子:用于调整Canvas的大小和缩放,可以在运行时动态设置。

Canvas Scaler可以帮助开发人员轻松地创建跨平台和响应式的UI元素,使UI元素在不同设备上具有一致的外观和行为。

5、Vertical Layout Group(垂直布局组)

用于在Canvas中垂直排列子元素,方便开发者快速创建垂直布局的UI界面

Vertical Layout Group可以设置子元素之间的间距、子元素的大小、子元素的对齐方式等参数,还可以自动调整子元素的位置和大小,以适应不同的屏幕尺寸和分辨率。

使用Vertical Layout Group可以快速创建垂直滚动列表、垂直菜单等UI界面,节省开发时间和精力。

6、Horizontal Layout Group(水平布局组)

用于在Canvas中水平排列子元素,方便开发人员快速创建水平布局的UI界面

Horizontal Layout Group可以设置子元素之间的间距、子元素的大小、子元素的对齐方式等参数,还可以自动调整子元素的位置和大小,以适应不同的屏幕尺寸和分辨率。

使用Horizontal Layout Group可以快速创建水平滚动列表、水平菜单等UI界面,节省开发时间和精力。一般情况下,Horizontal Layout Group和Vertical Layout Group可以结合使用,创建更加复杂的UI布局。

7、Grid Layout Group(网格布局组)

用于在Canvas中按网格形式排列子元素,方便开发人员快速创建网格布局的UI界面

Grid Layout Group可以设置子元素之间的间距、子元素的大小、子元素的对齐方式等参数,还可以自动调整子元素的位置和大小,以适应不同的屏幕尺寸和分辨率。

使用Grid Layout Group可以快速创建网格列表、网格菜单等UI界面,节省开发时间和精力。可以通过设置行数和列数来控制子元素的排列方式,或者通过自动调整网格大小来适应不同的屏幕尺寸和分辨率。

8、Layout Element(布局元素)

用于控制UI元素的最小、首选和最大尺寸。它可以帮助开发人员在Canvas中创建灵活的UI布局,以适应不同的屏幕尺寸和分辨率。

Layout Element可以设置最小、首选和最大尺寸的宽度和高度,还可以设置UI元素的最小和最大宽高比。它也可以设置是否强制将UI元素的尺寸限制在最小和最大值之间。

使用Layout Element可以控制UI元素的大小和比例,使其在不同的屏幕尺寸和分辨率下具有一致的外观和布局。它可以与其他UI组件如Layout Group和Content Size Fitter结合使用,创建更加复杂和灵活的UI布局。

9、Content Size Fitter(内容大小适配器)

用于根据UI元素的内容自动调整UI元素的大小。它可以帮助开发人员在Canvas中创建自适应的UI布局,以适应不同的屏幕尺寸和分辨率。

Content Size Fitter可以设置UI元素的最小和最大尺寸,还可以设置UI元素的宽度和高度是否应该根据其内容自动调整。它可以根据UI元素的内容自动调整UI元素的大小,使其适应不同的屏幕尺寸和分辨率。

使用Content Size Fitter可以创建自适应的UI布局,使UI元素的大小根据其内容自动调整,以避免内容被裁剪或空白区域过多。它可以与其他UI组件如Layout Group和Layout Element结合使用,创建更加灵活和自适应的UI布局。

10、Aspect Ratio Fitter(宽高比适配器)

用于根据UI元素的纵横比例自动调整UI元素的大小。它可以帮助开发人员在Canvas中创建具有一致纵横比例的UI布局,以适应不同的屏幕尺寸和分辨率。

Aspect Ratio Fitter可以设置UI元素的纵横比例,还可以设置UI元素是否应该根据其父级容器的大小自动调整大小。它可以根据UI元素的纵横比例自动调整UI元素的大小,保持其与其他UI元素的纵横比例一致。

使用Aspect Ratio Fitter可以创建具有一致纵横比例的UI布局,使UI元素的纵横比例始终保持一致,无论屏幕尺寸和分辨率如何变化。它可以与其他UI组件如Layout Group和Layout Element结合使用,创建更加灵活和自适应的UI布局。

—— 完 ——
相关推荐
评论

立 为 非 似

中 谁 昨 此

宵 风 夜 星

。 露 , 辰

文章点击榜

细 无 轻 自

如 边 似 在

愁 丝 梦 飞

。 雨 , 花