为
Spark
DataGrid
的标题拦添加一个静态
图标
非常的简单~你需要创建一个headerRenderer,并将其指定到GridColumn(网格列),以下为步骤:
1. 复制皮肤文件的内容:DefaultGridHeaderRenderer.mxml,并将其粘贴至新的mxml文件,以此作为你的定制headerRenderer.
2. 在你定制的header renderer中,在皮肤文件的末端找到HGroup部分(在labelDisplay组之前),在HGroup部分添加BitmapImage,把它作为HGroup的第一个元素。
复制代码
3. 你也许想为你的
图标
添加点间距或边距,此案例中的间距为8
4. 为你的GridColumn指定headerRenderer:
复制代码
好啦,就这么简单。提一下,如果你想修改sortIndicator(
排序
标签?),你同样也可以基于默认的renderer(渲染器)定制一个自己的header renderer.
案例代码: IconHeaderExample.mxml , IconHeaderRenderer.mxml IconHeaderRenderer2.mxml
1. 复制皮肤文件的内容:DefaultGridHeaderRenderer.mxml,并将其粘贴至新的mxml文件,以此作为你的定制headerRenderer.
2. 在你定制的header renderer中,在皮肤文件的末端找到HGroup部分(在labelDisplay组之前),在HGroup部分添加BitmapImage,把它作为HGroup的第一个元素。
- <s:BitmapImage source="beer.JPG" />
4. 为你的GridColumn指定headerRenderer:
- <s:GridColumn id="c1_2" dataField="name" headerText="Pub Name"
- headerRenderer="IconHeaderRenderer2"/>
案例代码: IconHeaderExample.mxml , IconHeaderRenderer.mxml IconHeaderRenderer2.mxml