首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flex 懂得的一些细节

2012-10-29 
flex 了解的一些细节11.显示红色的* :mx:Form ?????mx:FormItem labelCDR編碼 requiredtrue????

flex 了解的一些细节

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%"
??? skinencoding="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组件来调节间隔;设置高度和宽度正负值来增加或减少间隔大小

?

?

?

热点排行