您的位置: 首页 > 技术文档 > 多媒体制作 > 全屏flash的尺寸分析
Flash实用技术——AS和JS的互动 回到列表 Flex 3程序设计基础
 全屏flash的尺寸分析

作者:winniehoo 时间: 2009-02-09 文档类型:合作网站提供 来自:Alibaba.com UED

随着现在宽屏显示器的流行,Flash的全屏模式下,越来越需要考虑到普屏显示器与宽屏显示器的差别。

Flash全屏模式有以下特点

  1. 窗口最大化,且置顶显示;
  2. 在默认(flash内容自动缩放)状态下, swf文件保持长宽比进行缩放,直到宽、高有其一先达到屏幕尺寸。
  3. 当屏幕长宽比与swf文件长宽比不同时,将显示flash舞台区域外内容。

根据这些特性,我们制作的flash在全屏播放时有以下效果:由于生成的swf文件的长宽比固定,但客户端显示器分辨率多种多样,势必导致flash舞台区域外内容会显示在某些客户端显示器屏幕中。当swf文件是窄比例时,在宽屏显示器下,左右两边会出现舞台区域外内容;当swf文件是宽比例时,在窄屏显示器下,上下两端会出现舞台区域外内容。

这里就牵涉出两个概念区域:“安全区域”和“最大显示区域”。我们这里所谓的“安全区域”,与视频制作时的监视器安全区域类似,即:swf文件不管在什么显示器分辨率下,都会完全置于显示器屏幕内的区域。我们所有的内容都必须处于这“安全区域”内,使得所有客户端都能看到这部分信息,以免造成信息遗漏。而“安全区域”外的内容,则需填充与内容无关的修饰背景,确保各分辨率下的整体美观效果。“安全区域”外内容在某分辨率下能显示出的最大区域即为“最大显示区域”。为什么要定这两个区域?“安全区域”保证了我们在制作flash时所有内容不会显示在屏幕外,“最大显示区域”指导我们制作填充背景的大小。

有了以上分析后,我们在动手设计一个全屏flash动画前,就应该先定出这两个区域:“安全区域”和“最大显示区域”。“安全区域”就是flash的舞台区域,用宽舞台或窄舞台,视项目的需求而定;“最大显示区域”则根据你的舞台长宽比:如果是宽舞台,“最大显示区域”与舞台同宽而上下延伸;如果是窄舞台,“最大显示区域”与舞台同高而左右扩展。

以下我们以窄舞台为例做分析

我们常见的显示器分辨率按其长宽比可分为为:4:3(1024×768)、5:4(1280×1024)、16:9、16:10。长宽比越大、显示区域越宽,四种常见长宽比中,5:4最窄,16:9最宽,所以我们以5:4做为窄舞台“安全区域”的长宽比时,其“最大显示区域”必须满足最宽的显示器分辨率,即以16:9为窄舞台对应的“最大显示区域”长宽比时,4:3和16:10分辨率显示器下都能满足我们的显示要求。

在窄舞台情况下,“安全区域”和“最大显示区域”有相同的高度,所以在5:4和16:9两种长宽比下的高度最小公倍数是36,他们对应的宽度为45和64,两个长宽比可换算成45:36和64:36。当舞台大小按窄舞台标准设定时:
“最大显示区域”宽度=舞台宽度×(64/45)

同理可得:
当舞台大小按宽舞台标准设定时:“最大显示区域”高度=舞台高度×(64/45)。

本文链接:http://www.blueidea.com/tech/multimedia/2009/6385.asp 

出处:Alibaba.com UED
责任编辑:bluehearts

◎进入论坛RIA设计与应用版块参加讨论

相关文章 更多相关链接
Flash实用技术——AS和JS的互动
《Flash短片轻松学》
FLASH程序优化
FLASH小游戏开发 第八节
FLASH小游戏开发 第七节
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2