如何让Flash自适应浏览器屏幕的大小?

如何让Flash自适应浏览器屏幕的大小?,第1张

1、swf文件随着浏览器屏幕大小也相应改变大下;

方法:在网页里除了放你的swf文件外不要放其他的任何内容,并且swf文件的宽,高都设为100%。

2、当swf文件大小改变时,flash 内容也相应重新安排。

在这个例子里,我在主舞台上使用了一loader组件来载入一张图片。当你调整浏览器大小时,swf文件大下相应发生变化。我使用了Stage 对象的onReisize事件来改变loader组件的大下和位置。

首先是:

在网页中把flash的高、宽都设为100%。

在flash中加入

Stage.scaleMode = "noScale";//这个是一定要的

Stage.align = "TL"。

由于显示器分辨率的不同,相同的背景图片在不同分辨率下有可能会出现只显示一部分或留部分空白的情况。

实现效果:不管你怎么变化浏览器窗口大小,背景图始终会自动调节大小。

1 . 第一种:

第一个想法是需要使用一个 css 背景图,如果这张图够大,就能填充整个屏幕。当浏览器窗口大小没有图片大时,它将自动隐藏多余的部分。

上面的这些代码能够自动隐藏超出浏览器窗口部分的图片(image.jpg)多余部分,不会使浏览器产生滚动条。

2 . 第二种:

第一次试验的效果并没有达到要求,并不是真的使得背景图片适应窗口大小,应该使用设置“宽度”和“高度”属性来控制图片的大小,如果我们能够得到浏览器窗口显示像素,就可以利用这个数字来控制图片大小,同时保持比例。

使用 jquery 和 dimensions plugin 可以获得这些参数。

因为背景图片加上了定位代码,那要加在背景图片上任何东西都需要定位,如果您的背景图像是竖条状的(特别的高),而你的浏览窗口特别的宽,很容易造成背景图片高度超过您的浏览器窗口的高度,为了防止这种情况,需要设定对超出的部分进行隐藏。

3 . 第三次方法(最好的):

Stu Nicholls version给出了最好的方法(看了下网易的首页也是这样做的),这处理方式不需要任何的 JavaScript 就能完美的达到目的。

这要取决于flash中是不是限制了缩放模式(scaleMode)。

1、flash中没有设置scaleMode ,可以直接设置flash的容器object的宽度为100%,这样就会根据屏幕宽度自动缩放。

<object width="100%"></object>

这样即可设置flash为全屏。

2、flash设置了scaleMode=NO_SCALE,那这样即使你让flashplaer全屏那个,flash的主体内容依然会和原来的一样。

Flash修改画面大小的方法如下:

启动电脑上的flash软件,在”新建“下点击"ActionScript2.0"或者其它选项;

进入界面以后,默认的画面大小是550X400像素,在右侧”属性“那里,找到”大小“,点击旁边的”编辑“;

修改特定的宽和高,选择特定的单位,点击”确定“;

需要注意的是,画面的尺寸,只能在1到2880像素之间。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7840069.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存