Flex 按钮控制、延时函数、DataGrid定制技巧总结

"Flex 经验与问题总结——个人经验分享" 在Flex开发过程中，遇到的问题和解决策略是提升技能的关键。以下是一些关键知识点的详细说明： 1. 保持按钮按下状态： Flex中的`mx:Button`组件允许通过`toggle`属性来控制按钮的切换状态。当`toggle`设置为`true`时，按钮会在选中和未选中状态间切换，用户可以再次单击以改变其状态。`selected`属性则用来获取或设置当前状态。如果`toggle`设为`false`，按钮在用户松开后将自动恢复到未按下状态，`selected`始终为`false`。 2. 实现延迟执行（Sleep函数）： Flex中没有内置的Sleep函数，但可以通过`flash.utils.setTimeout`模拟该功能。例如，如果要2秒后执行一个函数`launchAlert`，可以写如下代码： ```actionscript private function launchAlert():void { Alert.show("I'm an alert."); } flash.utils.setTimeout(launchAlert, 2000); // 2000毫秒后调用launchAlert函数 ``` 3. 动态指定DataGrid的itemRenderer： DataGrid的列可以动态指定渲染器以自定义显示样式。例如，创建一个新的DataGridColumn对象，并设置`itemRenderer`属性为`ClassFactory`实例，传入自定义的渲染器类： ```actionscript var dgc:DataGridColumn = new DataGridColumn(); dgc.itemRenderer = new ClassFactory(view.ListCell); ``` 或者在MXML中直接指定： ```xml <mx:DataGrid id="dg"> <mx:columns> <mx:DataGridColumn itemRenderer="view.ListCell" /> </mx:columns> </mx:DataGrid> ``` 4. 动态设定DataGrid的排序函数： DataGrid的列可以根据需求动态设置排序函数。首先定义一个比较函数，如`sortFunc`，然后将其赋值给`sortCompareFunction`属性： ```actionscript private static function sortFunc(field:String):Function { return function (itemA:Object, itemB:Object):int { return ObjectUtil.numericCompare(itemA[field], itemB[field]); } } var dgc:DataGridColumn = new DataGridColumn(); dgc.sortCompareFunction = sortFunc("column"); ``` 5. 在DataGrid列中显示图片： 可以通过自定义itemRenderer实现显示图片。创建一个新类作为渲染器，例如`ImageCellRenderer`，然后将它分配给DataGridColumn的`itemRenderer`属性： ```actionscript var dgc:DataGridColumn = new DataGridColumn(); dgc.itemRenderer = new ClassFactory(view.ImageCellRenderer); ``` 或者在MXML中定义DataGrid的列： ```xml <mx:DataGrid id="dgShipWeight"> <mx:columns> <mx:DataGridColumn itemRenderer="view.ImageCellRenderer" /> </mx:columns> </mx:DataGrid> ``` 以上内容涵盖了Flex开发中关于按钮状态控制、延迟执行、数据网格自定义渲染和排序功能以及在DataGrid中展示图片的基本方法。掌握这些知识点有助于提高Flex应用的开发效率和用户体验。