ra66it blog

Progressionのサンプル

先日のWCAN mini AS vol.13では、主に、スライドをProgressionで作るということになってしまいましたが、a-blog cmsとProgressionを連携させるためにXMLで内容を更新できるようにしました。（追記：まだa-blog cmsとの連携はできてません。以下のXMLファイルをa-blog cmsでのテンプレートを用意して出力できるようにする必要があります。）

• サンプルはこちら
• IndexとエントリーのXMLファイルを読み込んで、イメージとテキストを表示しています。

せっかくなのでソース公開します。きっと、コマンドとかもっときれいに書けるはずだと思いますし（エラー処理とかもないし）、いらないimport文とかも書いてると思いますが、（いまだにFlashでAS書いているもので…。）なにかの参考になれば。

ソース： http://ra66it.net/lab/ex200910/Ra66it_progression.zip

srcの中がASのファイルとかが入ってる場所です。

IndexScene

protected override function atSceneLoad():void {
    addCommand(
        new LoadURL( new URLRequest( "index.xml" ) ),
        function():void {
            var xml:XML = new XML( this.latestData );
            title = xml.title;
            addSceneFromXML( xml );
        },
        new Prop(_navigation, {x: 0, y: 0}),
        new AddChild( Index.NAVIGATION, _navigation )
    );
}

IndexScene、index.xmlファイルを読み込んで、シーンを作っています。

bin-debug/index.xml

*
ra66it.netのProgressionのサンプルです。
     
          entry/entry-1.xml
          -
     
     
          entry/entry-2.xml
          -
     
     
          entry/entry-3.xml
          -
     
     
          entry/entry-4.xml
          -
     

こんな感じでindex.xmlではシーンを作っているだけで、コンテンツはシーンのurlにある個々のXMLファイルを見ます。

entry-1シーンなどは、BlogEntrySceneでシーンを作って、そこにBlogEntryPageを表示してます。

BlogEntrySceneは、BlogEntryPageの他、ナビゲーションのボタン、スクロールバーの設置、ウィンドウをリサイズしたときの処理、ページが飛んでくるアニメーションなどを行っています。BlogEntryPageは、entry-1.xmlなどのエントリー個別のXMLファイルを読んで、イメージとテキストを表示しています。

スクロールバーについては、スクロールバーをつくるときのポイント part２ | エントリー | _level0.KAYAC を参考にしました。

tags：WCAN mini AS Progression