11.显示红色的* :
<mx:Form >
<mx:FormItem label="CDR編碼" required="true">
<s:TextInput id="add_extCode"/>
</mx:FormItem>
</mx:Form>
1.单选按钮:
<s:RadioButton id="dayRadio" label="日報" click="if(dayRadio.selected)this.currentState = 'day'" selected="true"/>
2.日期:
<mx:DateField excludeFrom="month" id="dateField" formatString="YYYY-MM-DD"/>
3.上下滚动条:
<s:Scroller width="100%" height="100%">
4.Label: 设定宽度才会自动换行
<s:Label textAlign="justify" width="280" verticalAlign="justify"
5.SKin:
<!-- background fill --> 整个组件从上到下渐变
<s:Rect left="0" right="0" bottom="0" top="0" >
<s:fill>
<s:LinearGradient rotation="90" >
<s:GradientEntry color="0xFFFFFF" />
<s:GradientEntry color="0x1a1919" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<!-- title bar fill --> 高度30的长方形
<s:Rect left="0" right="0" top="0" height="30">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x000000" />
<s:GradientEntry color="0xC0C0C0" />
</s:LinearGradient>
</s:fill>
</s:Rect>
6.改变默认的Panel样式:
<s:Panel width="100%" height="100%"
skinClass="zw.test.scroller.skins.MyPanelSkin"
title="Scroller Sample">
7.悬浮窗口(类似于title): mxml文件实现IToolTip接口
<?xml version="1.0" encoding="utf-8"?>
<mx:Box xmlns:mx="http://www.adobe.com/2006/mxml" width="300" height="{getHeight(gridData)}"
implements="mx.core.IToolTip" >
8.监听DataGrid的Item的事件:
allAlarmInfos.cudg.addEventListener(ListEvent.ITEM_CLICK, alarmSelectHandler);
9. 垂直方向居中:
<s:Group width="100%" top="0" bottom="0" >
<s:layout>
<s:HorizontalLayout verticalAlign="middle" />
</s:layout>
10.包装一个Button:
public class LinkBtnItmRender extends LinkButton
回调函数: 可以解决这样的一个问题:在actionscript类中调用页面mxml中的函数
if(viewObj.hasOwnProperty('lnkBtnHandler')){
(view['lnkBtnHandler'] as Function).call(viewObj['lnkBtnHandler'],data,type);
}
11.圆角:<s:Rect id="myMain" radiusX="4" radiusY="4">
Rect矩形(圆角矩形),以下是基本的一些属性:
width <length>: 矩形的宽度。
height <length>: 矩形的高度。
radiusX <length>: 圆角矩形,圆角在X轴椭圆半径的弯道,此值四舍五入。
radiusY <length>: 圆角矩形,圆角在y轴椭圆半径的弯道,此值四舍五入。
rotation <Number>: 旋转角度,正数为顺时针,负数为逆时针。
scaleX <Number>: x轴缩放,1为100%。
scaleY <Number>: y轴缩放,1为100%。
12.滤镜:
DropShadowFilter(阴影滤镜)
<s:filters>
<s:DropShadowFilter alpha="0.5" distance="1.2" quality="2" excludeFrom="down"/>
</s:filters>
14.七、渲染(ItemRenderer)
1、内联渲染的写法
<mx:datagrid>
<mx:itemrenderer>
<mx:Component>
<mx:Image/> //这里是要渲染的元素
</mx:Component>
</mx:itemrenderer>
</mx:datagrid>
2、对于独立的渲染类,要更新数据,可以重写data方法,如:
override public function set data(value:object)
可以用于字段为空时,显示的内容等
15.八、检测图片是否存在的方法
用UrlLoader,监听Compleate(图片存在)的IOError(图片不存在)事件,不存在时可以用默认图片代替
九、FB常用技巧
ctrl+shift+c 注释MXML代码段,及as代码段
ctrl+shift+p 跳转到大扩号的另一端
调整某行(或多行)的位置,可以用alt+上下箭头
16.在flex经常会指定某个可拖动对象在可拖动区域中拖拽,可以指定拖动对象的rectangle,代码如下:
//指定区域
var dragRect:Rectangle = new Rectangle(0,0,200,200);
slider.startDrag(false,dragRect);
17.获取窗口大小:
screen.width
18.子窗口指定父窗口State:
Application.application.currentState = "index";
19.initialize 比 creationComplete先执行:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
initialize="init()" creationComplete="initApp()"
20.如果你想为子项间增加间隔,你可以为容器设置horizontalGap或verticalGap属性。你也可以用Spacer组件来调节间隔;设置高度和宽度正负值来增加或减少间隔大小