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

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

'; } else { whichEl.style.display = 'none'; sb.innerHTML=' 显示代码'; whichEl.witdh="300px"; } }   隐藏代码

DE<<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2008/06/08/setting-a-custom-stretch-cursor-on-a-datagrid-in-flex/ --> <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> DE<

当然你可以直接使用stretchCursor和@Embed()潜入光标，代码如下：

DE<<mx:DataGrid id="dataGrid"         dataProvider="{arrColl}"         stretchCursor="@Embed(’assets/arrow_refresh_small.png’)">     <mx:columns>         <mx:DataGridColumn dataField="label" />         <mx:DataGridColumn dataField="score" />     </mx:columns> </mx:DataGrid> DE<

查看Demo演示

原创作者： peterd。翻译整理：一路风尘