Flex中利用stretchCursor样式设置自定义的拉伸光标图标的例子

接下来的例子演示了Flex中如何通过设定stretchCursor样式，设置自定义的拉伸光标图标。在下面Demo中，将光标移动到“score”左侧体验自定义的拉伸图标。

让我们先来看一下Demo（

可以右键View Source或点击这里察看源代码

）

：

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

<?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[
[Bindable]
[Embed("assets/arrow_refresh_small.png")]
private var stretchIcon:Class;
]]>
</mx:Script>

<mx:ArrayCollection id="arrColl">
<mx:source>
<mx:Array>
<mx:Object label="Student A" score="85" />
<mx:Object label="Student B" score="48" />
<mx:Object label="Student C" score="71" />
<mx:Object label="Student D" score="88" />
<mx:Object label="Student E" score="24" />
<mx:Object label="Student F" score="64" />
<mx:Object label="Student G" score="76" />
<mx:Object label="Student H" score="76" />
<mx:Object label="Student I" score="93" />
<mx:Object label="Student J" score="88" />
<mx:Object label="Student K" score="48" />
<mx:Object label="Student L" score="76" />
</mx:Array>
</mx:source>
</mx:ArrayCollection>

<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
stretchCursor="{stretchIcon}">
<mx:columns>
<mx:DataGridColumn dataField="label" />
<mx:DataGridColumn dataField="score" />
</mx:columns>
</mx:DataGrid>

</mx:Application>