2月 5, 2009 0
[Flash Lite]1.×系でradioButton（風）
１.×系でradioButton風なサンプル作りました。
下記からサンプル見れます。
（注）モバイルからでないと動きません。
http://maxfactory.biz/flash/sample/radio_sample.swf
作成の仕方は、以前書いた「擬似スクロール」と基本的なところは同じです。
チェックボックスのViewはMCで作成して、
ボタンはalpha０％で配置しておきます。
チェックボックスMCは、
第１フレーム：normal
第２フレーム：selected
第３フレーム：normal＋focus
第４フレーム：selected＋focus
のviewを作ります。
ボタンのイベントは、
on (rollOver) {
tellTarget("/radio1/") {
if (_root.selectedValue == 1) {
gotoAndStop(4);
}else {
gotoAndStop(2);
}
}
}
on (rollOut) {
tellTarget("/
radio1/") {
if (_root.selectedValue == 1) {
gotoAndStop(3);
}else {
gotoAndStop(1);
}
}
}
on (press) {
_root.selectedValue = 1;
tellTarget("/
radio1/") {
gotoAndStop(4);
}
tellTarget("/radio2/") {
gotoAndStop(1);
}
}
のようにイベントごとに見た目とcheck状態を変化させています。
各ソースの簡単な説明です。
まず、
radio1がラベル「はい」のラジオボタン
radio2がラベル「いいえ」のラジオボタン
selectedValueがチェック状態を判別するプロパティ（１：はい、２：いいえ）です。
上記のスクリプトはラベル「はい」のラジオボタンのイベントです。
ロールオーバー時にフォーカスを当てた見た目に変更
ロールアウト時にフォーカスをはずした見た目に変更
クリック時に選択時の見た目に変更し、check状態も変更しています。
radio2のイベントもほぼ同様な形でOKです。
簡単ですが説明終わりです。
CS３以降で開けるflaファイルを上げておきますー。
DLはこちらからどうぞ↓
http://maxfactory.biz/flash/sample/radioButtonSample.zip