mx.controls
VSlider クラス


VSlider クラス
mx.controls.sliderclasses.Slider の拡張 VSlider コントロールを使用すると、スライダトラックの両端の間でスライダサムを移動することで値を選択できます。スライダの現在の値は、スライダの両終点の間におけるサムの相対位置によって決定されます。スライダの両終点は、スライダの最小値と最大値に対応します。VSlider は縦向きです。スライダトラックは下から上に伸び、ラベルと目盛りはトラックの右または左に配置されます。
MXML シンタックス
<mx:VSlider> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。 <mx:VSlider
toolTipPlacement="left|right|top|bottom"
/>
例を参照するにはここをクリックしてください
関連項目
VSlider
sliderclasses.Slider
sliderclasses.SliderThumb
sliderclasses.SliderToolTip
sliderclasses.SliderLabel
static | version:String
このクラスのバージョンを表すストリングです。 |
toolTipPlacement | 型 : String CSS の継承 : なし
サムに対するツールヒントの相対位置です。指定できる値は、left、right、top、および bottom です。デフォルト値は left です。 |
version
static version:String
このクラスのバージョンを表すストリングです。
| SimpleImageVSlider.mxml |
<?xml version="1.0"?>
<!-- VSlider コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
var lastvalue=0;
var temp;
function changeSize()
{
temp=slide.value;
temp= slide.value-lastvalue;
flex.width+=temp;
flex.height+=temp;
lastvalue=slide.value;
}
]]>
</mx:Script>
<mx:HBox>
<mx:Panel id="panel" title="Image VSlider Panel">
<mx:HBox>
<mx:Image id="flex" source="@Embed('Flex.png')"/>
</mx:HBox>
</mx:Panel>
<!-- イメージのサイズを変更する単純な水平スライダコントロール -->
<mx:VSlider id="slide" toolTipPlacement="right" snapInterval="1" change="changeSize()" allowTrackClick="true" maximum="100"
minimum="0"/>
</mx:HBox>
</mx:Application>
|