この章では、マウスをドラッグして所定の範囲から値を選択できるスライダーを紹介します。まず、メニューバーの「GameObject」→「UI」→「Slider」をクリックして位置を調整します。最終的な効果は次のようになります。
スライダーの下には、背景、塗りつぶしエリア、ハンドル スライド エリアという 3 つのサブゲーム オブジェクトがあることがわかりました。バーの背景、スライド後のバーの背景、円形のスライダー(ハンドル)の背景を表します。ここではスライダー(Slider)の外観を設定するだけです。背景色とスライドの背景色を変更します。まず、サブゲーム オブジェクトの Background をクリックして選択し、その Inspector 検査パネルを表示して、Color プロパティの値を変更します。
赤色を選んでみましょう。次に、サブゲーム オブジェクトの Fill Area の下にある Fill サブゲーム オブジェクトを選択し、その Inspector 検査パネルを表示して Color プロパティ値を変更します。
緑色のものを選びましょう。最後に、スライダーがどのように見えるかを見てみましょう。
次に、以下に示すように、スライダー (Slider) の Inspector 検査パネルを見てみましょう。
上記の共通属性を 1 つずつ紹介することはしません。
Fill Rect は、Fill Area サブゲーム オブジェクトです。
Handle Rect は、ハンドル スライド エリアのサブゲーム オブジェクトです。
方向 ハンドルをドラッグしたときにスライダー値が増加する方向。オプションは、左から右、右から左、下から上、および上から下です。デフォルトは「左から右」です。
[最小値] と [最大値] はスライダーの最小値と最大値で、デフォルトは 0 ~ 1 です。
整数でスライダーを整数値に制限するかどうか。デフォルトではチェックされていません。つまり、小数を使用します。
値スライダーの現在の値。デフォルト値は 0 です。つまり、円形のスライダー (ハンドル) がスライダーの左端にあります。
最後に、スライダーの On Value Change (Single) イベントを紹介します。円形のスライダー (ハンドル) をドラッグすると、このイベントがトリガーされます。同様に、以下に示すように、スライダーの Value 値を出力するメソッドを使用します。
// 滑动条元素上的 Slider 组件
private Slider slider;
void Start()
{
// 获取滑动条元素上的 Slider 组件
slider = GameObject.Find("Slider").GetComponent<Slider>();
}
public void testSliderChange()
{
Debug.Log("SliderChange:" + slider.value);
}
次に、このメソッドをスライダーの On Value Change(Single) イベントにバインドします。
次に、プロジェクト全体を実行して効果を確認しましょう
スライダーをドラッグすると、その値が変化します
その値は実際には 0 から 1 までの 10 進数であり、上記の最小値と最大値の設定に関連します。
このコースに含まれるコンテンツは Baidu Netdisk に共有されています: https://pan.baidu.com/s/1e1jClK3MnN66GlxBmqoJWA?pwd=b2id