Flex 4中如何设置Halo DataGrid头部为图片背景的例子

By Minidxer | November 2, 2009

接下来的例子演示了Flex 4中如何通过headerBackgroundSkin样式，设置Halo DataGrid头部为图片背景。

让我们先来看一下Demo（可以点击这里察看源代码）：

下面是完整代码(或点击这里察看)：
下面是main.mxml：

下面为skins/CustomDataGridHeaderBackgroundSkin.mxml的代码:

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin name="CustomDataGridHeaderBackgroundSkin"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
minWidth="21" minHeight="19">
<s:Rect left="0" right="0" top="0" bottom="0" alpha="0.6">
<s:fill>
<s:BitmapFill source="@Embed('assets/pattern_149.gif')" />
</s:fill>
</s:Rect>
<s:Rect left="0" right="0" bottom="0" height="9">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="black" alpha="0.0099" />
<s:GradientEntry color="black" alpha="0.0627" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Rect left="0" right="0" top="0" height="9">
<s:fill>
<s:SolidColor color="white" alpha="0.33" />
</s:fill>
</s:Rect>
<s:Rect left="0" right="0" bottom="0" height="1">
<s:fill>
<s:SolidColor color="#696969" />
</s:fill>
</s:Rect>
</s:SparkSkin>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: DataGrid, Gumbo | 1 Comment » | Tags: Gumbo, headerBackgroundSkin

One comment | Add One

中文Flex例子