控制舞台缩放比例

控制舞台缩放比例

当调整呈现 Flash Player 或 AIR 的屏幕部分的大小时,Flash Player 或 AIR 会自动调整舞台内容来加以补偿。Stage 类的scaleMode属性可确定如何调整舞台内容。此属性可以设置为四个不同值,如 flash.display.

在制作FLASH全站的时候,有一些是必须要掌握的。舞台放大元件不变形,那是必须的。

只要在第一帧加上一句:stage.scaleMode=StageScaleMode.NO_SCALE     即可不变形。在帮助里可以得到舞台的这个属性更多的解释。这时,舞台始终是居中显示的。这对我们定位元件达到自适应是一个麻烦,因为X、Y轴的0坐标并不是在显示的最左上角,而是在舞台的左上角。而舞台是居中的,所以当元件的X、Y轴为0时,左上角还会空出一些位置。

我们必须让舞台左上角对齐:stage.align=StageAlign.TOP_LEFT  同样,如果想右上角对齐或右下角对齐,可以查看它的帮助得到更多的信息。最后把FLASH插入到HTML中,记得宽高都设成100%。还有HTML的页边距也要设成0。切记!

AS3对舞台的改变有一个侦听事件:Event.RESIZE,当舞台大小发生改变时则触发这个事件。不明白欢迎留言,互相交流。

示例代码:使A、B、C、D四个矩形的MC使终保持位于浏览器的左上,右上,左下,右下
 
  
//不变形处理
   stage.scaleMode=StageScaleMode.NO_SCALE
  
//左上角对齐
   stage.align=StageAlign.TOP_LEFT
 
//自定义一个函数来控制四个MC的位置
  function myfunction(){
 
//A的位置
    A.x=0
    A.y=0
 
//B的位置
   B.x=stage.stageWidth-B.width
  
B.y=0
  //C的位置
   C.x=0
  
C.y=stage.stageHeight-C.height
   //D的位置
   
D.x=stage.stageWidth-D.width
   
D.y=stage.stageHeight-D.height
   
}
//对舞台的改变进行侦听
stage.addEventListener (Event.RESIZE,test);

function test (e:Event):void
{
//舞台改变时,重新设置MC的位置
myfunction ();
}
//设定MC位置
myfunction
()

时间: 2024-08-05 02:58:29

控制舞台缩放比例的相关文章

as.3通过SWF元数据控制舞台的高度与宽度

package { import fl.controls.Label; import fl.controls.TextInput; import flash.display.Sprite; import flash.events.Event; [SWF(backgroundColor='0x00FF00',width='400',height='400',frameRate='29')] public class Main extends Sprite  { private var userNa

百度地图_api

这一天主要讲的是百度地图api的使用,由于百度有很详细的开发文档了,所以我这里只做一个大概的笔记 百度地图API的使用 1,入门 1.1,三大核心 ①SDKInitializer 整个百度的初始化工具类,引擎 ②MapView 用来显示地图的控件 ③baiduMap 相当于控制器,缩放,旋转,移动 1.2,准备工作(到百度地图LBS开放平台上查看) 获取API Key,按网上的帮助文档走步骤 获取SHA1码 百度地图的Key和应用是相互绑定的,一个Key对应一个应用. 1.3,创建工程拷贝jar

响应式设计三部曲

随着智能手机的流行,响应式网页设计无疑成为了如今网页设计的大趋势.对于新手来时,响应设计听起来有点复杂,但它实际上是比你想象的更简单.只需下面的3个步骤即可构建一个响应式的网页! 1.Meta Tag 大多数移动浏览器扩展的HTML页面到宽视口宽度,以便在屏幕上适合.您可以使用viewport meta标签来重设此.下面的视口标签告诉使用该设备的宽度视口宽度和禁用初始规模浏览器. <meta name="viewport" content="width=device-w

利用pixi.js制作精灵动画

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.国内开发者昵称为CSS精灵,通过一定的技术手段,让精灵动起来,我称其为精灵动画,那么目前有哪些实现方式 呢?下面让我们详细的聊聊. 关于实现精灵动画的方式有很多种,我自己实践过的主要有三种: 1: 把动作分解成一系列连续的编号的图片,如img0.jpg,img1.jpg,img2.jpg...,然后利用setIntval等定时器不断的去更换图片地址. 2: 把动作按照一定的间距排列在一张图片上,利用css3的动画帧,做出动画

Edge Animate初篇教程

Edge Animate 是Adobe最新出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的Flash Pro.在之后的文章中,我会逐一的介绍这款新的HTML5动画神器. 一.创建edge animation 工程 启动Edge Animate,创建一个新项目. 设定Stage(舞台)宽度为640px, 高度为1136px.Ctrl+S保存为demo.html.一个标准的Edge Animate项目是由一系列html,css,js和相关资源文件组成的.如下图所示: Edge

Matrix控制平移、旋转和缩放的方法

1.setTranslate(float ds,float dy):控制Matrix进行平移.2.setSkew(float kx,float ky,float px,float py):控制Matrix以px.py为轴心进行倾斜.kx.ky为X.Y方向上的倾斜距离.3.setSkew(float kx,float ky):控制Matrix进行倾斜.kx.ky为X.Y方向上的倾斜距离.4.setRotate(float degrees):控制Matrix进行旋转,degrees控制旋转的角度.5

滚动视图和页面控制UIScollView,UIpageControlDemo

////  ViewController.m//  UIScollView////  Created by hehe on 15/9/25.//  Copyright (c) 2015年 wang.hehe. All rights reserved.// #import "ViewController.h"#define width_screen self.view.bounds.size.width#define height_screen self.view.bounds.size

手机web——自适应网页设计(html/css控制)http://mobile.51cto.com/ahot-409516.htm

http://mobile.51cto.com/ahot-409516.htm 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等

Opengl_12_相机控制

1,使用键盘控制位置的移动没有使用glutSpecialFunc,glutKeyboardFunc因为我这个win32程序. 2,相机类里面定义了相机的三个方向成员:位置(position),target向量和up向量前后移动是最简单的,因为这俩种移动方向和tartget向量在一条线上,我们只需要从起始位置加上或者减去一定数量的tartget向量即可实现前后移动,target向量本身不会变化.在加减之前我们是使用一个常量'步长' const static float STEP_SCALE = 1