メインコンテンツまでスキップ

スライダーとスクロールバー

スライダーとスクロールバーには、トラックに沿って動く部品があります。コントロールはこれらの部品を、親 (トラック) に対するパーセントの絶対位置を与えることで自ら配置します。コントロールの軸方向について、部品のレイアウトは設定しないでください。

Direction (TrackDirection) で、どちらのコントロールも軸と向きを設定します: LeftToRight、RightToLeft、BottomToTop、TopToBottom。

YauiSlider​

YauiSlider は、トラックに沿ったドラッグ、または向きに沿ったナビゲーションキーで、範囲内の値を選びます。

Slider YauiElement, YauiSlider
├─ FillArea YauiElement (the track of the fill)
│ └─ Fill YauiElement (from the start to the value)
└─ HandleArea YauiElement (the track of the handle)
└─ Handle YauiElement (centered on the value)
メンバー説明
Fillトラックの始点から値までに配置されます (省略可)
Handleトラック内で値を中心に配置されます (省略可)
MinValue, MaxValue範囲
WholeNumbers値を整数に丸めるかどうか
Value, NormalizedValue値と、0〜1 に正規化した値
OnValueChanged値が変わったときに新しい値で呼び出されます
SetValueWithoutNotify(value)OnValueChanged を呼び出さずに値を変更します

YauiScrollbar​

YauiScrollbar は、トラックに対する割合 (スクロールする内容のうち見えている部分) のサイズを持つハンドルを、0〜1 の位置に持ちます。ハンドルをドラッグすると動き、トラックを押すとポインターの方向に 1 ページ分動きます。

Scrollbar YauiElement (the track), YauiScrollbar
└─ Handle YauiElement
メンバー説明
Handle親の中に配置されるハンドル
Value0〜1 の位置
Sizeトラックに対する割合でのハンドルのサイズ
NumberOfSteps値がスナップする位置の数。0 ならスナップなし
OnValueChanged値が変わったときに新しい値で呼び出されます
SetValueWithoutNotify(value)OnValueChanged を呼び出さずに値を変更します

スクロールビューはスクロールバーのサイズと値を操作します。