shknock

やってみると案外簡単で楽しそうな Flex。
何はともあれ SDK。
Download Flex 3 - Flex SDK - Confluence

フリーのFlash統合開発環境 FlashDevelop (+flex 3 SDK)を入れてみました：■ 音楽方丈記 ■
FlashDevelop - インストール - pyro | blog
FlashDevelop 3.0.0 Beta2上でコンパイルとかをする - 書き物
太郎日記’79J | ベリーシンプルに、rascutやFlashDevelopにFlex 3 SDKベータ2を対応させるメソッドつまり方法。

眠る開発屋blog » mingで携帯対応Flashを作成する
Lite1.1：２．ＨＴＭＬからＳＷＦへ値を渡す
SWFPrebuiltClip - 近況
Ming Flash Examples and Tutorials using PHP by gazb
やってみたいな～、と気の向くままに

さて。
URL として使える文字列長をちょっと調べました。
DoCoMo,AU,Vodafone,Tukaのそれぞれのバージョンの端末で指定可能なURL長のMAXを教えてください。 - 人力検索はてな
au について明確な資料が無さそうだったのですが。
KDDI au: Flashコンテンツ > 技術情報
getURL() の解説でさりげなく

リンク先URL (最大1024byte)

との事で。

先生、Flash をアップデートすると Device Central の項目で必ず失敗します。

先生、Device Central に新しいプロファイルを追加しても、項目が更新されません。

と、困り者の Device Central 。アップデートの警告で再インストールして下さいとは言われるのですが、面倒で放置していたものの、気に成っていい加減対応しようと探しますれば。

Flash Lite 3 update for Device Central CS3 failed to install error（via Device Central CS3のアップデートが必ず失敗する（解決） - hex6.net）

これで解決です、先生。
プロファイルも無事に見られます。

しかし、DoCoMo 端末の挙動が明らかにおかしい気がする。

［233840］Flash Lite でサポートされているキー

全てのデバイスで対応している上下キィイベントが取れない。それはおかしいのでは。

Firefox をお使いの方は about:robots と。

するとこんなのが。

ちなみに英語版はFirefox 3: Power User’s Guide to Firefox 3にて見られます。

ADOBE MAX 2008
なんか面白い。

開いて直ぐに英語で何か喋っている
→移動
じゃなくて、ちょっと待って居ると世界が開けて何か出来るんだよ。

参考：akihiro kamijo: MAX 2008 の Flash サイト公開

Zoomii.com - The “Real” Online Bookstore

ブラウザで開架閲覧しよう。
ちゃんとスクロール座標がアドレスに残っているのが嬉しい。
でも少し動作がゆったりか。

Search Read Items in Google Reader

でも背景色がどぎつくないかね。

lifehacker から二つ。

Firefox 3: Power User’s Guide to Firefox 3
Firefox: Functional Firefox User Styles

事のついでで、途中まで作っていたキーイベント取得クラスを締めたので、それも載せます。

SiHyKeyboardManager.as

SiHyKeyboardManager.getInstance().initialize( stage );
SiHyKeyboardManager.getInstance().addKeyDownFunction( Keyboard.W, _onKeyDownClose, this, true );

始めに initialize() で stage を設定します。
addKeyDownFunction() でイベントを取得したいキーコードと関数を設定します。Ctrl や Alt や関数の引数も適宜。

コンポーネントらしくソースがまとまったので公開してみます。

Air ではウィンドウスタイルが自由に作れるので、奇を衒わず且つそこそこに Flash らしいウィンドウコンポーネントが在ったら便利かなと思って作りました。

tweener 使っているので、試してみたい方はそちらもお忘れ無く。テーマカラーは Tango Desktop Project を参考にしました。

ダウンロード

• com.wrryyy.core.component
• tweener

• 次の使用例

インストール
ダウンロードしたファイルをクラスフォルダに移動して下さい。

使用例

package {
import com.wrryyy.core.component.air.button.HyButton;
import com.wrryyy.core.component.air.button.HyButtonConfigure;
import com.wrryyy.core.component.air.radio.HyRadio;
import com.wrryyy.core.component.air.radio.HyRadioConfigure;
import com.wrryyy.core.component.air.window.HyWindow;
import com.wrryyy.core.component.air.window.HyWindowEvent;
import com.wrryyy.core.component.air.window.HyWindowConfigure;
import com.wrryyy.core.c.StTangoColor;
import flash.display.MovieClip;

public class Test extends MovieClip {
private var _win:HyWindow;
private var _button:HyButton;
private var _radio1:HyRadio;
private var _radio2:HyRadio;

public function Test() {
var conf:HyWindowConfigure = new HyWindowConfigure( "dev", true, StTangoColor.PLUM );

_win = new HyWindow();
addChild( _win );
_win.initialize( stage.stageWidth, stage.stageHeight, conf );
_win.create();

_button = new HyButton();
_win.addContent( _button );
_button.initialize( 100, 20, new HyButtonConfigure( "button", true, _win.getColorTheme() ) );

_radio1 = new HyRadio();
_win.addContent( _radio1 );
_radio1.initialize( false, new HyRadioConfigure( "radio1", true, _win.getColorTheme() ) );

_radio2 = new HyRadio();
_win.addContent( _radio2 );
_radio2.initialize( false, new HyRadioConfigure( "radio2", true, _win.getColorTheme() ) );

_button.x = _radio1.x = _radio2.x = 100;
_button.y = 100;
_radio1.y = 200;
_radio2.y = 300;

_win.addEventListener( HyWindowEvent.THEME_CHANGED, _onWindowThemeChanged );
_win.setStatusText( "loaded" );
}

private function _onWindowThemeChanged(e:HyWindowEvent):void {
_button.changeColorTheme( _win.getColorTheme() );
_radio1.changeColorTheme( _win.getColorTheme() );
_radio2.changeColorTheme( _win.getColorTheme() );
}
}
}

実行結果


機能
Windows のウィンドウと大体同じ動作です。

解説

_win = new HyWindow();
addChild( _win );
_win.initialize( stage.stageWidth, stage.stageHeight, conf );
_win.create();

HyWindow クラスは次の四段階でステージに生成されます。

1. 変数宣言
2. addChild()
3. initialize()
4. create()

_button = new HyButton();
_win.addContent( _button );
_button.initialize( 100, 20, new HyButtonConfigure( "button", true, _win.getColorTheme() ) );

HyButton / HyRadio クラスの場合は create() 不要です。
ウィンドウ内に配置したいので、addChild() の代わりに HyWindow クラスの addContent() を使用します。

var conf:HyWindowConfigure = new HyWindowConfigure( "dev", true, StTangoColor.PLUM );

initialize()の引数にある HyWindowConfigure は HyWindow の設定クラスです。引数は、“ウィンドウ名”、“テーマを使うかどうか”、”テーマ”、の順番です。
テーマで使用している StTangoColor は先述 Tango Desktop Project のテーマです。

テーマを使わない場合の動作は…余り試していません。HyWindowConfigure の変数をいじればいい筈ですが。

_win.addEventListener( HyWindowEvent.THEME_CHANGED, _onWindowThemeChanged );

private function _onWindowThemeChanged(e:HyWindowEvent):void {
_button.changeColorTheme( _win.getColorTheme() );
_radio1.changeColorTheme( _win.getColorTheme() );
_radio2.changeColorTheme( _win.getColorTheme() );
}

この様にテーマ変更のイベントを取得してボタンの色を変更するのも風雅です。