| パッケージ | mx.controls |
| public class VSlider | |
| 継承 | VSlider Slider UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
スライダは、最小値から最大値までの範囲を無段階に移動できるか、または最小値から最大値までの範囲内で段階的にのみ移動できます。トラックに沿って指定された間隔で目盛りが表示されます。目盛りは、スライダに設定できる値とは関係なく設定できます。現在の値を表示するデータヒントを使用することもできます。
VSlider は縦向きです。スライダトラックは下から上に伸び、ラベルと目盛りはトラックの右または左に配置されます。
MXML シンタックス
MXML シンタックスの非表示
The <mx:VSlider> tag inherits all of the tag attributes of its superclass, and adds the following tag attribute:
<mx:VSlider Styles dataTipPlacement="top" />
関連項目
| メソッド | 定義 | ||
|---|---|---|---|
|
VSlider()
コンストラクタです。
| VSlider | ||
![]() |
この DisplayObjectContainer インスタンスに子 DisplayObject インスタンスを追加します。
| DisplayObjectContainer | |
![]() |
この DisplayObjectContainer インスタンスに子 DisplayObject インスタンスを追加します。
| DisplayObjectContainer | |
![]() |
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
リスナーがイベントの通知を受け取るように、イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録します。
| EventDispatcher | |
![]() |
特定の
point ポイントを指定して呼び出した DisplayObjectContainer.getObjectsUnderPoint() メソッドから返されたリストに、セキュリティ上の制約のために省略される表示オブジェクトがあるかどうかを示します。 | DisplayObjectContainer | |
![]() |
後で呼び出す関数をキューに格納します。
| UIComponent | |
![]() |
このコンポーネントインスタンスからスタイルプロパティを削除します。
| UIComponent | |
![]() |
指定された表示オブジェクトが、DisplayObjectContainer インスタンスの子であるか、インスタンス自体であるかを指定します。
| DisplayObjectContainer | |
![]() |
Point オブジェクトをコンテンツ座標からグローバル座標に変換します。 | UIComponent | |
![]() |
Point オブジェクトをコンテンツ座標からローカル座標に変換します。 | UIComponent | |
![]() |
このコンテナ内の子を識別するプロパティのセットを返します。
| UIComponent | |
![]() |
この IUIComponent オブジェクトへの
id 参照を親ドキュメントオブジェクト上に作成します。 | UIComponent | |
![]() |
この IUIComponent オブジェクトへの
id 参照を親ドキュメントオブジェクトから削除します。 | UIComponent | |
![]() |
この UIComponent のテキストスタイルに対応する UITextFormat オブジェクトを返します。
| UIComponent | |
![]() | UIComponent | ||
![]() |
このコンポーネントを囲むフォーカスインジケータを表示または非表示にします。
| UIComponent | |
![]() |
drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerRadius:Object = null, color:Object = null, alpha:Object = null, gradientMatrix:Matrix = null, gradientType:String = "linear", gradientRatios:Array = null, hole:Object = null):void
このスキンの Graphics オブジェクトに矩形をプログラムにより描画します。
| UIComponent | |
![]() |
コンポーネントでの再生の停止時にエフェクトインスタンスによって呼び出されます。
| UIComponent | |
![]() |
コンポーネントでの再生の開始時にエフェクトインスタンスによって呼び出されます。
| UIComponent | |
![]() |
現在コンポーネントで再生中のすべてのエフェクトを終了します。
| UIComponent | |
![]() |
この UIComponent オブジェクトへのデータバインディングを実行します。
| UIComponent | |
![]() |
印刷の完了後に呼び出されます。
| UIComponent | |
![]() |
指定のインデックス位置でオートメーションオブジェクトを提供します。
| UIComponent | |
![]() |
targetCoordinateSpace オブジェクトの座標系を基準にして、表示オブジェクトの領域を定義する矩形を返します。 | DisplayObject | |
![]() |
指定のインデックス位置にある子表示オブジェクトインスタンスを返します。
| DisplayObjectContainer | |
![]() |
指定された名前に一致する子表示オブジェクトを返します。
| DisplayObjectContainer | |
![]() |
child DisplayObject インスタンスのインデックス位置を返します。 | DisplayObjectContainer | |
![]() |
この UIComponent インスタンスのタイプセレクタを探します。
| UIComponent | |
![]() |
明示された高さを使用するのか、それとも測定した高さを使用するのかを決定する便利なメソッドです。
| UIComponent | |
![]() |
明示的な幅または測定幅を使用するかどうかを決定するための便利なメソッドです。
| UIComponent | |
![]() |
現在フォーカスを持っているオブジェクトを取得します。
| UIComponent | |
![]() |
指定されたポイントの下にあり、この DisplayObjectContainer インスタンスの子 (または孫など) であるオブジェクトの配列を返します。
| DisplayObjectContainer | |
![]() |
シェイプ上の線を除き、
targetCoordinateSpace パラメータによって定義された座標系に基づいて、表示オブジェクトの境界を定義する矩形を返します。 | DisplayObject | |
![]() |
指定された Repeater がこの Repeater を生成するために使用した
dataProvider 内のアイテムを返します。この Repeater が繰り返されていない場合は、null を返します。 | UIComponent | |
![]() |
このコンポーネントのスタイル参照チェーンのいずれかの場所に設定されたスタイルプロパティを取得します。
| UIComponent | |
![]() |
指定のインデックス位置にあるサムオブジェクトを返します。
| Slider | |
![]() |
Point オブジェクトをグローバル座標からコンテンツ座標に変換します。 | UIComponent | |
![]() |
point オブジェクトをステージ (グローバル) 座標から表示オブジェクトの (ローカル) 座標に変換します。 | DisplayObject | |
![]() |
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。
| EventDispatcher | |
![]() |
指定されたプロパティがオブジェクトに定義されているかどうかを示します。
| Object | |
![]() |
表示オブジェクトを評価して、
obj 表示オブジェクトと重複または交差するかどうかを調べます。 | DisplayObject | |
![]() |
表示オブジェクトを評価して、
x および y パラメータで指定されたポイントと重複または交差するかどうかを調べます。 | DisplayObject | |
![]() |
水平方向のグラデーションを描画するときに
rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
![]() |
このコンポーネントの内部構造を初期化します。
| UIComponent | |
![]() |
このコンポーネントの繰り返されるインスタンスを追跡する各種プロパティを初期化します。
| UIComponent | |
![]() |
次に画面が更新されている間に
updateDisplayList() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
![]() |
次に画面が更新されている間に
commitProperties() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
![]() |
次に画面が更新されている間に
measure() メソッドが呼び出されるように、コンポーネントをマークします。 | UIComponent | |
![]() |
Object クラスのインスタンスが、パラメータとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。
| Object | |
![]() |
Point オブジェクトをローカル座標からコンテンツ座標に変換します。 | UIComponent | |
![]() |
point オブジェクトを表示オブジェクトの (ローカル) 座標からステージ (グローバル) 座標に変換します。 | DisplayObject | |
![]() |
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、
<font> や <b> のような HTML タグが含まれる指定の HTML テキストを測定します。 | UIComponent | |
![]() |
この UIComponent のスタイルで決定される UITextFormat を使用して単一行の UITextField に表示するものとして、指定のテキストを測定します。
| UIComponent | |
![]() |
親の内部の指定された位置にコンポーネントを移動します。
| UIComponent | |
![]() |
スタイルの変更を子に通知します。
| UIComponent | |
![]() |
owner プロパティのチェーンが child からこの UIComponent を指定している場合に、true を返します。 | UIComponent | |
![]() |
UIComponent オブジェクトを親に対して追加または削除したときに Flex によって呼び出されます。
| UIComponent | |
![]() |
印刷用の IFlexDisplayObject を準備します。
| UIComponent | |
![]() |
指定されたプロパティが存在し、列挙できるかどうかを示します。
| Object | |
![]() |
このコンポーネントの CSS スタイルキャッシュを作成または再作成します。
recursive パラメータが true の場合は、このコンポーネントのすべての子孫の CSS スタイルキャッシュも作成または再作成します。 | UIComponent | |
![]() |
エフェクトイベントごとに、イベントリスナーの 1 つとして EffectManager を登録します。
| UIComponent | |
![]() |
DisplayObjectContainer インスタンスの子リストから指定の
child DisplayObject インスタンスを削除します。 | DisplayObjectContainer | |
![]() |
DisplayObjectContainer の子リストの指定された
index 位置から子 DisplayObject を削除します。 | DisplayObjectContainer | |
![]() |
EventDispatcher オブジェクトからリスナーを削除します。
| EventDispatcher | |
![]() |
指定されたイベントを再生します。
| UIComponent | |
![]() |
提供された ID を使用して子を解決します。
| UIComponent | |
![]() |
[static]
suspendBackgroundProcessing() が呼び出された後、callLater() によってキューに入れられたメソッドのバックグラウンド処理を再開します。 | UIComponent | |
![]() |
オブジェクトのサイズを設定します。
| UIComponent | |
![]() |
表示オブジェクトコンテナの既存の子の位置を変更します。
| DisplayObjectContainer | |
![]() |
現在の状態を設定します。
| UIComponent | |
![]() |
現在扱っているコンポーネントにフォーカスを設定します。
| UIComponent | |
![]() |
ループ処理に対するダイナミックプロパティの可用性を設定します。
| Object | |
![]() |
このコンポーネントインスタンスのスタイルプロパティを設定します。
| UIComponent | |
![]() |
このメソッドは、スライダサムの値を設定して表示を更新します。
| Slider | |
![]() |
Called when the
visible property changes. | UIComponent | |
![]() |
指定されたスプライトをユーザーがドラッグできるようにします。
| Sprite | |
![]() |
startDrag() メソッドを終了します。 | Sprite | |
![]() |
スタイルプロパティの変更を検出します。
| UIComponent | |
![]() |
コンポーネントのスタイルを初めて初期化するとき、Flex は
stylesInitialized() メソッドを呼び出します。 | UIComponent | |
![]() |
[static]
resumeBackgroundProcessing() が呼び出されるまで、callLater() によってキューに入れられたメソッドのバックグラウンド処理をブロックします。 | UIComponent | |
![]() |
指定された 2 つの子オブジェクトの z 順序 (重ね順) を入れ替えます。
| DisplayObjectContainer | |
![]() |
子リスト内の指定されたインデックス位置に該当する 2 つの子オブジェクトの z 順序 (重ね順) を入れ替えます。
| DisplayObjectContainer | |
![]() |
アプリケーションの DisplayObject の階層内部でのこのオブジェクトの位置を示すストリングを返します。
| FlexSprite | |
![]() |
子の位置とサイズを検証し、その他のビジュアルオブジェクトを描画します。
| UIComponent | |
![]() |
必要に応じて、このオブジェクトのプロパティとレイアウトを検証および更新し、それを再描画します。
| UIComponent | |
![]() |
commitProperties() メソッドを呼び出してコンポーネントのプロパティを検証するためにレイアウトロジックによって使用されます。 | UIComponent | |
![]() |
コンポーネントの測定サイズを検証します。
LayoutManager.invalidateSize() メソッドがこの ILayoutManagerClient を指定して呼び出された場合、測定の実行時に validateSize() メソッドが呼び出されます。 | UIComponent | |
![]() |
このコンポーネントに割り当てられたバリデータからの
valid と invalid の両方のイベントを処理します。 | UIComponent | |
![]() |
指定されたオブジェクトのプリミティブな値を返します。
| Object | |
![]() |
垂直方向のグラデーションを描画するときに
rot パラメータとして drawRoundRect() メソッドに渡すことのできるボックスの Matrix を返します。 | UIComponent | |
![]() |
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。
| EventDispatcher | |
| スタイル | 説明 | 定義 | ||
|---|---|---|---|---|
![]() | 型: uint 形式: Color CSS の継承: no 境界線の黒い区画のカラーです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの下端から親コンテナの下端までの垂直距離 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Number 形式: Length CSS の継承: no サムに対するデータヒントのオフセット (ピクセル単位) です。 | Slider | ||
|
dataTipPlacement
| 型: String CSS の継承: no サムに関連するデータヒントの場所です。有効な値は、 "left"、"right"、"top"、および "bottom" です。
デフォルト値"left". | VSlider | ||
![]() | 型: int CSS の継承: no データヒントテキストで使用する小数点以下の桁数です。 | Slider | ||
![]() | 型: String CSS の継承: no データヒントで使用するスタイル宣言の名前です。 | Slider | ||
![]() | 型: uint 形式: Color CSS の継承: yes 検証が失敗した場合のコンポーネントのハイライトの色です。 | UIComponent | ||
![]() | 型: Array CSS の継承: no コンポーネントの背景の塗りで使用されるアルファ透明度値を指定します。 | Slider | ||
![]() | 型: Array 形式: Color CSS の継承: no スライダサムを着色するカラーです。 | Slider | ||
![]() | 型: Array 形式: Color CSS の継承: no コンポーネントの背景の塗りの着色で使用するカラーを指定します。 | Slider | ||
![]() | 型: String CSS の継承: no フォーカス矩形で使用されるブレンドモードです。 | UIComponent | ||
![]() | 型: Class CSS の継承: no フォーカス矩形の描画に使用するスキンです。 | UIComponent | ||
![]() | 型: Number 形式: Length CSS の継承: no フォーカス矩形のアウトラインの幅 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの中心からコンポーネントの中心までの水平距離 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Boolean CSS の継承: no サムの方向を反転します。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no トラックに対するラベルの y 方向オフセット (水平方向ラベルの場合)、または x 方向オフセット (垂直方向ラベルの場合) です。 | Slider | ||
![]() | 型: String CSS の継承: no スライダのラベルに使用するスタイルの名前です。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの左端からコンポーネントの左端までの水平距離 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの右端から親コンテナの右端までの水平距離 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Boolean CSS の継承: no サムの間のトラックをハイライト表示できるようにするかどうかを指定します。サムが 1 つの場合は、サムとトラックの始点との間をハイライト表示できるようにするかどうかを指定します。 | Slider | ||
![]() | 型: Number 形式: Time CSS の継承: no トラックをクリックしてサムを動かしたときに表示されるサムのスライドアニメーションの時間 (ミリ秒) です。 | Slider | ||
![]() | 型: Function CSS の継承: no トラックをクリックしてサムを動かしたときに表示されるサムのスライドアニメーションで使用されるトゥイーン関数です。 | Slider | ||
![]() | 型: uint 形式: Color CSS の継承: yes コンポーネントのテーマカラーです。 | UIComponent | ||
![]() | 型: Class CSS の継承: no 無効状態のスライダサム用のスキンです。 | Slider | ||
![]() | 型: Class CSS の継承: no ダウン状態のスライダサム用のスキンです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no トラックに対するサムの y 方向オフセット (水平方向サムの場合)、または x 方向オフセット (垂直方向サムの場合) です。 | Slider | ||
![]() | 型: Class CSS の継承: no オーバー状態のスライダサム用のスキンです。 | Slider | ||
![]() | 型: Class CSS の継承: no アップ状態のスライダサム用のスキンです。 | Slider | ||
![]() | 型: uint 形式: Color CSS の継承: no 目盛りの色です。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no ピクセルで表した目盛りの長さです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no トラックに対する目盛りの y 方向オフセット (水平方向の目盛りの場合)、または x 方向オフセット (垂直方向の目盛りの場合) です。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no ピクセルで表した目盛りの太さです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの上端からコンポーネントの上端までの垂直距離 (ピクセル単位) を表します。 | UIComponent | ||
![]() | 型: Array 形式: Color CSS の継承: no 2 色の配列としてトラックの色を指定します。 | Slider | ||
![]() | 型: Class CSS の継承: no スライダのトラックが選択されたときのスキンです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no トラックマージンのサイズ (ピクセル単位) です。 | Slider | ||
![]() | 型: Class CSS の継承: no スライダトラックのスキンです。 | Slider | ||
![]() | 型: Number 形式: Length CSS の継承: no コンポーネントの親コンテナの中心からコンポーネントの中心までの垂直距離 (ピクセル単位) を表します。 | UIComponent | ||
| VSlider | () | コンストラクタ |
public 関数 VSlider()コンストラクタです。
<?xml version="1.0"?> <!-- Simple example to demonstrate the VSlider control. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script> <![CDATA[
private var imageWidth:Number=0; private var imageHeight:Number=0;
// イメージサイズを変更するイベントハンドラ関数です。private function changeSize():void { phoneImage.width=uint(imageWidth*hSlider.value/100); phoneImage.height=uint(imageHeight*hSlider.value/100); } ]]> </mx:Script>
<mx:Panel id="panel" title="VSlider Control Example" height="100%" width="100%" layout="horizontal" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox width="50%"> <mx:Image id="phoneImage" source="@Embed('assets/Nokia_6630.png')" creationComplete="imageWidth=phoneImage.width; imageHeight=phoneImage.height;" /> </mx:HBox>
<mx:VBox horizontalAlign="center"> <mx:Label color="blue" text="Drag the slider to resize the image."/>
<mx:VSlider id="hSlider" dataTipPlacement="top" minimum="0" maximum="100" value="100" tickColor="black" snapInterval="1" tickInterval="10" labels="['0%','100%']" allowTrackClick="true" liveDragging="true" change="changeSize();"/> </mx:VBox>
</mx:Panel> </mx:Application>