Unity UGUI(七)Slider(滑动条)

Slider(Script)

    

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

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>();
        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<Slider>();
    }

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

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值