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