AS3自定义Datagrid控件的样式(以下举例字体样式)
样式定义var htf:TextFormat = new TextFormat("verdana", 12, 0xFFCC00);
表头样式设置 filelist.setStyle("headerTextFormat",htf);
单元格样式设置 filelist.setRendererStyle("textFormat",htf);
很简单
本文内容就直接转载笑熬浆糊 (http://www.beus.cn)的文章了:
包括自定义header和cell的样式。以下m_dg为DataGrid控件。
1、header样式
m_dg.setStyle("headerRenderer", DatagridHeaderStyle);
新建DatagridHeaderStyle类，代码如下：
package beus{
import fl.controls.dataGridClasses.HeaderRenderer;
import flash.text.TextFormat; public class DatagridHeaderStyle extends HeaderRenderer { public function DatagridHeaderStyle():void {
super();
} override protected function drawBackground():void {
var format:TextFormat = new TextFormat();
format.font = "SimSun";//字体为宋体
format.bold = true;//加粗
format.size = 12;//大小为12
format.color = 0x333333;//颜色
setStyle("textFormat",format);
super.drawBackground(); }
}
2、cell样式
m_dg.setStyle("cellRenderer", DatagridCellStyle);
新建DatagridCellStyle类，代码如下：
package beus{
import fl.controls.listClasses.CellRenderer;
import fl.controls.listClasses.ICellRenderer;
import flash.text.TextFormat; public class DatagridCellStyle extends CellRenderer implements ICellRenderer { public function DatagridCellStyle():void {
super();
} override protected function drawBackground():void {
var format:TextFormat = new TextFormat();
format.font = "Simsun";
format.size = 12;
format.color = 0x333333;
setStyle("textFormat",format);
super.drawBackground(); }
}
3、设置每行交替颜色显示
打开库文件面板，参照Component Assets / CellRendererSkins / CellRenderer_upSkin，根据此Skin新建一个CellRenderer_upSkinGray元件，把颜色修改一下，保存到Component Assets / CellRendererSkins / 中，并设置链接类为CellRenderer_upSkinGray。
m_dg.setStyle("cellRenderer", DatagridCellStyle);
新建DatagridCellStyle类，代码如下：
package beus{
import fl.controls.listClasses.CellRenderer;
import fl.controls.listClasses.ICellRenderer;
import flash.text.TextFormat;
public class DatagridCellStyle extends CellRenderer implements ICellRenderer {
public function DatagridCellStyle():void {
super();
}
override protected function drawBackground():void {
if (_listData.index % 2 == 0) {
setStyle("upSkin", CellRenderer_upSkinGray);
} else {
setStyle("upSkin", CellRenderer_upSkin); super.drawBackground(); }
}
看了后发现这样作真方便.
对于headerText的样式有直接的方法:dataGrid.setStyle("headerTextFormat", myFormat);
来源于：http://it.chinawin.net/softwaredev/article-51cf.html