个人总结flex各种用法【经典】

 个人总结flex各种用法【经典】

分类: flex3   1341人阅读  评论(6)  收藏  举报

//获得屏幕的分辨率

var x:Number=Capabilities.screenResolutionX;

 y:Number=Capabilities.screenResolutionY;

Alert.show("x="+x+"y="+y);

第二种方法

Alert.show(stage.fullScreenWidth+"=="+stage.fullScreenHeight);

 

//获得stage(工作区)的宽、高

Alert.show(stage.stageWidth+"=="+stage.stageHeight);

 

//读取xml文件
private function readxml2():void

{

var urlrequest:URLRequest=new URLRequest("file/stu.xml");

var urlloader:URLLoader=new URLLoader(urlrequest);

urlloader.addEventListener(Event.COMPLETE, completehandler);

}

 

private function completehandler(event:Event):void

{

var xml:XML=new XML(event.target.data);

// var arr:Array=new Array(xml);

this.dg.dataProvider=xml.children();

this.tree.dataProvider=xml;

this.cb.dataProvider=xml.children();

// this.hlist.dataProvider=xml.children();

}


//flex 获得系统路径

var add:String=ExternalInterface.call("window.location.href.toString",1);

Alert.show(add);

 

//背景颜色不断变化

 private function changeBG():void{

var mytime:Timer=new Timer(2000);

mytime.addEventListener(TimerEvent.TIMER,changHandle);

mytime.start();

 }

 private function changHandle(e:TimerEvent):void{

this.setStyle("backgroundColor",Math.random()* 0xffffff);

 }

 

//获得键盘按下的键的值

public function getCode():void

{

btn.addEventListener(KeyboardEvent.KEY_DOWN, keyHandle);

}

 

function keyHandle(event:KeyboardEvent):void

Alert.show("你按下了:" + String.fromCharCode(event.charCode));

}

//动态加载不同界面

import commont.Two;

 commont.One;

 t:Two=new Two();

 o:One= One();

private function showOne():void{

tw.removeAllChildren();

tw.addChild(o);

}

 showTwo():tw.addChild(t);

}

//flex 绑定图片

[Bindable]

Embed(source="img/1.jpg")]

public  phone1:Class;

 

//日期中文标题

<mx:DateChooser id="dtchoose" x="219" y="83" dayNames="[,]" monthNames="一月二月三月四月五月六月七月八月九月十月十一月十二月" change="disDate()" minYear="2007"/>

//选择日期 dateChoose

 disDate():{

txtDate.text=fm.format(dtchoose.selectedDate.toLocaleDateString());

}

 

//flex 中添加html标记

<mx:TextAreatext" creationComplete="init()" width="248" height="59>

<mx:htmlText>

<![CDATA[

<input type='file'/>

<a href="http://www.baidu.com">你哈!!!</a>

]]>

</mx:htmlText>

</mx:TextArea>

 

//flex 带下划线的链接

this.lblLink.htmlText="<a href='http://www.google.com' target='_blank'> </a>";
<mx:Label x="524393" text="Hellollll" id="lblLink" rollOver="focusManager.deactivate()" color="blue" opaqueBackground="#ffffff"

 rollOut="focusManager.activate()" styleName="Label creationComplete="link()"/>
.Label{text-roll-over-color:redtext-decorationunderlinebackground-colorgreenfont-size12pxtext-selected-color;}

 

//flex 转向 URL

Var url:URLRequest=new URLRequest(http://www.google.cn);

navigateToURL(url,_self);//在本页打开

_blank);//在新的一页打开

 

//弹出对话框
---------非模式打开---------

