Flash整站项目Gaia框架总结(2)AS2部分
今天的项目又用到了Gaia,只不过这次用AS2.不是AS3.
去年上一次的见此。
《Flash之gaia专栏——又见Gaia 项目中用到的方法汇总》。
1 基础的基础
1 goto的值是XML的id.
2 不用复制以前的FD模板,Gaia会自动生成,用了反而混淆
3 不要用自定义的滚动条,会出现>>INTERRUPTIN<<的经典错误. 为什么呢?我推测是这样的:
1) 自定义滚动条在根上创建了空mc,作为onEnterFrame的载体
2) 这个mc和tweenMax类在根上创建的空mc相冲突,可能是覆盖.
3) 导致单独页面的onTransitionOut函数无法执行,无法调用完成事件.
2 拦截页面
比如活动页面要按步骤，1-2-3，不能直接跳到3，就要在拦截事件中判断。判断的方法可能很多，我想的很简单，就是判断上一个branch是不是，比如3之前是不是2,2之前是不是1.
if (now = step2) {
if (old=step1) {
跳到2();
}else {
退回1();
}
}
if (now = step3) {
if (old=step2) {
跳到3();
}else {
退回1();
}
}
应该用哪个拦截事件呢？试了下，感觉onBeforeTransitionOut和onBeforeTransitionIn区别不大。
关键代码如下：
var myListener:Function = Delegate.create(this, onBeforeTransitionOut); //加拦截事件
releaseGaia = Gaia.api.beforeTransitionOut(myListener, true); //回调事件
function onBeforeTransitionOut(event:GaiaEvent) {
var nowbranch = event.validBranch;
trace("nowbranch/////"+nowbranch);
if (nowbranch == "index/nav/action/step2") {//目标分支
if ( LASTbranch == "index/nav/action/step1" && 1==Main.step[1]) {//判断旧分支是不是上一个
LASTbranch = event.validBranch; //记录分支
releaseGaia();//跳到Step2
}else {
LASTbranch = "index/nav/action";//记录分支
Gaia.api.goto("index/nav/action");//退回Step1
}
return;
}
LASTbranch = event.validBranch; //记录分支
releaseGaia();//该去哪去哪
}
2 拦截之二
上一次是把bg.swf作为assets放到index，控制代码在。在FDT搜索assets['bg'],找到。
要等到加载完成后，再播放。
报错
branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 branch-----------------------index/nav/action/step1 在一个动作列表中，递归超过了 256 级。 这可能是一个无限循环。 已禁止在此影片中继续执行动作。
3 asset
asset可以加载swf也可以是xml。
像动画师做的东西就可以单独拿出来作为asset，这样，动画模块就和代码分离了。
<page id="index" title="Single Page Gaia" src="index.swf" depth="middle" seo="true"> <asset id="MyPreloader" src="MyPreloader.swf" /> <asset id="bg" src="swf/assets/bg.swf" />
4 测试和发布
在Page类文件加代码，文件既能单独打开看，又能在整体的时候，使用框架统一的淡入淡出。
//在构造器中
if (this._parent != undefined) {
_alpha = 0;
}else {
my_init();
}
//在transitionIn中
if (this._parent != undefined) {
my_init();
}
5 缓动很长的背景图片
bg是一张很长的背景图片，类似横幅长卷《清明上河图》，连接6个场景。
每当要切换场景的时候，要先判断子影片是否加载完成，加载完成，让bg缓动到相应的x位置。
gaia里注册的拦截事件是afterTransitionOut：
releaseGaia = Gaia.api.afterTransitionOut(onAfterTransitionOut, true);
在onAfterTransitionOut事件中，通过判断分支，如果是指定的场景，就让bg缓动到相应的x位置。并在onComplete完成事件中，使子影片淡入。
function onAfterTransitionOut(event:GaiaEvent):void {
var branch:String = Gaia.api.getCurrentBranch();
if(是指定的场景){
TweenLite.to(bg, 1, { x: -_posArr[id - 1],
ease:Circ.easeInOut,
onComplete:function():void {
releaseGaia();
} } );
}
}
上次经验不足，绕了个大圈子。
1)先用Flash导出BgImg.SWC
2)再写个BgAsset类实例化BgImg
3)再用BgAsset导出bg.swf.
4)最后这个swf作为assets放到indexPage下
5)最可恶的是控制bg的代码没有写在indexPage里面，而是写在mainContext.as。在FDT找了半天才找到线索。
var bg:IMovieClip = IMovieClip(Gaia.api.getPage("index").assets.bg);
要等到加载完成后，再播放。
onAfterTransitionOut事件中做缓动。
6 指定首页的加载条
在site.xml的site节点加上属性 preloader="MyPreloader.swf"
并在index page节点加上 <asset id="MyPreloader" src="MyPreloader.swf"/>
以前的做法是
1)Flash把素材导出成LoadingBar.SWC.
2)把Gaia默认的Preloader.as复制成MyPreloader.as.
3)用FDT写MyPreloader.as，在transitionIn中实例化SWC的LoadingBar类，加到舞台，淡入缓动。
4)在onProgress中操作进度条和文本框。
5)上一次首页还有个进入按钮，Gaia是直接进入内页。此时，内页内容已经在舞台上，只能让他们不显示，如果是动画
，就停在第一帧。点按钮后，再让其显示，并播放动画。
if(event.perc==1){ //加载完成
btn.onRelease=function(){
发送事件，显示内页。
}
}
7 指定接口路径
项目中像链接，后台路径都是不固定的，基本上不到最后一天，AE是给不到上线地址了。所以要给自己留条活路，不要在Flash里写死，要留出接口。我一般就在Gaia的site.xml里加自已的节点，就加在page节点之后。
<my nocache="no" alertJS="yes" >
<BTsend_for_gift href="http://localhost/h/app/send_for_gift.aspx" nocache="yes" />
8 跳转博客平台
用下面的测试,xxx,yyy换成想要的内容
<a href="http://v.t.sina.com.cn/share/share.php?url=yyy&title=xxx" window="_blank">新浪</a> <br /> <a href="http://www.kaixin001.com/repaste/share.php?rurl=yyy&rcontent=yyy&rtitle=xxx" window="_blank" >开心</a> <br /> <a href="http://share.renren.com/share/buttonshare.do?link=yyy&title=xxx" window="_blank">人人网</a> <br /> <a href="http://www.douban.com/recommend/?url=yyy&title=xxx" window="_blank" >豆瓣</a>参考 js 几个网站的分享链接
http://blog.csdn.net/ypb137154098/article/details/6590515
9 访问Assets
在AS3中访问assets要加个判断，以免以后在xml删asset节点，flash报错。
if(this.assets.hasOwnProperty("AsearchBar")){
this.assets["AsearchBar"].visible = true;
}AS2就不用这一步了。
参考
http://www.sqflash.com/Flashwenti/aswenti/2010-07-25/150.html
如何给动态类动态添加属性和方法【Flash AS3.0】