SWF自适应布局技巧 (Rapid Flash Development)快速Flash开发_Flash As

铺满浏览器屏幕的Flash可以通过设置引用Flash参数中的width和height为100%来实现.但是,光做这点是不够的,原因是Flash的内部的界面部局,尚没有如此智能(指的是非FLEX PROJECT,如ActionScript Project或用Flash IDE编译的项目等). 今天,用户的浏览器分辨率主要为1024*768和1280*1024,还有一些老外用那种非常宽大的浏览器:
开发_Flash As-rapid development">

想让你的Flash应用在诸多用户面前都有一个比较好的页面展现,就需要一些代码来辅助了.

注意到AS3中有一个Event.RESIZE事件,此事件当Flash的大小发生改变时激发...AHA,找到答案了;)

看一下实现的代码,以下代码写在主类中:

//4.init screen size adjust
private function initScreenAdjust():void
{
    //Set Scale Mode,设定缩放模式为无缩放
    stage.scaleMode=StageScaleMode.NO_SCALE;

    //Set Screen adjust event,设置屏幕缩放
    stage.addEventListener(Event.RESIZE,screenAdjust);

    //在程序初始时就调用一下界面调整

    screenAdjust(null);
}

//4.1Adjust Sample实例
private function screenAdjust(evt:Event):void
{

        //UIData.SCREEN_WIDTH和UIData.SCREEN_HEIGHT指的是编译出的Flash宽高值.

        //可通过[SWF(width="1024",height="768"]的形式进行设定(FLEX),或在FLASH IDE中直接设定
        var offX:int=Math.floor((UIData.SCREEN_WIDTH -stage.stageWidth)/2); 
        var offY:int=Math.floor((UIData.SCREEN_HEIGHT-stage.stageHeight)/2);

        //this指的是主类,这样做的原因请参考图2
        this.x=offX;
        this.y=offY;

        //内部UI调整,这里调整的是下部工具栏的一个Y值.
        mDownToolBar.y =stage.stageHeight-UIData.DOWN_BAR_OFF_Y;

}

图2展示的是Flash主类的坐标值与stage宽高的关系,这里的调整是将Flash主类的左上角始终贴齐当前Flash Player的左上角,无论尺寸如何变化.

 

图2

 

其实,我这里只是给出一种界面调整方案而已,有时,你可能希望主类局中,一切就看你的需要喽.

一个简单的示例程序地址,可以通过调整浏览器的大小来观察界面的布局改变:Video始终居中;上,下工具栏分别位于上下两边,(代码很容易,主要的上面都已经贴了,就不附代码了)

http://www.xia108.com/labs/rapidFlashDev/chp2.solution/2.2.1FullScreen/index.htm

贴一个实际的应用吧,我的六度拓扑在不同浏览器下的表现,广告广告;)

 

1024*768

 

1280*1024

时间: 2024-08-02 06:58:00

SWF自适应布局技巧 (Rapid Flash Development)快速Flash开发_Flash As的相关文章

高度100%的绝对定位自适应布局技巧

技巧|自适应 容器高度100%是经常用到的需求,任何容器都可以实现,而且不需要嵌套关系. 把body看作是一个容器,做为内部对象的上层标签,他的高度设置为100%是关键. 最基本的例子 * { margin:0; padding:0; border:0;} html,body { height:100%;} /* 同时设置html是为了兼容FF */ #box_2 { height:100%; background:#000;} 重叠绝对高度效果 #box_1 { position:absolu

小议制作Flash网站及flash应用的技巧

技巧 flash网站技巧拾零 1. 快速更新网站文字 在Flash网站各子界面制作过程中,网站文字可以通过复制.粘贴.甚至直接导入文本的方式进行.这里介绍的方法是连A4Desk都不用打开,直接修改文本文件即可更新网站文字了.因为在制作Flash网站时,在软件安装目录下会自动生成一个import文件夹,该文件夹里的每一个文本文件的内容都和网站页面的内容相对应的,找到相应的文本文件即可进行修改了. 2. 快速修改菜单标签 在制作在Flash网站时,修改菜单标签是通过执行"Edit→Section N

《Adobe Flash CS4中文版经典教程》——1 FLASH CS4快速入门1.1 启动Flash并打开文件

