让Flash自适应浏览器屏幕大小
作者:sutroon 类型:闪吧BBS 来源:闪吧个人空间
要让flash自适应浏览器屏幕大小需要做到以下两点:
1、swf文件随着浏览器屏幕大小也相应改变大下;
方法:在网页里除了放你的swf文件外不要放其他的任何内容,并且swf文件的宽,高都设为100%;(可以看我的源文件里的fullscreen.htm文件);
2、当swf文件大小改变时,flash 内容也相应重新安排。
在这个例子里,我在主舞台上使用了一loader组件来载入一张图片。当你调整浏览器大小时,swf文件大下相应发生变化。我使用了Stage 对象的onReisize事件来改变loader组件的大下和位置。
源文件下载: flashFullScreen.rar
在源文件里我没有写太多的代码,相信你能很容易看懂。
++++++++++++++++++++++++++++++++++++++
第二种方法:
++++++++++++++++++++++
首先是:
在网页中把flash的高、宽都设为100%。
在flash中加入
Stage.scaleMode = "noScale";//这个是一定要的
Stage.align = "TL";
然后,方法有两个:
1、通过System.capabilities.screenResolutionX和System.capabilities.screenResolutionY获得屏幕大小,然后调整flash里的相应显示,比较简单。
2、这个比较好,每次调整浏览器大小的时候都会触发,而且检测的是浏览器里的舞台大小,比较准确。
fullscreen = new Object();//创建类
fullscreen.onResize = function() {//swf大小改变时触发
box._x = Stage.width-300;//根据Stage.width和Stage.height获得的舞台的宽和高来调整显示
};
Stage.addListener(fullscreen);
分享到:
相关推荐
“自适应大小”的特性意味着这个Flash相册能够根据用户浏览器窗口的大小自动调整自身的显示比例,保持视觉上的完整性。这在响应式网页设计中尤为重要,因为它确保了在各种屏幕尺寸下都能提供良好的用户体验。 ...
总结来说,“Flash+XML相册自适应大小”是一种利用Flash的动态性和XML的灵活性来创建适应不同屏幕尺寸的相册的方法。通过精心设计和编程,我们可以实现一个既美观又实用的自适应相册,无论用户使用什么设备或浏览器...
然而,随着设备屏幕尺寸的多样化,如何让Flash内容在不同设备上都能自适应显示变得至关重要。这就是`swfobject`和`swffit`两个JavaScript库的用武之地。这两个库协同工作,可以确保Flash内容在网页中完美地自适应...
开发者需要确保无论屏幕大小如何,相册都能保持良好的视觉效果和用户体验。 5. **源文件编辑**:提供源文件(可能包括FLA文件、AS文件和XML文件)意味着用户可以直接在Adobe Flash环境中打开和编辑项目。这有助于...
在Flash的生命周期中,通常会在EnterFrame事件或初始化阶段获取这些值,以确保在用户改变浏览器窗口大小时,内容依然能够铺满屏幕。 ```actionscript import flash.display.Stage; import flash.events.Event; ...
Flash可以创建丰富的视觉体验,包括动态图片轮换,且能够自适应浏览器宽度,确保在不同分辨率的屏幕上都能呈现良好的显示效果。 XML(Extensible Markup Language)是一种用于存储和传输结构化数据的语言。在焦点图...
4. **响应式设计**:为了让相册能自动适应浏览器窗口大小,你需要在ActionScript中设置事件监听器,监听`Resize`事件。当窗口尺寸改变时,触发回调函数,重新计算并设置相册元素的位置和大小,确保它们始终充满整个...
响应式设计是HTML5中的一个重要概念,它允许网页内容根据用户设备的屏幕大小和方向进行动态调整。这种设计方法主要依赖于媒体查询(Media Queries)、流式布局(Fluid Grids)和弹性图片(Flexible Images)等技术,...
这种设计允许网页根据用户设备的屏幕尺寸自动调整布局,确保无论是在桌面电脑、平板还是手机上,用户都能获得良好的浏览体验。这通常通过媒体查询(Media Queries)和流式布局(Fluid Grids)来实现,使网页元素能够...
3. **自适应设计**:自适应网页设计(Responsive Web Design, RWD)使模板能够根据用户设备的屏幕大小和方向自动调整布局。在这款模板中,可能运用了媒体查询(Media Queries)来定义不同屏幕尺寸下的样式规则,确保...
该布局模式主要目的是实现页面元素随着浏览器窗口大小变化而自适应调整,提供良好的用户体验,尤其在不同屏幕尺寸和分辨率下。 在Flash Liquid布局中,关键在于如何利用ActionScript(Flash的编程语言)来控制舞台...
SwfFit的目的是解决在不同屏幕尺寸和分辨率下,Flash内容无法自适应的问题,从而提供更好的用户体验。以下是关于“SwfFit flash+html 适应窗口”这一主题的详细解释: 1. **SwfFit简介**:SwfFit是由Grant Skinner...
自动定位技术是指程序能够根据用户屏幕的分辨率或Flash Player窗口大小变化自动调整舞台上元素的位置。这在创建响应式设计时尤为重要,确保内容在不同设备和屏幕尺寸下都能正确显示。 四、自适应分辨率 自适应...
综上所述,这个压缩包提供了一个专门针对手机触屏优化的HTML5网站模板,它具备自适应布局,能适应各种屏幕大小,包括WAP和微信环境,设计精美,适用于科技、新闻类的网站。使用这个模板,开发者可以快速构建一个具有...
6. **自适应布局**: 自适应布局是响应式设计的一部分,它意味着网页会根据浏览器窗口大小的变化而改变其布局。这在个人相册模板中尤为重要,因为不同的图片展示方式可能在不同尺寸的屏幕上效果不同,自适应布局可以...
1. 媒体查询:CSS3的媒体查询允许我们根据设备特性,如屏幕大小、分辨率等,定义不同的样式,实现响应式设计。 2. 动画与过渡:CSS3的transition和animation可以创建平滑的动画效果,提升交互体验。 3. 弹性盒模型...
7. **响应式设计**:考虑到不同的屏幕尺寸和分辨率,AS3图片浏览器可能采用了自适应布局,确保在不同设备上都能正常显示。这可能涉及到Stage的宽度和高度的动态调整,以及图片大小的适配。 8. **资源管理**:在程序...
标题中的“兼容电脑手机各浏览器的视频播放”指的是在网页设计中实现跨平台、跨设备、跨浏览器的视频播放功能。这一技术的核心是利用HTML5的`<video>`标签,它为网页添加了原生的视频播放能力,不再依赖于Flash等第...
这里的“可伸缩展示”意味着代码能够根据浏览器窗口或设备屏幕的大小自动调整布局,提供良好的用户体验,无论用户是在大屏幕电脑还是移动设备上查看。 【标签】"JS特效-图片相册"进一步指出了这个项目可能同时利用...
4. **自适应布局**:考虑到不同设备和屏幕尺寸,代码可能包含响应式设计,使得图片展示能适应手机、平板电脑和桌面电脑等各种屏幕大小。 5. **数据加载与管理**:代码可能使用XML或JSON文件来存储图片信息,如URL、...