flex_framework @ ウィキ

＜YUI-Frameworkの批評と図式＞

 １．YUIの批評

 
２．YUIの関連図（２００７／７／２８時点でのものを図式化したもの）

元の大きな画像はこちらから

「図の解説」
YUIではFlexの標準タグであるApplicationタグを拡張し、
YuiApplicationというタグを使うようになります。
このタグをスタートタグ（Applicationタグの代わり）として、使うことにより、
YuiApplicationタグの中で書かれたUIコンポーネントのタグのイベントハンドラが
<mx:Button id=”btn”/>
というようにButtonであればClickなど標準イベントの要素をタグに記述することなく
認識してくれるようになります。
これを受けてLogic層ではYuiApplicationタグに登録されているUIコンポーネントのハンドラを
記述していくことになりますが、UIコンポーネントのIDとイベント名＋Handlerという命名規約が
存在しています。
例えば上記にあるButtonのClickイベントハンドラをLogic層で作りたい、となる場合
btnClickHandler(event:MouseEvent)
と記述することで、ButtonのUIコンポーネントのClickイベントをハンドルしてくれるようになります。
また、これまでのフレームワークでは実装されてこなかったData層との相互連携も特徴のひとつです。
Flexでは画面の入力用UIコンポーネント（例えばTextInput）に入力された文字は
その画面の入力用UIコンポーネントを直接参照しなければなりませんでした。

例）
MXMLでは
<mx:TextInput id=”txtInput” />
と記述されているものがあれば、
var inputString:String = txtInput.text
という風に取得しなければいけなかった。

しかし、Yuiフレームワークでは、入力用UIコンポーネントに入力されたデータは
Data層にあるデータの入れ物に入力された文字が自動的に入ります。
ですので、上記のようにあげたような入力用UIコンポーネントから直接、
文字列を取得するのではなく、Data層にあるデータの入れ物のデータを参照すればよいわけです。

逆にいえば、Data層にあるデータの入れ物のデータを書き換えれば
表示されるデータも変化する、ということになります。

ただし、まだpublic alphaということであり、未完成な部分があります。
それについては本家サイトのこちらをご覧いただければわかると思います。

サンプルについては本家サイトのこちらからお願いします。