Adobe Video Workshop その2

April 25, 2007

『Adobe Video Workshop その1』のつづき。

Creating a simple application with components
リストとボタンコンポーネントのチュートリアル。
次のような内容。

1.コンポーネントパネルからステージにListとButtonをドラッグ
2.Listの名前をmyList、Buttonの名前をmyButton、ButtonのlabelにEat Itemと設定する
3.ActionScriptパネルを開き、1フレーム目に次のコードを記述する

import fl.events.*;
import flash.events.*;
import fl.data.DataProvider;
var dp:DataProvider = new DataProvider();
dp.addItem({label:"tomato"});
dp.addItem({label:"carrot"});
dp.addItem({label:"blueberry"});
dp.addItem({label:"turnip"});
myList.dataProvider = dp;

コンパイルすると、ここまででリストが表示される。
(turnipってカブなんだ。)

myList.addEventListener(Event.CHANGE,announceSelect);
myButton.addEventListener(MouseEvent.CLICK,eatItem);
function announceSelect(e:Event):void{
 trace("You have selected item: ", myList.selectedItem.label);
}
function eatItem(e:MouseEvent):void{
 trace("You have eaten item: ", myList.selectedItem.label);
 dp.removeItem(myList.selectedItem);
}

コンパイル。

4.Listでアイテムを選ぶと『You have selected item: tomato』とかtraceされる
5.Listでアイテムを選んで、Buttonを押すと、選んだアイテムがListから削除される

Writing ActionScript for components
ボタンコンポーネントを使ったボタンにActionScriptを記述する方法についてのチュートリアル。
だいたい次のような内容。

1.コンポーネントパネルからステージにButtonをドラッグ
2.ステージからボタンを削除(ライブラリにボタンがある)
3.ActionScriptパネルを開き、1フレーム目に次のコードを記述する

import fl.controls.Button;
var b:Button = new Button();
addChild(b);

4.コンパイルしてステージにボタンが表示されることを確認して、次の2行を削除する
var b:Button = new Button();
addChild(b);

5.次のコードを記述する
var i:uint = 0;
var j:uint = 0;
var posX:uint = 0;
var posY:uint = 0;
var buttonSize:uint = 25;
while(posY < stage.stageHeight){
 posX = 0;
 j = 0;
 posY = i * buttonSize;
 while(posX < stageWidth){
  posX = j * buttonSize;
  var b:Button = new Button();
  b.setSize(buttonSize,buttonSize);
  b.move(posX, posY);
  b.label = getRandomLetter();
  addChild(b);
  j++;
 }
 i++;
}

あらかじめgetRandomLetter()メソッドが定義されている

var letters:Array = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R"S","T","U","V","W","X","Y","Z"];
function getRandomLetter():String{
 var randomIndex:uint = Math.Floor(Math.random() * letters.length);
 return letters[randomIndex];
}

6.コンパイルするとA~Zをラベルとするボタンがランダムの順序で碁盤状に敷き詰められている
7.ボタンサイズとステージサイズを変えて、試し

このエントリーを含むカテゴリーページ


トラックバック

トラックバックURL

(トラックバックは承認後に公開されます)


コメント

コメントを投稿


(コメントは承認後に公開されます)
検索 リンク 全エントリー RSSフィード カテゴリー 月別アーカイブ
コピーライト

powered by Movable Type Pro 4.261
hosted by