Flex中如何通过backgroundAlpha样式和alternatingItemColors样式创建一个具有透明效果背景颜色DataGrid的例子

By Minidxer | August 19, 2008

接下来的例子演示了Flex中如何通过backgroundAlpha样式和alternatingItemColors样式，创建一个具有透明效果背景颜色DataGrid。

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

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.events.ColorPickerEvent;
private function colorPicker_creationComplete(evt:Event):void {
colorPicker.selectedColor = Application.application.getStyle("backgroundColor");
}
private function colorPicker_change(evt:ColorPickerEvent):void {
Application.application.setStyle("backgroundColor", colorPicker.selectedColor);
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="User 1" data="1" />
<mx:Object label="User 2" data="2" />
<mx:Object label="User 3" data="3" />
<mx:Object label="User 4" data="4" />
<mx:Object label="User 5" data="5" />
<mx:Object label="User 6" data="6" />
<mx:Object label="User 7" data="7" />
<mx:Object label="User 8" data="8" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Label text="backgroundColor:" />
<mx:ColorPicker id="colorPicker"
creationComplete="colorPicker_creationComplete(event)"
change="colorPicker_change(event)" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
backgroundAlpha="0.0"
alternatingItemColors="{[]}"
dataProvider="{arr}">
<mx:columns>
<mx:DataGridColumn dataField="label" />
<mx:DataGridColumn dataField="data" />
</mx:columns>
</mx:DataGrid>
</mx:Application>

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

Topics: Flex | Tags: backgroundAlpha, DataGrid, lternatingItemColors, 背景颜色

中文Flex例子