快捷導(dǎo)航

Unity技術(shù)手冊(cè)之Slider滑動(dòng)器使用實(shí)例詳解

更新時(shí)間：2022年11月08日 08:36:13 作者：芝麻粒兒

這篇文章主要為大家介紹了Unity技術(shù)手冊(cè)之Slider滑動(dòng)器使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

??實(shí)踐過程

為了方便更多的人（新手）看明白，使用的漢字，真實(shí)項(xiàng)目盡量使用英文規(guī)則昂。

該控件通?？梢杂糜诩寄芾鋮s或者人物血條或者游戲里面設(shè)置功能的各種滑動(dòng)條。

我們?cè)贖ierarchy窗口中右鍵（UI-Slider）創(chuàng)建一個(gè)滑動(dòng)條（如下圖）。會(huì)發(fā)現(xiàn)有五個(gè)子物體，其實(shí)主要的是Background和Fill以及Handle，另外兩個(gè)帶Area的是為了做寬高適配，一直填充滿父物體Slider。

Background便是默認(rèn)的滑動(dòng)條底圖或底色。Fill是滑動(dòng)進(jìn)度的填充效果，Handle是滑動(dòng)塊。Slider物體有個(gè)Slider組件，除了默認(rèn)的Transition（和Button中的一樣）還有Fill Rect和Handler Rect。Fill Rect用來(lái)指定滑動(dòng)后的填充，也就是Fill物體，Handler Rect是用來(lái)設(shè)置滑動(dòng)塊的。

特別聲明：Background、Fill、Handle其實(shí)都是Image組件，帶有Image的所有屬性及特點(diǎn)，加上里面的Image Type，可以充分利用起來(lái)玩出花樣。

Slider其他參數(shù)

Direction（方向）：可以修改滑動(dòng)方向，默認(rèn)是從左到右，還有右到左，上到下，下到上。看下方Gif。

Min Value & Max Value：最小值和最大值。最小值最大值有助于數(shù)字化滑動(dòng)的效果，比如血條的實(shí)現(xiàn)，就可以設(shè)置為最小值0，最大值100。

Whole Numbers：表示滑動(dòng)過程為整數(shù)（默認(rèn)不勾選，滑動(dòng)進(jìn)度帶有小數(shù)），如果設(shè)置大小分為是0-1則不會(huì)有緩緩填充進(jìn)度效果。當(dāng)設(shè)置的大小范圍最大值大于1的時(shí)候，滑動(dòng)不會(huì)出現(xiàn)小數(shù)值。

Value：當(dāng)前所處進(jìn)度，范圍在Min Value和Max Value之間。

設(shè)置監(jiān)聽事件有兩種：

public class TestSlider : MonoBehaviour
{
    private void Start()
    {
        //代碼形式添加
        gameObject.GetComponent<Slider>().onValueChanged.AddListener(SliderChange);
    }
    //外面Unity編輯器中選擇指定
    public void SliderChange(float value)
    {
        Debug.Log("注意一定要選擇Dynamic float下的方法名，滑動(dòng)的進(jìn)度" + value);
    }
}

如果你想添加進(jìn)度條開始拖動(dòng)的瞬間。以及結(jié)束拖動(dòng)的瞬間可以自定義一個(gè)Slider。

也可以直接繼承IBeginDragHandler,IEndDragHandler，兩種方法。 方法一

public class TestSlider : MonoBehaviour,IBeginDragHandler,IEndDragHandler
{
    private void Start()
    {
        //代碼形式添加
        gameObject.GetComponent<Slider>().onValueChanged.AddListener(SliderChange);
    }
    //外面Unity編輯器中選擇指定
    public void SliderChange(float value)
    {
        Debug.Log("注意一定要選擇Dynamic float下的方法名，滑動(dòng)的進(jìn)度" + value);
    }
    public void OnBeginDrag(PointerEventData eventData)
    {
        Debug.Log("開始拖動(dòng)" + eventData.button);
    }
    public void OnEndDrag(PointerEventData eventData)
    {
        Debug.Log("結(jié)束拖動(dòng)" + eventData.position);
    }
}

方法二 自定義Slider就需要Unity編輯器中的物體掛載你自定義的腳本了。

public class TestSlider : MonoBehaviour
{
    private void Start()
    {
        //代碼形式添加
        gameObject.GetComponent<CustomSlider>().onValueChanged.AddListener(SliderChange);
        gameObject.GetComponent<CustomSlider>().beiginDrag = OnSliderDragBegin;
        gameObject.GetComponent<CustomSlider>().endDrag = OnSliderDragEnd;
    }
    private void OnSliderDragBegin()
    {
        Debug.Log("開始拖動(dòng)");
    }
    private void OnSliderDragEnd()
    {
        Debug.Log("結(jié)束拖動(dòng)");
    }
    //外面Unity編輯器中選擇指定
    public void SliderChange(float value)
    {
        Debug.Log("滑動(dòng)的進(jìn)度" + value);
    }
}

以上就是Unity技術(shù)手冊(cè)之Slider滑動(dòng)器使用實(shí)例詳解的詳細(xì)內(nèi)容，更多關(guān)于Unity技術(shù)Slider滑動(dòng)器的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: