このwikiの更新情報RSSトップページ > MinimalComps > CheckBoxでチェックボックスを作る
実行結果
MinimalCompsのCheckBoxクラスでチェックボックスを作ってみましょう。
概要
デザインはこのような感じです。
プログラム
var check1:CheckBox = new CheckBox(this, 100, 100, "dodonpachi", onMouseClick);
コンストラクタの引数
- parent:DisplayObjectContainer
- チェックボックスを表示リストに加える親オブジェクトを指定します。
- xpos:Number = 0
- x座標を指定します。
- ypos:Number = 0
- y座標を指定します。
- text:String = ""
- チェックボックスの右側に表示する文字列を指定します。
- defaultHandler:Function = null
- チェックボックスをクリックするたびに呼び出すメソッドを指定します。
private function onMouseClick(event:MouseEvent):void
{
trace(event.currentTarget); // [object CheckBox]
trace(event.currentTarget.selected); // true or false
}
MouseEventが送られてくるので、引数にevent:MouseEventと書いておきましょう。
event.currentTargetでクリックされたチェックボックスを参照出来ます。
CheckBox#selectedで、チェックが入っているならtrue, 入っていないならfalseを取得することが出来ます。
event.currentTargetでクリックされたチェックボックスを参照出来ます。
CheckBox#selectedで、チェックが入っているならtrue, 入っていないならfalseを取得することが出来ます。
検証用コード
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
import com.bit101.components.CheckBox;
public class Main extends Sprite
{
public function Main()
{
var check1:CheckBox = new CheckBox(this, 100, 100, "dodonpachi", onMouseClick);
var check2:CheckBox = new CheckBox(this, 100, 115, "mushihimesama", onMouseClick);
var check3:CheckBox = new CheckBox(this, 100, 130, "deathsmiles", onMouseClick);
}
private function onMouseClick(event:MouseEvent):void
{
trace(event.currentTarget); // [object CheckBox]
trace(event.currentTarget.selected); // true or false
}
}
}
