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

样式定义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


相关内容

  • 数据库-学生学籍管理系统
  • 目录 一.系统定义 . ............................................................................................ 1 二.需求分析 . .................................. ...

  • .net网络办公自动化系统实习报告
  • 一.实训概要 1.实训内容 在将近一个月的时间内,本人和项目组其他成员一起,完成了一个基于微软.net技术的网络办公自动化系统(简称oa系统),该系统主要包括以下五个模块:考勤管理:短信管理:邮件管理:联系人管理和客户管理. 2.担任角色 本人在团队中担任页面美工和程序员的角色,主要制作了母板页和短 ...

  • 网络编程技术
  • 试卷代号:7956 座位号 河南广播电视大学2008-2009学年度第一学期期末考试 高级网页制作技术 试题 2009年1月 一.判断题(在括号中填√或×,每小题2分,共20分) 1.ASP.NET页的默认扩展名是ascx.( ) 2.在.Net中,类System.Web.UI.Page 不可以被继 ...

  • 如何写"完"UI设计说明书
  • 如何写"完"UI 设计说明书.txt 男人应该感谢20多岁陪在自己身边的女人.因为20岁是男人人生的最低谷,没钱,没事业:而20岁,却是女人一生中最灿烂的季节.只要锄头舞得好,哪有墙角挖不到?1004*623 如何写"完"UI 设计说明书 我们中的大多数人都写 ...

  • 软件开发规范
  • 1. 目的................................................................................................................................................. ...

  • 软件开发界面规范技巧和注意事项
  • 界面规范 一:遵循一致的准则,确立标准并遵循 无论是控件使用,提示信息措辞,还是颜色.窗口布局风格,遵循统一的标准,做到真正的一致. 这样得到的好处: 1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解 2:降低培 ...

  • 系统设计实践与协作方法探索--基于互联网产品的设计与实现
  • 系统设计实践与协作方法探索--基于互联网产品的设计与实现 宋丹1邱爽2 1 上海交通大学,上海,中国,200240 [email protected] 2 腾讯科技有限公司,深圳,中国,518057 [email protected] 摘要:在实际项目中,经验告诉我们,交互设计师视觉设计 ...

  • 软件技巧大全
  • 制作PPT 技巧 一.在PowerPoint 中插入flash 影片的方法 二.在PPT 中插入视频 三.PowerPoint 中插入声音的几种方法. 四.在用PowerPoint 制作课件时加入解说词 在PPT 中能插入的动画和视频.音频格式 动画:swf gif 视频:avi mpg wmv 音 ...

  • 0系统开发与维护技术文档 06418538005 赵利华
  • 山西大学继续教育学院 毕 业 论 文 类 别 年 级 2006级 专 业 计算机信息与管理 姓 名 赵利华 学 号 论文题目 关于图书管理系统开发和维护技术文档 论 文 评 语 建议成绩 指导老师 年 月 日 目 录 论文提要 ························5 第一章 需求分析说明 ...