0
设为首页
加入收藏
网站首页 SEO优化指导 企业建站策划 网络营销 网页js特效 CSS教程 Photoshop教程 实用工具箱
   网页背景  图片特效  CSS样式  字体下载  PNG图片    设计欣赏   设计理论   平面设计    摄影    logo欣赏  QQ表情     星座   实用工具箱
CSS教程
web标准化
html css
flash相关
flash相关
全屏flash的尺寸分析 当前位置: CSS教程>flash相关

 

录入:admin  时间:2010-2-4   来源:互联网

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

1、 窗口最大化,且置顶显示;

2、 在默认(flash内容自动缩放)状态下, swf文件保持长宽比进行缩放,直到宽、高有其一先达到屏幕尺寸。

3、 当屏幕长宽比与swf文件长宽比不同时,将显示flash舞台区域外内容。

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

全屏flash的尺寸分析

  这里就牵涉出两个概念区域:“安全区域 ”和“最大显示区域”。我们这里所谓的“安全区域”,与视频制作时的监视器安全区域类似,即: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分辨率显示器下都能满足我们的显示要求。

全屏flash的尺寸分析

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

“最大显示区域”宽度=舞台宽度×(64/45)

全屏flash的尺寸分析

同理可得:

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

869869© 版权所有 2010   

地 址:北京海淀区