UE4-(UI)第八十五课 Slider 滑动条

一、滑动条参数:

UE4-(UI)第八十五课 Slider 滑动条_第1张图片

Value:滑动条的值最大为1

Orientation:滑动条默认朝向(水平、垂直)

Slider Bar Color:滑动条的颜色

Slider Handle Color:滑柄的颜色

Step Size:使用控制器或者键盘时操作一次调整的步进值

Indent Handle:滑柄位置是否填充

1.false

UE4-(UI)第八十五课 Slider 滑动条_第2张图片

2.true

UE4-(UI)第八十五课 Slider 滑动条_第3张图片

Locked:禁用

Mouse Uses Step:

当运行时如果此值为true,会与Step Size 有关,比如Step Size 为0.2时,会将滑动条分为五份,鼠标在滑动条上点击时,滑柄会从当前位置依次进行变化,每次变化步长为0.2.。如果鼠标在最后一份中偏左点击时,滑柄运动到第四份终点将不再运动,如果在中侧偏右,则直接运动到最后。也就是鼠标位置大于/小于 步  大小的一半,则设置新值 的情况

UE4-(UI)第八十五课 Slider 滑动条_第4张图片

二、Style:可以设置滑动条和滑柄的颜色、大小、图片的使用方式。

UE4-(UI)第八十五课 Slider 滑动条_第5张图片

Normal Bar Image:正常状态滑动条的图片

Hovered Bar Image:鼠标悬浮在滑动条上时的图片

Disabled Bar Image:禁用时的滑动条图片

Normal Thumb Image:正常状态滑柄的图片

Hovered Thumb Image:鼠标悬浮在滑柄上时的图片

Disabled Thumb Image:禁用时的滑柄图片

Bar Thickness :滑动条的厚度

UE4-(UI)第八十五课 Slider 滑动条_第6张图片

如果想调整滑柄的大小,就到对应的滑柄正常及鼠标悬停的参数中设置ImageSize

UE4-(UI)第八十五课 Slider 滑动条_第7张图片

三、事件

UE4-(UI)第八十五课 Slider 滑动条_第8张图片

在滑动条细节面板最下方有响应事件:

On Value Changed:当滑动条的值变化是触发。

UE4-(UI)第八十五课 Slider 滑动条_第9张图片

值从0-1打印

你可能感兴趣的:(UE4)