WEB开发网
开发学院图形图像Flash 让Flash动画适应任何分辨率的网页 阅读

让Flash动画适应任何分辨率的网页

 2007-08-17 19:14:07 来源:WEB开发网   
核心提示:本文中我们介绍几种方法,让Flash动画适应任何分辨率的网页,让Flash动画适应任何分辨率的网页,方法1.使用thisin在flash中写:if (System.capabilities.screenResolutionX>=1024) { Stage.scaleMode = "noScale&qu

本文中我们介绍几种方法,让Flash动画适应任何分辨率的网页。

方法1.使用thisin

在flash中写:

if (System.capabilities.screenResolutionX>=1024) {
 Stage.scaleMode = "noScale";
}

但是必须设置body里面margin的值得都等于0,加CSS到网页也行。

方法2.

也是在FLASH中写AS:

var listen:Object = new Object();
listen.onResize = function(){};
Stage.addListener(listen);


  方法3.用System.capabilities.screenResolutionX和System.capabilities.screenResolutionY实现

首先对这两个语句做一下简单讲解:

System.capabilities 对象
  System.capabilities 对象可以确定承载 SWF 文件的系统和播放器的功能。这样,您就可以针对不同的格式对内容进行调整。例如,移动电话的屏幕(黑白,100 x 100 像素)就与 1000 x 1000 像素的彩色 PC 屏幕不同。为了向尽可能多的用户提供适当的内容,可以使用 System.capabilities 对象来确定用户所拥有的设备的类型。然后,您可以指定服务器根据不同的设备功能发送不同的 SWF 文件,或者通知 SWF 文件根据设备的功能改变它的播放方式。

1)System.capabilities.screenResolutionX:指示屏幕的水平大小,(指示屏幕最大水平分辨率的整数)其服务器字符串为 R(它返回屏幕的宽度和高度)。

2)System.capabilities.screenResolutionY:指示屏幕的垂直大小,(指示屏幕最大垂直分辨率的整数)其服务器字符串为 R(它返回屏幕的宽度和高度)。

其实System.capabilities 对象还有很多其他的属性,在这里我就不一一介绍了!你到FLASH软件的帮助文件中找“动作脚本字典----(字母)S”就能找到!

如果你懒还是得动或者你找不到,也可以这样做关于System.capabilities 对象其他属性摘要,可以使用如下代码输出。

for(var i in System.capabilities){
trace(i+":"+System.capabilities)
}

如果是要在FLASH里作判断,用下面的代码:

loadVariables("http://www.webjx.com" ,"_root","post"); 
/*index.htm为SWF所在的网页*/
if (System.capabilities.screenResolutionX==1024) {
getURL("http://www.webjx.com:1985/1024.htm ");
}else if (System.capabilities.screenResolutionX==800) {
getURL("http://www.webjx.com:1985/800.htm ");
}else if (System.capabilities.screenResolutionX>1024) {
getURL("flashbank.htm");
}

方法4.构建自定义函数CenterPopupMX,利用getURL与javascript来实现弹出定制大小的居中窗口

MovieClip.PRototype.CenterPopupMX = function(theurl, title, w, h, features) {
var sysW = System.capabilities.screenResolutionX;
var sysH = System.capabilities.screenResolutionY;
var centerx = Math.round((sysW/2)-(w/2));
var centery = Math.round((sysH/2)-(h/2));
getURL("Javascript :void(window.open(’’"+theUrl+"’’,’’"+title+"’’,’’width="+w+", height="+h+", left="+centerx+", 
top="+centery+",screenX="+centerx+", screenY="+centery+","+features+"’’));");
}; 


  PS:你可以从里面得到很多启发!

方法5.在DW中设置高和宽都是100%,然后完全匹配

即使你的swf是1*100大小的。浏览器也会拉伸你的flash不成样子都要填充整个浏览器,关于图形的问题用flash尽量使用矢量图形,如果必须用位图就按照高分辨率下裁剪,高分辨率下都没锯齿了,低分辨率下还会有吗?用FW柔化下不就OK了。

除了在IE6下因为IE6的一个BUG造成可能出现没有填充完全有一部分是空白——这样的情况是很难产生的需要先把IE缩小然后拖动下边框拉长的时候才会出现,一般谁去拉呀。都是直接最大化。

按照我说的设定可以符合任何尺寸(仅仅是windows下5.5和6.0的IE)其他的没测试过!

方法6.使用Azure

是在HTML中加代码

<script language="javascript">
//resolutionRedirect Begin
if (window.screen){
var w = screen.width;
if(w<1024){
self.location.replace("home.html");
}
if(w==1024){
openFull(home.html,jinyu);
window.close();
}
if(w>1024){
openWindow(home.html,1008,698,jinyu)
window.close();
}
}//resolutionRedirect End
</script> 

Tags:Flash 动画 适应

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接