Flex学习笔记（2009-9-11更新）

1.设置验证控件错误提示Style

.errorTip { font-size:12px; border-color:white;//设置背景颜色，设置background-color无效 }

 

2.HBox (横向排列)和VBox（纵向排列） 容器却不遵守bottom、left、right 或top 这几个约束条件，x,y也是！所以设置它们是不起效的。在其内的组件也是一样

正确的做法示例：

<mx:HBox width="400" height="300" horizontalGap="20"> <mx:Button label="Button"/> <mx:ComboBox top="60"/> <mx:Spacer width="20"/> <mx:LinkButton label="Link Button"/> </mx:HBox> <mx:VBox width="400" height="300" verticalGap="20"> <mx:Button label="Button"/> <mx:ComboBox/> <mx:Spacer height="60"/> <mx:ComboBox /> <mx:Spacer height="60"/> <mx:LinkButton label="Link Button"/> </mx:VBox>  

  在这里我们看到了VBOX里有个verticalGap属性、HBox里有个horizontalGap属性，他们都是定义子组件之间的距离用的。倘若个别组件想增大距离，可以加<mx:Spacer />这个组件进行设置

 

3.去除Application所有默认样式

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" styleName="plain"> </mx:Application>

  去除后： 所有的补白设置为0。
               背景色设置为#FFFFFF。
               背景图象被去除
               所有子控件均靠左对齐。

 

4.ViewStack 导航器容器

   ViewStack 容器指定为 LinkBar、TabBar 或 ToggleButtonBar 容器的 dataProvider 属性的值

 

5.flex legend style

在所在文件目录下新建一个actionscript  Class

BigFontLegendItem（类名字要与文件名相同哦）内代码如下： package com { import mx.charts.LegendItem; public class BigFontLegendItem extends LegendItem { public function BigFontLegendItem() { super(); this.styleName = “ChineseFont”; } } } 

flex端Application内加入样式

<mx:Style> .ChineseFont{ fontFamily:”Verdana”,”宋体”; fontSize:12; } </mx:Style>

legend标签里加入

<mx:Legend dataProvider=”{columnchart1}” legendItemClass=”com.BigFontLegendItem” width=”560″ fontSize=”12″ height=”25″ paddingLeft=”180″/> 

 

6.使chart横坐标标签成90度显示

当做微型报表时，横坐标往往显得很密，因此把很坐标标签竖着排列就好看很多了，在加上labelFunction的处理就更好看了，那么来看下方法：

必须使用渲染器+导入外部字体的方式，缺一不可！！

<mx:LineChart id="lineChart""> 〈！--其它代码省略--〉 <mx:horizontalAxisRenderer> <mx:AxisRenderer labelRotation="90"/> </mx:horizontalAxisRenderer> </mx:LineChart id="lineChart"">

在样式中导入字体

@font-face { font-family: EmbeddedArial; src: local("FZYaoti");//注意：这里不可以写中文，如需导入中文字体，请使用中文字体的英文名字如：FZYaoti方正姚体 } LineChart{ fontFamily:EmbeddedArial; } </mx:Style>

字体的加入会使文件大小增加。

 

今天找到一个对坐标进行旋转的操作，我想可以解决上面的问题，可以查看：

Flex中如何通过labelRotation样式对图表中横向，竖向的轴线标签进行旋转操作的例子