准备工作：
1.做一个800x3像素图像命名为dash.png，作为虚线皮肤。
2.嵌入图片并作为可绑定元数据，如下源码中声明一个名为DashLine的Class。
3.datagrid控件设置属性horizontalGridLines="true",horizontalSeparatorSkin="{DashLine}"。
代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" >
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;[Bindable]
[Embed(source="./assets/dash.png")]
private var DashLine:Class;[Bindable]
public var mockData:ArrayCollection;private function init():void
{
mockData=new ArrayCollection([
{
name: "Yukon",
arg: [1, 2, 3, 4, 5, 6, 25, 26, 27, 28, 29, 30, 200, 212, 1302],
uf: "112012-1231-sa"},
]]>
{
name: "Longhorn",
arg: [25, 26, 27, 28, 29, 30],
uf: "12102-12333-ac"
},
{
name: "Tarsier",
arg: [49, 50, 51, 52, 53, 54],
uf: "12102-12334-ac"
} ]);
}
</mx:Script>
<mx:DataGrid x="198" y="278" dataProvider="{mockData}" left="160" right="160" horizontalGridLines="true" horizontalSeparatorSkin="{DashLine}" >
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name"/>
<mx:DataGridColumn headerText="Data" dataField="arg"/>
<mx:DataGridColumn headerText="ID" dataField="uf"/>
</mx:columns>
</mx:DataGrid></mx:Application>
效果如图：
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。