1 FLASH CS4快速入门 课程概述 在这一课中,用户将学习如何执行以下任务: 在Flash中创建新文件 在"属性"检查器中调整"舞台"设置 向"时间轴"中添加图层 在"时间轴"中管理关键帧 在"库"中处理导入的图像 在"舞台"上移动和重新定位对象 打开和使用面板 在"工具"面板中选择和使用工具 预览Flash动画 在"Flash帮助"中搜索主

《Adobe Flash CS6中文版经典教程》——第1课 Flash CS6快速入门1.1 启动Flash并打开文件

第1课 Flash CS6快速入门 课程概述 在这一课中,你将学习如何执行以下任务: 在Flash中创建新文件: 在"属性"检查器中调整"舞台"设置: 向"时间轴"中添加图层: 在"时间轴"中管理关键帧: 在"库"面板中处理导入的图像: 在"舞台"上移动和重新定位对象: 打开和使用面板: 在"工具"面板中选择和使用工具: 预览Flash动画: 保存Flash文件: 访

《Adobe Flash CS5中文版经典教程》——第1课 Flash CS5 快速入门 1.1 启动Flash并打开文件

第1课 Flash CS5 快速入门 课程概述在这一课中,你将学习如何执行以下任务: 在Flash中创建新文件 在"属性"检查器中调整"舞台"设置 向"时间轴"中添加图层 在"时间轴"中管理关键帧 在"库"面板中处理导入的图像 在"舞台"上移动和重新定位对象 打开和使用面板 在"工具"面板中选择和使用工具 预览Flash动画 保存Flash文件 访问Flash的在线资

网站首页文章布局技巧可提高点击率

站长最需要的是什么,可能会得到一个异口同声的回答:流量.是的,不管是做单纯依靠广告联盟的站点,还是做电子商务站.行业站,不管依靠搜索引擎还是靠推广和口碑,或者是做产品和服务让用户主动找上门. 其实说白了都是在做流量,因为不管是有效用户还是无效用户,长期用户还是短期用户,访问网站最直接的体现就是流量,虽然有了好的服务和产品,网站就算流量很少有稳固的用户基础也可以源源不断的盈利,但是流量始终是网站的基本,站长都希望自己的网站流量越多越好. 最近从Admin5.com首页文章布局中发现了一些提高有关流

关于自适应布局的处理(利用浮动和margin负边距实现)

自适应布局在实际应用中越来越普遍了,今天分享几个自适应布局的demo,主要是浮动圣杯布局(也叫双飞翼布局,主要是利用浮动和margin负边距实现的),没有介绍绝对定位布局,都是我想,你能明白我下面的几个例子,绝对定位布局也是非常的简单了. PS:圣杯布局有个好处,符合前端开发中渐进增强的理念,因为浏览器解析是从DOM的上至下,圣杯布局能够把页面中重要的内容section放到DOM前面先解析,而次要的aside内容则放在DOM后面后解析. 下面的例子能够解决实际应用中绝大多数的自适应布局问题了,有

为iPhone 6设计自适应布局

Apple从iOS 6加入了Auto Layout后开始就比较委婉的开始鼓励.建议开发者使用自适应布局,但是到目前为止,我感觉大多数开发者一直在回避这个问题,不管是不是由于历史原因造成的,至少他们在心底还坚守着固定布局的老传统思想. 随着iPhone6.iPhone6 Plus的到来,使用自适应布局更是迫在眉睫的事,固定布局的老传统思想脆弱的不堪一击.现在的iPhone有4种尺寸,如果算上iPad,现在Apple的iOS设备有5种尺寸.我们在准备使用自适应布局设计应用界面之前,可以把这5种尺寸划

css多栏自适应布局

css多栏自适应布局还是需要总结一下的,都是基本功. 一般使用position属性布局,或者用float属性布局,也可以使用display属性. 看资料说position适合首页布局,因为首页内容往往可以完全控制.float适合模板布局,模板中填充的内容无法控制. 一.左侧尺寸固定右侧自适应 1.浮动实现 在css浮动一文已介绍过. .left{ width: 150px; float: left; } /*流体布局*/ .right { margin-left: 150px;} 原理:左侧定宽