mx.controls
NumericStepper クラス

NumericStepper クラス
mx.core.UIComponent の拡張NumericStepper コントロールを使用すると、一定の間隔で増減する数値をユーザーに選択させることができます。NumericStepper コントロールは、単一行のテキスト入力フィールドと、使用できる値を表示するための 2 つの矢印ボタンから構成されます。上矢印キーと下矢印キーを使用して値を表示することもできます。
MXML シンタックス
<mx:VRule> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。
<mx:NumericStepper
maximum="10"
minimum="0"
stepSize="1"
value="0"
change="Event handler; no default."
draw="Event handler; no default."
/>
例を参照するにはここをクリックしてください
change | ユーザー操作の結果として NumericStepper コントロールの値が変化したときにブロードキャストします。このイベントオブジェクトには、次のプロパティが含まれます。 - target イベントをトリガしたコンポーネントへの参照です。 - type イベント change の名前です。
|
draw | オブジェクトがグラフィックを描画しようとしているときにブロードキャストします。このイベントオブジェクトには、次のプロパティが含まれます。 - target イベントをトリガしたコンポーネントへの参照です。 - type イベント draw の名前です。
|
maximum
maximum:Number
範囲の最小値です。デフォルト値は 0 です。
minimum
minimum:Number
範囲の最小値です。デフォルト値は 0 です。
nextValue
nextValue:Number [読み取り専用]
ステップおよび範囲内の次の値です。
previousValue
previousValue:Number [読み取り専用]
ステップおよび範囲内の前の値です。
stepSize
stepSize:Number
現在値からの 0 以外の変化量です。小数点以下が最大で 3 桁までの数値を指定できます。デフォルト値は 1 です。
value
value:Number
ステップおよび範囲内の値です。
version
static version:String
このクラスのバージョンを表すストリングです。
| NumericStepperExample.mxml |
<?xml version="1.0"?>
<!-- NumericStepper コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
function showValue(event)
{
stepValue.text = "Value Selected is " + event.target.value;
}
]]>
</mx:Script>
<mx:Panel title="Numeric Stepper Panel">
<mx:NumericStepper id="stepper" change="showValue(event);" minimum="0" maximum="15"/>
<mx:Label id="stepValue" text=" Default value is:0" color="#0000FF"/>
</mx:Panel>
</mx:Application>
|