Flex自适应屏幕

有的时候我们想通过swfLoader来加载一个外部的swf文件,但是头疼的问题就是当我们把浏览器放大放小的时候加载的swf大小并不发生变化。

现在说一下swfLoader他默认则会缩放内容以适应SWFLoader控件并且保持加载内容的高宽比例。

但是我们有时候需要通过swfLoader缩放来适应加载的内容。

下面说一下这方面总结的经验,让大家在这方面少走弯路。

1:首先我们设置swfLoader的宽和高都设置成100%,已便后面缩放浏览器的时候让swfLoader容器的高宽大小跟着缩放。

2:设置swfLoader的属性maintainAspectRatio为false,这个属性的作用是让swfLoader加载内容不保持高宽比例,这样以便我们缩放,这个属性的默认值是保持加载内容的高宽比例。

3:设置swfLoader的属性scaleContent为true,这个属性的作用是缩放加载的内容来适应swfLoader控件,为falsh则反之。

这样设置不论你浏览器再怎么缩放大小,加载的swf都可以很好的自适应浏览器的大小。

Q:如何在popup子窗口中访问父窗口的画面变量 
A:parentDocument

Q:居中显示 
A:wjWindow.x = (FlexGlobals.topLevelApplication.width - wjWindow.width)/2;

Q:监听窗口变化 
A:FlexGlobals.topLevelApplication.addEventListener(ResizeEvent.RESIZE,updateWindow);

Q:自适应代码 
A:this.height=FlexGlobals.topLevelApplication.height; 
this.width =FlexGlobals.topLevelApplication.width * 0.80; 
//Application.application.addEventListener(ResizeEvent.RESIZE,resize); 
this.horizontalScrollPolicy = "off"; 
this.verticalScrollPolicy = "off";

Flex自适应屏幕

时间: 2024-07-30 20:03:08

Flex自适应屏幕的相关文章

iframe去滚动条+自适应屏幕大小

iframe去滚动条 <iframe name="myFrame" id="myFrame" frameborder="0" src="tab.action" style="margin:0 auto;width:100%;height:100%;" scrolling="no"></iframe> iframe自适应屏幕大小 function resetIfra

20160622 html5移动页面自适应屏幕宽度

html5移动页面自适应屏幕宽度 1.使用meta标签,在头部加入下面代码 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 2.用百分比,‘百’指的是父元素,这只适合布局简单的页面,复杂的页面实现很困难. 3.用CSS相对单位rem. 4.媒体查询@m

2015.3.10(自适应屏幕和弹性布局)

今天做的练习是自适应屏幕大小,遇到了一些困难,困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局. 但今天把网页拓展实验到了我家的电视(42寸)上,此时就出现了问题,问题之一就是:没有办法填充满屏幕,只能出现一个屏中屏,看起来非常的别扭. 试验了纯CSS来做到自适应屏幕和用JS获取屏幕大小然后计算比例填写在CSS中两种方法均不是很满意,问题直到现在也没有解决,在问题解决之前先把这个问题解决过程记录下来. html部分的代码是这样的 CSS部分的代码是这样的: body{ font

Android -- Webview自适应屏幕

第一种                                                                                          WebSetting settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 把所有内容放在webview等宽的一列中.(可能会出现页面中链接失效) 第二种             

Android webView 支持缩放及自适应屏幕

//支持javascript web.getSettings().setJavaScriptEnabled(true); // 设置可以支持缩放 web.getSettings().setSupportZoom(true); // 设置出现缩放工具 web.getSettings().setBuiltInZoomControls(true); //扩大比例的缩放 web.getSettings().setUseWideViewPort(true); //自适应屏幕 web.getSettings

自适应屏幕宽度的居中布局

div{ height:200px; color:#F00;} .left{ float:left; width:100px; background:#00f; _margin-right:-3px;} .right{ float:right; width:100px; background:#0f0; _margin-left:-3px;} .center{ background:#333; margin:0 100px; _margin:0 97px;} <div class="lef

Android 中Webview 自适应屏幕

随笔 - 478  文章 - 3  评论 - 113 Android 中Webview 自适应屏幕 webview中右下角的缩放按钮能不能去掉 settings.setDisplayZoomControls(false); //隐藏webview缩放按钮 让Webview加载的页面居中显示有我知道的几种方法 第一种方法: WebSettings settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorith

android 应用程序自适应屏幕大小(转载)

android应用自适应多分辨率的解决方法 1. 首先是建立多个layout文件夹(drawable也一样).在res目录下建立多个layout文件夹,文件夹名称为layout-800x480等.需要适应那种分辨率就写成什么.注意:         a.   较大的数字要写在前面:比如layout-854x480而不能写layout-480x854.         b.   两个数字之前是小写字母x,而不是乘号.2. 在不能的layout下调整layout 的长宽等各种设置.以适应不同的分辨率

ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度

1 .ios navigationcontroller 滑动返回 滑动返回是navigationcontroller默认返回按钮自带的功能,如果返回按钮自定义该功能失效, 解决的办法有两个: ① self.navigationItem.backBarButtonItem =   [[UIBarButtonItem alloc]initWithCustomView:button];//这个方法用不了 只能用 self.navigationItem.backBarButtonItem = [ [UI