flex 控件属性
2009-11-12 16:06
使用<mx:Style>标签在MXML文件中创建本地的样式定义。这个标签包含了符合CSS2.0语法的样式表定
义。这些定义会应用到当前文档以及当前文档的子文档。
<mx:style>
.solidBorder{//类选择样式
borderStyle:solid;
}
button{//组件定义样式
borderStyle:solid;
}
....
</mx:style>
//应用到组件
<mx:VBoxstyleName="solidBorder"/>
<mx:button/>//文档中的button自动应用样式表中的样式
二、使用外部样式表
FLEX支持外部CSS样式表。要应用一个样式表到当前文档和子文档，使用<mx:Style>标签中的source
属性。
<mx:Application...>
<mx:Stylesource="style/style.css"/>//载入外部样式表
...
</mx:Application>
style.css文件中的样式表定义与本地样式定义相同。
三、使用内联样式
可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式
。
<mx:buttonborderStyle="solid">//设定样式属性
四、使用setStyle()方法
可以在ActionScript中使用方法来操作组件的样式属性。使用setS ......

/*Copyright (c) 2006 Adobe Systems Incorporated
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
from, OU ......

Flex中控件组件一大堆，总结一下。
1． 
用来布局的控件有  form、canvas、panel、box 等。 当然box 中又有很多了，有vbx、hbox、VDividedBox、HividedBox、Tile。 当然这些里面大体上又分为两种
一种是绝对布局、一种是相对布局（个人认为啊）。其中canvas 是只支持绝对布局的 form、box 只支持相对布局。而panel 则两种都支持 看选择了 layout 属性的值而确定。 还有一些用来盛放button 等的容器 
ApplicationControlBar、ControlBar 等。
2． 
用来控制的控件。Button、LinkButton、CheckBox、RadioButton 和 PopupButton 控件等。
3． 
用来显示数据的控件（List 控件） ComboBox、List、HorizontalList、DataGrid、Tile、Menu 和 Tree等控件。
Flex 强大的动画功能当然是很惹人关注的
     收集了一些动画的效果控件
    
Effect 名称
1、AnimateProperty
 针对组件的一个以数字计算的属性，比如长度，
按给定的起始值逐渐改变属性的大小。
 
2、Blur
 模糊效果。可以让组件变得模糊，核心由 BlurFilter 滤镜完成。
当对组件使用了该效果，不可再使用 Blur 滤镜和 ......

    2.2 代码实现
      下面给出了FlexBuilder工程的一个文件，设置了Flash的布局。
     view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" width="600" height="400">

<mx:Label text="选择用户类型：" width="148" height="35"
fontSize="20" fontFamily="Georgia" x="38" y="40"/>

<!-- 用户类型 -->
<mx:Array id="userTypeArray">
<mx:Object label="普通用户" data="1" />
<mx:Object label="管理员" data="2" />
</mx:Array>

<!-- 下拉列表框，选择用户类型 -->
<mx:ComboBox id="userTypeCombo" width="160" height="35"
editable="false" fontSize="16"
horizontalCenter="-25" verticalCenter="-148"
dataProvider="{userTypeArray}"/>

&l ......

    2.2 代码实现
      下面给出了FlexBuilder工程的一个文件，设置了Flash的布局。
     view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" width="600" height="400">

<mx:Label text="选择用户类型：" width="148" height="35"
fontSize="20" fontFamily="Georgia" x="38" y="40"/>

<!-- 用户类型 -->
<mx:Array id="userTypeArray">
<mx:Object label="普通用户" data="1" />
<mx:Object label="管理员" data="2" />
</mx:Array>

<!-- 下拉列表框，选择用户类型 -->
<mx:ComboBox id="userTypeCombo" width="160" height="35"
editable="false" fontSize="16"
horizontalCenter="-25" verticalCenter="-148"
dataProvider="{userTypeArray}"/>

&l ......

servlet 端：
String userId = request.getParameter("userId");
System.out.println(userId);
response.setCharacterEncoding("UTF-8");
response.getWriter().println("hello world -- 我爱你。。。");

Flex 前台端
<fx:Script>
<![CDATA[
import flash.trace.Trace;
private var loader:URLLoader = new URLLoader();
private function asCallHandler():void{
// URL
var url:String = "http://localhost/app01/getUser";
// 参数
var args:URLVariables = new URLVariables();
args.userId = 1;
// Request请求
var request:URLRequest = new URLRequest(url);
request.data = args;// 绑定参数
//请求加载器

loader.addEventListener(Event.COMPLETE,handleServerResponse);
loader.load(request);//发送请求
}
private function handleServerResponse(e:Event):void{
trace("User data is loaded");
// 获取servlet中println()的内容
debugText.text = loader.data;
}
protected function button1_click ......

String userId = request.getParameter("userId");
System.out.println(userId);
response.setCharacterEncoding("UTF-8");
//response.getWriter().println("hello world -- 我爱你。。。");
String xml = "<user>" +
"<username>涛哥</username>" +
"</user>";
response.getWriter().println(xml);
import flash.trace.Trace;
private var loader:URLLoader = new URLLoader();
private function asCallHandler():void{
// URL
var url:String = "http://localhost/app01/getUser";
// 参数
var args:URLVariables = new URLVariables();
args.userId = 1;
// Request请求
var request:URLRequest = new URLRequest(url);
request.data = args;// 绑定参数
//请求加载器

loader.addEventListener(Event.COMPLETE,handleServerResponse);
loader.load(request);//发送请求
}
private function handleServerResponse(e:Event):void{
trace("User data is loaded");
//将返回的数据解析成xml
var resultXML : XML = new XML(lo ......

String userId = request.getParameter("userId");
System.out.println(userId);
response.setCharacterEncoding("UTF-8");
//response.getWriter().println("hello world -- 我爱你。。。");
String xml = "<user>" +
"<username>涛哥</username>" +
"</user>";
response.getWriter().println(xml);
import flash.trace.Trace;
private var loader:URLLoader = new URLLoader();
private function asCallHandler():void{
// URL
var url:String = "http://localhost/app01/getUser";
// 参数
var args:URLVariables = new URLVariables();
args.userId = 1;
// Request请求
var request:URLRequest = new URLRequest(url);
request.data = args;// 绑定参数
//请求加载器

loader.addEventListener(Event.COMPLETE,handleServerResponse);
loader.load(request);//发送请求
}
private function handleServerResponse(e:Event):void{
trace("User data is loaded");
//将返回的数据解析成xml
var resultXML : XML = new XML(lo ......