一、滑动条
在Unity中,滑动条(Slider)是一种用户界面(UI)组件,用于允许用户通过拖动滑块来选择数值。这个组件通常用于调整范围在一定区间内的数值,比如音量、亮度等。
重要属性:
Value(值): 表示滑动条的当前值。可以通过代码或在Inspector面板中手动设置。
Min Value(最小值)和 Max Value(最大值): 滑动条的数值范围。用户无法将滑动条的值设置在这个范围之外。
Interactable(可交互): 如果勾选此选项,用户可以与滑动条交互。否则,滑动条将被禁用。
Transition(过渡): 定义了滑动条值变化时的过渡效果,比如颜色渐变等。
Fill Rect(填充区域矩形): 指定滑动条背景中表示当前值的填充区域的矩形。
Handle Rect(手柄矩形): 指定滑动条上的手柄(滑块)的矩形。
滑动条的组成:Background 、Fill Area、Handle Slide Area
Background是控制未滑动区域的背景,启用和不启用的效果如下:
Fill Area是控制填充区域,高亮的部分。
Handle Slide Area是滑动的小圆按钮。
事件:只要值发生改变时,就会调用与其关联的事件。
示例:滑动时获取到当前的数值。
? ? public Slider slider;
? ? public void ChangeValue()
? ? {
? ? ? ? Debug.Log("当前数值为:" + slider.value);
? ? }
关联Slider组件并绑定对应事件:
当开始滑动时,控制台就能输出对应的value。
二、滚动视图
在Unity中,滚动视图(Scroll View)是一种常用的用户界面(UI)组件,用于在有限的空间内显示大量内容。通过滚动视图,用户可以通过滚动手势或使用滚动条来浏览大量的信息,比如文本、图片、按钮等。
主要组件:
Viewport(视口):
视口是滚动视图的可见区域,用于显示内容。只有视口的大小内的内容才能被用户看到。
Content(内容区域):
内容区域是包含实际内容的子对象,比如文本、图片、按钮等。内容区域的大小通常超过视口的大小,以便用户可以滚动查看所有内容。
Scrollbar(滚动条):
滚动条是一个可拖动的控件,用户可以通过拖动滚动条来浏览内容。Unity提供了水平和垂直两种方向的滚动条。
三、面板控件
在Unity中,面板控件(Panel)是一种用于组织和布局其他UI元素的容器。可以轻松地将其他UI元素分组并按照特定方式排列,以创建更复杂的UI布局。
当有多个物体需要在屏幕的左上角显示,并且要适配不同的屏幕,通常我们可以修改个个物体锚点,将其的锚点放在左上角。这样虽然可以达到目的但是太过繁琐,当有很多物体时,这种方式显然不够好,那就可以用面板控件。
创建一个面板控件Panel,然后将需要调整的物体设置为它的子物体,然后只需要将面板控件的锚点设置在左上角即可。
通过使用面板控件,可以轻松地创建出复杂的UI布局,并根据需要进行调整。
四、Content Size Fitter组件
ContentSizeFitter 组件是 Unity 中用于自动调整 UI 元素大小以适应其内容的组件。它通常用于垂直或水平的布局组件,确保它们的大小能够适应其内部的文本、图片或其他 UI 元素。
示例:想要文本的大小可以随着文本内容的多少进行变化。
可以为其添加Content Size Fitter组件,通常将垂直适配调整为Preferred Size。
这样设置以后文本框会随着文本内容的多少而变化。
五、Vertical Layout Group组件
Vertical Layout Group 是 Unity 中用于垂直布局的 UI 组件之一,属于 Layout Group 系统的一部分。它允许你在垂直方向上按照一定的规则自动布局其子对象。Vertical Layout Group 主要用于 UI 中的列表或垂直排列的元素。