自适应分辨率的Flash的ReSize效果

韩国的Web2.0发展一览

CSS tips and tricks

自适应分辨率的Flash的ReSize效果

2006.9.6 11:51 [ 工作 ] 评论(1) , 阅读(5433)

大 | 中 | 小

　　目前挺流行这个的，其实就是Stage获得宽高，再使用的transitions.easing完成移动。
　　可以随浏览器或者FlashPlayer改变大小而适应，一般是以相对坐标来完成各分辨率效果。如果加以利用应是非常绚的效果。

全屏查看，改变浏览器尺寸试试

Stage.showMenu = false;
var msize = new Object();
msize.onResize = function() {
  movesize();
};
Stage.scaleMode = "noScale";
Stage.align = "tl";
Stage.addListener(msize);
movesize();
function movesize() {
  new mx.transitions.Tween(a1, "_x", mx.transitions.easing.Regular.easeOut, a1._x, 40, 18, false);
  new mx.transitions.Tween(a1, "_y", mx.transitions.easing.Regular.easeOut, a1._y, 40, 18, false);
  new mx.transitions.Tween(a2, "_x", mx.transitions.easing.Regular.easeOut, a2._x, Stage.width-a2._width-40, 18, false);
  new mx.transitions.Tween(a2, "_y", mx.transitions.easing.Regular.easeOut, a2._y, 40, 18, false);
  new mx.transitions.Tween(a3, "_x", mx.transitions.easing.Regular.easeOut, a3._x, 40, 18, false);
  new mx.transitions.Tween(a3, "_y", mx.transitions.easing.Regular.easeOut, a3._y, Stage.height-a3._height-40, 18, false);
  new mx.transitions.Tween(a4, "_x", mx.transitions.easing.Regular.easeOut, a4._x, Stage.width-a4._width-40, 18, false);
  new mx.transitions.Tween(a4, "_y", mx.transitions.easing.Regular.easeOut, a4._y, Stage.height-a4._height-40, 18, false);
  new mx.transitions.Tween(aa, "_x", mx.transitions.easing.Regular.easeOut, aa._x, Stage.width/2-aa._width/2, 18, false);
  new mx.transitions.Tween(aa, "_y", mx.transitions.easing.Regular.easeOut, aa._y, Stage.height/2-aa._height/2, 18, false);
}