PopUpManager.createPopUp(类(界面)的名称---------模式打开---------

 ep:Main=  ();

PopUpManager.addPopUp(ep,255); font-size: 11pt; font-weight: bold; ">true);//界面,打开窗口父类,是否模式

PopUpManager.centerPopUp(ep);//在父类窗口居中

 

//-----Alert的用法

 test():void

{

 glow:GlowFilter= GlowFilter();

glow.color=StyleManager.getColorName("blue"//边框颜色

glow.strength=5;

glow.alpha=0.8;

 alert:Alert=Alert.show("是否选择"提示alert.filters=[glow];

 alertHandle(event:CloseEvent):if(event.detail==Alert.YES){

lbl.text=;

}else<mx:Button6280" label="Button" click="test()"/>

37" width="65lbl/>

 

//flex Combobox添加 请选择-

 loadCB(){

 arr:Array= Array("-请选择-"for( i:int=1;i<10;i++){

arr[i]=i;

.cb.dataProvider=arr;

}

 

 

//combobox 选择的值和下标

 selected():Alert.show(cb.selectedItem.toString()+下标:"+cb.selectedIndex);

<mx:ComboBox194cb" creationComplete="loadCB()"change="selected()">

 

//鼠标移动变大,Button加图片,变手型

72" click="test()" mouseMove="changBig()" mouseOut="changSmall()" id="btn52" icon="@Embed(source='img/3.jpg') labelPlacement="bottom67" useHandCursor="true" buttonMode="/>

 

 changBig():.btn.scaleX=1.5;

.btn.scaleY=1.5

 changSmall():.btn.scaleX=1;

.btn.scaleY=1;

//flex panel 拖动效果

<mx:Panel125192121" layout="absolutepanel" mouseDown="ondragStart(event)" mouseUp="ondragStop(event)"</mx:Panel>

 ondragStart(event:MouseEvent):Panel(event.target).startDrag();

 ondragStop(event:MouseEvent):Panel(event.target).stopDrag();

}

 

//写入共享数据

share=SharedObject.getLocal("username"share.data.userName=txtUser.text;

share.flush();

 

//读取共享数据

 share:SharedObject=SharedObject.getLocal();

Alert.show(share.data.userName);

 

 

 

 

 

 

 

//jsp/html文件嵌入到flex中(需要把flexiframe.swc放在项目的flex_libs下)

 

Application标签内xmlns:code=http://code.google.com/p/flex-iframe/

 

<mx:HDividedBox010100%500 width="30%>

 

70%>

<code:IFrame id="frm" source="file/万年历.html" height="100%" width="100%"/><!-这是最重要的-à

</mx:HDividedBox>

 

//检查使用的操作系统

 checkOS(): os:String=Capabilities.os;

tt.text=你的操作系统是:--"+os;

//检查所使用的浏览器

 checkPlay(): play:String=Capabilities.playerType;

Alert.show(play);

(play=="ActiveX"){

你的浏览器是--IE""PlugIn"--Mozilla-Firefox"--其他//检查player的版本和使用的语言

 other(): v:String=Capabilities.version;

 l:String=Capabilities.language;

你的flayer版本号:--"+v+

"/r/n你的语言是:+l;

}

 

//改变鼠标样式

]

"img/157.jpg")]

 cur:Class;

 initCursor(event:Event){

CursorManager.setCursor(cur);

}

 

//设置AdvancedDataGrid的表头竖线为空

headerSortSeparatorSkin="mx.skins.ProgrammaticSkin"

 

 

 

 

 

//获得鼠标坐标

 cx:Number=CursorManager.currentCursorXOffset;

 cy:Number=CursorManager.currentCursorYOffset;

 id:int=CursorManager.currentCursorID;

"x:="+cx+"y:="+y+"id="+id);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


一:display:flex布局display:flex是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。Flex是FlexibleBox的缩写,意为"弹性布局",用来为盒状模型提供最大的灵
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现HTML代码:1<divclass="demo">2<divclass="inner">3<p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>4</div
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些应用。常见的例子,比如360杀毒,photoShop,VisualStudioCode等等移动端app是什么,有哪些应用。常见的例子,比如手机微信,手机qq,手机浏览器,美颜相机等等PC端与移动端的区别第一:PC考虑的是浏览器的兼容性,移动端考
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周末了,难得学点东西,grid是之前看到的,很好奇,讲的二维的布局,看起来很方便,应该很适合移动端布局,所以今天抽时间学一学,这个当是笔记了。参考的是阮老师的博客。阮一峰:CSSGrid网格布局教程http://www.ruanyifeng.com/blog/2019/03/g
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后,浮动,定位将不会有效果)给父元素设置的属性:(1)display:flex---把容器设置为弹性盒模型。(2)flex-direction---设置弹性盒模型主轴方向默认情况下主
我在网页上运行了一个Flex应用程序,我想使用Command←组合键在应用程序中触发某些操作.这在大多数浏览器上都很好,但在Safari上,浏览器拦截此键盘事件并导致浏览器“返回”事件.有没有办法,通过Flex或通过页面上的其他地方的JavaScript,我可以告诉Safari不要这样做?解决方法:简短的
flex布局,flex-item1<template>2<viewclass="container">3<viewclass="greentxt">4A5</view>6<viewclass="redtxt">7B8<
我应该设计一个大型多点触控屏幕的应用程序.从大到大,我的意思是新闻广播员(大约55英寸及以上).该应用程序是一个交互式地图.我的问题是:开发应用程序的技术.我的第一个想法是在AdobeFlex中制作,但是HTML5也是如此……必须有一些非常棒的Java库用于触摸交互,但是在Windows平台上
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&quo
【1】需求:  【2】解决方案:最近遇到布局上要求item两端对齐,且最后一行在列不满的情况下要求左对齐,使用flex的justify-content:space-between;实现时发现最后一行不能左对齐,而是两端对齐方式。 不是项目上想要的效果#网上查了一些资料,有两种方法可以实现效果:**1.
我有一个java套接字服务器,它在连接时将Animal对象发送到Flash客户端.对象发送方式如下:Amf3Outputamf3Output=newAmf3Output(SerializationContext.getSerializationContext());amf3Output.setOutputStream(userSocket.getOutputStream());amf3Output.writeObject(animal)
我正在开发一个Flex3.4应用程序,它通过最新版本的BlazeDS与JBoss-4.2.2服务器上运行的JavaEE后端进行交互.当我在Tomcat上从FlashBuilder4beta2运行Flex应用程序时,一切都很好,Flex应用程序能够进行所需的远程调用.但我的生产环境是在JBoss上,当我将应用程序移动到JBoss时(更
我有一个非常大的问题.我使用Flex3/Tomcat/BlazeDS/Spring编写了一个大型应用程序,在本地开发时运行良好,当我部署到公共开发环境时很好,但是当部署到我们的测试环境时经常失败.当远程处理请求花费大量时间(超过20秒)时,故障似乎最常发生.在我的开发服务器上,错误发生,但仅
弹性和布局display:flex在ie6,ie7不兼容状态,一般在pc用的比较少,在手机端所有的浏览器都是支持的控制子元素在父元素里面的位置关系display:flex是给父元素加的文档流是按照主轴排列,只要父元素加了flex,那么里面的子元素全部可以直接添加宽高主轴的方向
FLEX2.0源码分析(一)https://www.jianshu.com/p/8bc4c5f4b19fFLEX源码分析二(网络监测swizzle)https://www.jianshu.com/p/ffb95f2cbda6FLEX源码分析三(网络监测记录FLEXNetworkRecorder)https://www.jianshu.com/p/66267dc922c5FLEX源码分析四(Systemlog)https://www.jianshu.
1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title><itle>6<style>7*{8margin:0;9padding:0;10
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&qu
flex:将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示两者都是使子元素们弹性布局,但是如果是flex,父元素的尺寸不由子元素尺寸动态调整,不设置时默认是100%,而inline-flex则会使父元素尺寸跟随子元素们的尺寸动态调整。
<html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width"><title>test<itle><stylemedia="screen">.tab-head{list-style-type:no
有没有办法使用邮政编码找到径向距离?我的任务是搜索居住在指定距离内的所有用户.我知道用户的zipcodes.例如,距离当前位置25英里的用户.我有其他搜索类别,我正在使用mysql查询.我无法解决距离问题.我的后端是在PHP中Flex的前端和前端.对我来说最好的选择就是www.zip-codes.com