`
jakielong
  • 浏览: 229260 次
  • 性别: 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 红色 交互 官网_html网.rar

    该模板能够适配不同屏幕尺寸的设备,无论是桌面电脑、平板还是智能手机,用户都能获得一致的浏览体验。响应式设计的重要性在于它能够保证网站在不同设备上均能正常显示和功能使用,避免了因屏幕大小不同而导致的浏览...

    网页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)。这种横幅通常出现在网站顶部,用于展示动态广告或者...

Global site tag (gtag.js) - Google Analytics