在FLEX开发中有一些小技巧,经理在这里总结下,方便以后查阅,也希望能和大家一起交流。 这些小功能在实际开发中是很经常用的。
一、在DataGrid的列中加图片 做报表的时候经常会在DataGrid中加入一些刻度条或者增减的图片表示一些API指标值,其实这个功能FLEX可以实现。 在DataGrid-colums-DataGridColumn中有个itemRenderer属性,这个属性可以让你用一个组件来替换这个列中本来的内容。 OK,进入正题。 首先,我们先创建一个组件(这里以一个图形为例),名为MyImage code清单1
这里的num是一个dataField中的值,这里可以用value.num来取到这个值
接下来,我们直接利用itemRenderer属性把这个组件设置进去就OK了 code清单2
当然,我们除了加图片还可以加入一些控件进去。方法也如上就是了。
二、列表多表头 用AdvancedDataGrid来绘制多表头。如果有上下两层的表头,那么主表头就用AdvancedDataGridColumnGroup标签,子表头用AdvancedDataGridColumn嵌在AdvancedDataGridColumnGroup标签内就可以了。 code清单3
这里值得注意的有几个属性: headerSortSeparatorSkin:用于定义 AdvancedDataGrid 控件中标题的文本和图标部分之间分隔符的外观。这个东西主要是用来去掉AdvancedDataGrid多表头旁边的一个线条。 variableRowHeight:一个标志,指示各行是否可以采用不同的高度。 更多的样式请参考... http://www.blogjava.net/zhangyuan/archive/2010/08/27/330064.html
三、Chart双坐标轴 在Chart标签中实际上除了dataProvider还有secondDataProvider这样的属性,也有类似secondSeries的一系列标签,这些标签都是为双坐标轴服务的。要做双坐标的图表其实很简单.. code清单4
四、Chart中自定义提示(labelFunction) 在Chart的Series中,有labelFunction属性,这个属性是为了扩展提示用的 code清单5
这里的showlabel其实就是现实提示的这个方法,那么我们在as中定义好这个方法 code清单6
这里是饼图的几个参数 其中通过data.xxx可以取到数据,percentValue是饼图自动计算出的百分比数。
如果想图个简单,不用那个百分比可以这样写 code清单7 private function showlabel(hitData:HitData):String { return "<font size='12'>"+hitData.item.org+"</font><br>"+hitData.item.num2+"%"; }
效果都还不错
五、Chart的渐变色 这里的渐变分背景渐变和图表元素渐变 先来说下背景渐变: 经理以ColumnChart为例
code清单7
GradientEntry标签代表渐变的颜色,显然这里只有从#02817c到#ffffff的渐变效果,那么直接把这个代码加在ColumnChart标签里就可以了。
图表元素渐变和背景渐变差不多
code清单8
这样非常好看