Slider

Sliderウィジェットは、水平の目盛りのハンドルをドラッグして値を変更できる画面上のコントロールを表示します。jQueryMobileのSliderについてのマニュアルに記載されているようにTizenでSliderを使用することができます。

アプリケーションにSliderウィジェットを追加するには、次のコードを使用します。

<input data-popup='false' type="range" name="slider" value="5" min="0"
max="10" data-icon="text" data-text-left="Min" data-text-right="Max" />

Sliderオプションについて次の表で説明します。

オプション	入力タイプ	説明
data-icon	文字列	スライダ両端のアイコンのスタイルを定義します。オプションの値は`bright`、`volume`、`text`のどれかになります。デフォルトの値は`text`です。
data-popup	真偽値	ハンドルをドラッグしている間の現在の値を示すポップアップを有効または無効にします。デフォルト値は`true`です。
data-text-left	文字列	スライダの左側に表示されるテキストを設定します。 `data-icon`オプションを`text`に設定する必要があります。
data-text-right	文字列	スライダの右側に表示されるテキストを設定します。 `data-icon`オプションを`text`に設定する必要があります。

jQueryMobileのSliderのイベントについてのドキュメントに説明されている方法でイベントのコールバックをSliderに設定することができます。

jQueryMobileのSliderのメソッドについてのドキュメントに説明されているとおりにSliderのメソッドを使用することができます。

次に読むドキュメント

日本語訳： yasuyk

This content is licensed under Creative Commons Attribution 3.0. For details, see the Content License.