Unity UGUI(七)Slider(滑动条)

Slider(Script)

 Unity UGUI(七)Slider(滑动条)_第1张图片   Unity UGUI(七)Slider(滑动条)_第2张图片

Interactable 可交互 是否可点击
Transition 过渡
  • None:无
  • Color Tint:颜色色彩
    • Target Graphic:目标图形
    • Normal Color:正常颜色
    • Highlighted Color:高亮颜色
    • Pressed Color:按下颜色
    • Selected Color:选择颜色
    • Disabled Color:已禁用颜色
    • Color Multiplier:色彩乘数
    • Fade Duration:淡化持续时间
  • Sprite Swap:精灵交换
    • Target Graphic:目标图形
    • Highlighted Sprite:高亮精灵
    • Pressed Sprite:按下精灵
    • Selected Sprite:选择精灵
    • Disabled Sprite:已禁用精灵
  • Animation:动画
    • Normal Trigger:正常触发
    • Highlighted Trigger:高亮触发
    • Pressed Trigger:按下触发
    • Selected Trigger:选择触发
    • Disabled Trigger:引禁用触发
    • Auto Generate Animation 自动生成动画
Navigation

导航

选中该按钮后可以用方向键比如WASD以及上下左右按键选择其他按钮,前提是导航目标按钮也开启了导航功能,可通过回车或者空格点击按钮响应点击事件

  • None:无
  • Horizontal:水平
  • Vertical:垂直
  • Automatic:自动
  • Explicit:显式
    • Select On Up:向上选择
    • Select On Down:向下选择
    • Select On Left:向左选择
    • Select On Right:向右选择
  • Visualize:可视化,把按键能够导航到的路径可视化,高亮的黄色箭头为当前按钮可导航到的目标
Fill Rect 填充矩形 填充条
Handle Rect 处理矩形 控制点
Direction 方向
  • Left To Right:从左到右
  • Right To Left:从右到左
  • Bottom To Top:从下到上
  • Top To Bottom:从上到下
Min Value 最小值 滑动条起始值
Max Value 最大值 滑动条最大值
Whole Numbers 整数 值只使用整数
Value 当前进度值
On Value Changed(Single) 值改变时(单精度) 值调整时触发的事件

自带Slider

Unity UGUI(七)Slider(滑动条)_第3张图片

Slider:空物体,带Slider组件。

Background:图片,作为底图。

Fill Area:空物体,作为Fill父物体。

Fill:图片,用于填充。

Handle Slide Area:空物体,作为Handle父物体。

Handle:图片,用作控制点。

代码设置值

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestUI : MonoBehaviour
{
    Slider slider;
    void Start()
    {
        slider = gameObject.GetComponent();
        slider.value = 0.8f;
    }
}

绑定事件

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestUI : MonoBehaviour
{
    Slider slider;
    void Start()
    {
        slider = GameObject.Find("Canvas/Slider").GetComponent();
    }

    public void GetValue(float i)
    {
        Debug.Log(i);
    }
}

 Unity UGUI(七)Slider(滑动条)_第4张图片

Unity UGUI(七)Slider(滑动条)_第5张图片

你可能感兴趣的:(Unity)