Full Browser SWF in Flash Gaia Framework

Basic swfobject setting:
100% width
100% height

in as3 code:
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

監聽 Event.RESIZE 事件
stage.addEventListener(Event.RESIZE, onResize);
onResize();

原始文件大小
Gaia.api.getWidth(): The fixed width of document size(1000)
Gaia.api.getHeight(): The fixed height of document size(600)

瀏覽器大小(dynamic)
stage.stageWidth: The width of browser stage(1920)
stage.stageHeight: The height of browser stage(1080)

swffix ie9 scrollbar bug fixed

add to head
<style type="text/css">
object{
position: absolute;
outline: none;
}
 </style>

Gaia Dynamic Externalized Assets

Gaia Dynamic Externalized Assets

in site.xml
add
<asset id="manImages" src="xml/manImages.xml"/>

in manImages.xml
<assets>
<asset id="m0" pic="images/man/0.jpg" />
<asset id="m1" pic="images/man/1.jpg" />
<asset id="m2" pic="images/man/2.jpg" />
</assets>

now, you can dynamic add assets.
var assetNodes:XMLList = IXml(assets.manImages).xml.asset;
var gamePage:IPageAsset = Gaia.api.getPage(Pages.GAME);
Gaia.api.addAssets(assetNodes, gamePage);

done.

gaia preload setting

in preload.fla
設定 scaffold color effect=None
設定 PreloaderScaffold 的 outline layer=Guide
並新開一層 layer 加入新的 loading 特效.

in pages.PreloaderScaffold.as
調整 onResize function
private function onResize(event:Event = null):void
{
  //x = (Gaia.api.getWidth() - width) / 2;
  //y = (Gaia.api.getHeight() - height) / 2;
}
完整 code 如下：

how to get a page custom attribute in gaia

in site.xml
<page id="index" src="index.swf" hiddenOverviewTxt="false">

using node to get page attribute

Gaia.api.getPage(Pages.INDEX).node.@hiddenOverviewTxt
or
page.node.@hiddenOverviewTxt

passing variable to gaia page

passing variable to gaia page

using deeplink

Gaia.api.goto(Pages.YOUR_PAGE + "/variable);

function transitionIn():void
{
    var type:String = Gaia.api.getDeeplink().substr(Gaia.api.getDeeplink().lastIndexOf("/") + 1);
    handleDeeplink(type);
}
function handleDeeplink(__arg:String):void
{
    // do something...
}

event hijacking - flash gaia framework

gaia event hijacking 可是相當博大精深的呀~~
首先要知道有哪些 gaia flow events 可用
beforeGoto
afterGoto
beforeTransitionOut
afterTransitionOut
beforePreload
afterPreload
beforeTransitionIn
afterTransitionIn
afterComplete(no hijacking)

假設要在 transitionIn 之前做一些事，
先宣告
private var releaseGaia:Function;
// in constructor
releaseGaia = Gaia.api.beforeTransitionIn(onBeforeTransitionIn,true);

private function onBeforeTransitionIn(event:GaiaEvent):void {
  // do something...
  releaseGaia();
}

另外在 Navigation 裡常用的手法，
// in init
Gaia.api.afterGoto(setPageId, false, false);

private function setPageId(e:GaiaEvent):void {
  trace(e.validBranch);
}

用來做 breadcrumb  還蠻方便的。

[ref]
http://www.gaiaflashframework.com/wiki/index.php?title=Events_and_Hijacking