有才華的人，別忘記給滋潤你的那塊土壤施肥

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

28 隨筆 :: 5 文章 :: 147 評論 :: 0 Trackbacks

<

2009年3月

>

日

一

二

三

四

五

六

22

23

24

25

26

27

28

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(15)

我參與的團隊

深圳Java俱樂部(0/0)

隨筆分類

隨筆檔案

文章分類

Swing (rss)
web (rss)

記得常去逛逛

desktop form
developerWorks 中國
infoq
javadesktop
javalobby
javase
sun中國

搜索

閱讀排行榜

評論排行榜

DataGrid透明顯示背景圖片，及表頭透明

今天有人問我flex中怎樣向DataGrid添加背景圖片，以及怎樣使表格透明。
其實這個查下文檔就知道，可以如下用setStyle設置：

dataGrid.setStyle('backgroundAlpha',alpha)

但是，沒多久又告訴我，表頭并不透明，看不到后面的背景圖片，查了下api，簡單繼承下DataGrid，重寫drawHeaderBackground方法就行，如：

override protected function drawHeaderBackground(headerBG:UIComponent):void

{

//透明參數

headerBG.alpha = _headerAlpha;

//是否可見

headerBG.visible = _headerVisible;

super.drawHeaderBackground(headerBG);

}

效果如下：
1，未處理的DataGrid，表格不透明

2,處理DataGrid后

測試效果可以點擊：http://www.munkiihouse.com/flexapps/StyleDataGrid/StyleDataGridDemo.html

代碼：
1、繼承于DataGrid：

package com.mh.components

{

import mx.controls.DataGrid;

import mx.core.UIComponent;

public class StyleDataGrid extends DataGrid

{

private var _headerBGAlpha:Number = 1;

public function set headerBGAlpha(value:Number):void

{

_headerBGAlpha = value;

invalidateDisplayList();

}

private var _headerBGVisible:Boolean = true;

public function set headerBGVisible(value:Boolean):void

{

_headerBGVisible = value;

invalidateDisplayList();

}

2、測試用例：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:mhc="com.mh.components.*" backgroundColor="#FF8000" backgroundGradientColors="[#ff8040, #e14900]">

<mx:Panel x="10" y="10" width="550" height="500" layout="absolute" title="Albums" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" backgroundImage="@Embed('bg.jpg')">

<mhc:StyleDataGrid id="sdg_albums" dataProvider="{Catalog.cataglog}" left="10" right="10" top="10" bottom="10">

<mhc:columns>

<mx:DataGridColumn dataField="ARTIST" headerText="Artist" width="200" />

<mx:DataGridColumn dataField="TITLE" headerText="Title" />

<mx:DataGridColumn dataField="YEAR" headerText="Year" width="60" />

</mhc:columns>

</mhc:StyleDataGrid>

</mx:Panel>

<mx:Panel x="568" y="10" width="300" height="200" layout="vertical" title="Controls" paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10">

<mx:FormItem label="Header Alpha:" width="100%" labelWidth="120">

<mx:HSlider id="hs_h_alpha" value="1" minimum="0" maximum="1" snapInterval="0.1" allowTrackClick="true" change="{sdg_albums.headerBGAlpha = hs_h_alpha.value}" width="100"/>

</mx:FormItem>

<mx:FormItem label="Header Visable:" labelWidth="120">

<mx:CheckBox id="cb_visible" label="Visable" selected="true" change="{sdg_albums.headerBGVisible = cb_visible.selected}"/>

</mx:FormItem>

<mx:FormItem label="Background Alpha:" width="100%" labelWidth="120">

<mx:HSlider id="hs_bg_alpha" value="0.5" minimum="0" maximum="1" snapInterval="0.1" allowTrackClick="true" change="{sdg_albums.setStyle('backgroundAlpha',hs_bg_alpha.value)}" width="100"/>

</mx:FormItem>

</mx:Panel>

</mx:Application>

3、測試數據：

package

{

public class Catalog

{

public static function get cataglog():XMLList

{

return catalog..CD;

}

private static var catalog:XML = <CATALOG>

<CD>

<TITLE>Empire Burlesque</TITLE>

<ARTIST>Bob Dylan</ARTIST>

<COMPANY>Columbia</COMPANY>

</CD>

<CD>

<TITLE>Hide your heart</TITLE>

<ARTIST>Bonnie Tylor</ARTIST>

<COMPANY>CBS Records</COMPANY>

</CD>

<CD>

<TITLE>Greatest Hits</TITLE>

<ARTIST>Dolly Parton</ARTIST>

</CD>

<CD>

<TITLE>Romanza</TITLE>

<ARTIST>Andrea Bocelli</ARTIST>

<COMPANY>Polydor</COMPANY>

</CD>

<CD>

<TITLE>When a man loves a woman</TITLE>

<ARTIST>Percy Sledge</ARTIST>

<COMPANY>Atlantic</COMPANY>

</CD>

<CD>

<TITLE>Black angel</TITLE>

<ARTIST>Savage Rose</ARTIST>

</CD>

<CD>

<TITLE>1999 Grammy Nominees</TITLE>

<COMPANY>Grammy</COMPANY>

</CD>

<CD>

<TITLE>For the good times</TITLE>

<ARTIST>Kenny Rogers</ARTIST>

<COMPANY>Mucik Master</COMPANY>

</CD>

<CD>

<TITLE>Big Willie style</TITLE>

<ARTIST>Will Smith</ARTIST>

<COMPANY>Columbia</COMPANY>

</CD>

<CD>

<TITLE>Tupelo Honey</TITLE>

<ARTIST>Van Morrison</ARTIST>

<COMPANY>Polydor</COMPANY>

</CD>

</CATALOG>;

}

posted on 2009-03-27 22:59 kissjava 閱讀(4585) 評論(4) 編輯收藏所屬分類: Flex


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Flex Hack 02:DataGrid列尾，用于數據匯總 Flex Hack 01:labelFunction的使用 actionscript之濾鏡 DataGrid透明顯示背景圖片，及表頭透明【轉】Flex中元數據標簽用Flex調用SWF查看PDF Flex事件講解【轉】

有才華的人，別忘記給滋潤你的那塊土壤施肥

常用鏈接

留言簿(15)

我參與的團隊

隨筆分類

隨筆檔案

文章分類

記得常去逛逛

搜索

最新評論

閱讀排行榜

評論排行榜

評論