`
jakielong
  • 浏览: 228468 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

全屏flash的尺寸分析

    博客分类:
  • Flex
阅读更多


随着现在宽屏显示器的流行,Flash的全屏模式下,越来越需要考虑到普屏显示器与宽屏显示器的差别。
Flash全屏模式有以下特点 :
窗口最大化,且置顶显示;
在默认(flash内容自动缩放)状态下, swf文件保持长宽比进行缩放,直到宽、高有其一先达到屏幕尺寸。
当屏幕长宽比与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)。

分享到:
评论

相关推荐

    flash实现全屏的源代码

    本教程将详细解析如何在Flash中实现全屏功能,通过分析提供的文件,我们可以看到一个实际的案例,包括`fullscreen.fla`(Flash源文件)、`index.htm`(HTML嵌入页面)、`懒人图库.html`(可能是一个示例链接)、`...

    可以全屏的Flash+xml相册

    在Flash相册中实现全屏功能,通常需要添加一个按钮或触发器,当用户点击时,将Flash影片的尺寸扩展到浏览器窗口大小,或者隐藏浏览器界面元素只显示相册内容。 5. **ActionScript编程**:为了实现相册的各种功能,...

    ActionScript3.0 如何实现自定义全屏 源代码

    Stage全屏模式将整个Flash内容扩展到浏览器的可视区域,而独立全屏模式则会脱离浏览器环境,以独立窗口显示内容,通常具有更高的性能和更少的限制。 要实现自定义全屏,我们需要使用以下关键API: 1. `stage....

    JS.Web.Flash.full.module.code.rar_full

    通过学习和分析这个压缩包中的代码,开发者可以深入理解JavaScript与Flash集成的技巧,以及如何创建和管理全屏Flash模块,虽然这些技能在现代Web开发中已不常用,但它们对于理解Web技术的历史和演进仍然很有价值。

    jQuery按钮控制图片全屏幻灯片.zip

    "jQuery按钮控制图片全屏幻灯片"是一个典型的JavaScript特效,它巧妙地将jQuery库与图片展示相结合,为用户提供了一种类似于Flash动画的交互体验,但又避免了Flash的一些局限性,如浏览器兼容性和移动设备支持问题。...

    图片切换特效(纯FLASH)

    1. **自定义大小**:此特效允许开发者根据网页布局调整幻灯片的大小,适应不同的屏幕尺寸和设备需求。 2. **显示图片张数**:用户可以选择一次性显示多张图片,或者按照一定的顺序逐个展示,增加视觉吸引力。 3. *...

    Flash播放器源码

    实现全屏功能通常涉及调整舞台尺寸和处理窗口状态变化的事件。 二、Flash播放器源码分析 1. **解析SWF文件**:源码首先需要解析SWF文件的头信息,确定文件版本、宽度、高度、帧率等基本属性,然后逐帧读取内容,...

    四种方法教你实现SWF视觉全屏.txt

    本文将详细介绍四种实现SWF文件全屏显示的方法,并对每种方法的原理、适用场景及优缺点进行深入分析。 #### 方法一:通过ActionScript和JavaScript实现 此方法通过结合ActionScript和JavaScript来实现SWF文件的...

    Flash+Xml八屏图片切换效果

    3. 响应式设计:考虑到不同设备的屏幕尺寸,可以设计适应不同分辨率的布局,确保在任何设备上都能良好展示。 综上所述,“Flash+XML八屏图片切换效果”结合了Flash的动态展示和XML的数据驱动优势,通过灵活的设计和...

    网页flash播放器模板

    Flash播放器模板通常包括一个预设的用户界面,例如播放/暂停按钮、进度条、音量控制、全屏选项等,以及一些定制化的功能,如自动播放、循环播放、控制面板的隐藏和显示等。这些模板可以方便开发者快速构建一个具有...

    shopex485全屏滚动广告挂件

    2. Flash编程:学习Flash ActionScript语言,以理解如何创建和控制全屏滚动的动画效果。 3. 响应式设计:确保挂件在不同设备和屏幕尺寸下都能正确显示,适应移动设备的浏览需求。 4. 图片优化:处理大量全屏广告图片...

    flash源代码

    - `AllowFullScreen`:控制是否允许Flash内容全屏显示。 ##### 3. `<embed>`标签 - **定义**:`<embed>`标签是另一种用于嵌入外部内容的方式,通常用作`<OBJECT>`标签的替代方案。 - **属性详解**: - `src`:...

    flash播放器flash播放器

    在AS2.0中,我们可以通过修改舞台的尺寸和位置使Flash影片全屏显示。关键在于监听键盘事件,当用户按下特定键(如F4或全屏按钮点击)时,更改Stage对象的width和height属性,实现全屏切换。同时,需要注意在退出全屏...

    flash 教程笔记

    - **画布尺寸**(Canvas Size):通常设置为800x600像素或468x60标准Banner尺寸。 **知识点7:绘制与填充** - **选择工具**(Selection Tool):用于移动、缩放和旋转对象。 - **线条工具**(Line Tool):绘制直线...

    flash8基础教程(清晰版)

    - **全屏模式**:进入全屏模式以获得更宽敞的工作空间。 ##### 查看“库”面板 - **库的功能**:存储和组织动画中的元素,如图形、按钮等。 - **库的管理**:可以在库中新建、删除或编辑项目。 ##### 向舞台添加...

    FLASH视频播放器代码.pdf

    `PARAM`标签是用来传递额外参数给Flash Player的,例如`Play`表示是否立即播放视频,`Loop`设定是否循环播放,`Quality`设定播放质量,`AllowFullScreen`允许全屏播放等。 `<PARAM NAME="WMode" VALUE="Window">`这...

    大屏Flash图片切换 源文件.rar

    通过分析“大屏Flash图片切换源文件”,我们可以了解到其工作原理以及如何应用于实际项目。 一、Flash源码解析 Flash源码是Flash动画和交互式应用的核心,由ActionScript编写。ActionScript是一种面向对象的编程...

    HTC宽屏banner,左右均有按钮导航,xml可以方便调用flash和JPG格式文件

    "按尺寸982x372自行做好flash文件即可使用",这提示我们,为了适应这个横幅,设计师需要创建符合982像素宽度和372像素高度的Flash文件。Flash是一种曾经广泛用于创建动画和交互式内容的软件,它可以制作出丰富的动态...

    包含flash的通栏滚动banner的js广告代码.rar

    标题中的“包含flash的通栏滚动banner的js广告代码.rar”指的是一个JavaScript(JS)代码压缩包,专门用于实现一种包含Flash元素的全屏滚动广告横幅(banner)。这种横幅通常出现在网站顶部,用于展示动态广告或者...

    浅谈网页尺寸

    本文将从网页尺寸的基本概念出发,探讨不同设备和浏览器下的网页尺寸设置,并分析网页尺寸在实际应用中的重要意义。 #### 一、网页尺寸的基本概念 网页尺寸是指网页在显示时所占用的空间大小,通常用像素(px)...

Global site tag (gtag.js) - Google Analytics