NGUI:UISlider

概觀:

UISlider元件可以用來建立簡單的滑塊與進度棒,它繼承了所有UIProgressBar 的功能並且新增了一個拇指棒。

以它最簡單的形式來說,UISlider需要做的所有事情就是關聯一個用來修改的前景widget。這個widget的初始尺寸將會是slider 在100%時候的尺寸(UISlider.value == 1.0)。而slider收縮的方向取決於Direction的設定。

要建立一個非常簡單的slider,只要建立一個sliced sprite,然後給他一個200的寬度與40的高度。將這個當成是slider的背景圖--這圖就是slider空的時候它看起來的樣子。

下一步,新增一個子sliced sprite,這個圖是當你的slider是滿的時候看起來的樣子。如果你想讓它看起來比較好看的話,可以把它插到父物件中,就好像它被包起來一樣。

現在做完了這些,再新增一個UISlider腳本到第一個sprite中(背景圖),然後在Foreground框中指定其值為第二個sprite。這時候你可以點擊paly並且調整silder的值,然後前景圖應該會有所反應。

假如你想要讓slider是可以互動的,幫它加上一個碰撞器。假如你想讓它是可以被強調的,幫它加上一個UIButton ,然後將target設定為前景或背景圖。記住—如果你像要兩個圖都能改變顏色的話,可以在相同物件上加入多個UIButton。

假如你不想要一個看的見的背景圖,那只要使用UIWidget 當你的背景圖就可以了。

你可以指定一個非零給Steps屬性,讓slider依照特定的增加量來移動。Step的值設定為5時,代表著slider的值只可以是0%, 25%, 50%, 75% 以及100%。

假如你像要的話,你也可以增加一個拇指棒的sprite,這個sprite會跟隨著slider。拇指棒的sprite總是會被調整位置到silder的尾端。你可以用它來附加上強調效果,甚至是一個會跟隨著slider棒位置改變的label。

OnValueChange 屬性上你可以指定一個函式,在slider的值改變時會呼叫此函式。在實作中最簡單的觀察方式是新增一個UILabel,並將UILabel的遊戲物件拖曳到Notify框框中,然後從下拉選單中選擇UILabel.SetCurrentPercent函式。

新手提示:

你可以在前景圖中使用UIStretch ,好讓他自動調整自己的大小以符合父物件。這樣一來當你調整背景大小時,前景大小也能夠自動調整。

類別文件:

http://tasharen.com/ngui/docs/class_u_i_slider.html

上面頁面是翻譯官方網頁的文件:UISlider

 
 

  按個讚!~支持本站!~

FB推薦載入中