Flex中如何通过labelFunction属性给ButtonBar设置一个函数用于创建自定义按钮标签的例子

By Minidxer | February 14, 2009

接下来的例子演示了Flex中如何通过labelFunction属性,给ButtonBar设置一个函数用于创建自定义按钮标签。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.controls.ButtonBar;
  10.  
  11.             private var buttonBarXML:XML = describeType(ButtonBar);
  12.  
  13.             private function buttonBar_labelFunc(item:Object):String {
  14.                 var cat:String = item.category.toUpperCase();
  15.                 var len:uint = buttonBarXML.factory.child(item.data).length();
  16.                 return cat + " (" + len + ")";
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:Array id="arr">
  22.         <mx:Object category="Accessors" data="accessor" />
  23.         <mx:Object category="Methods" data="method" />
  24.     </mx:Array>
  25.  
  26.     <mx:ButtonBar id="buttonBar"
  27.             dataProvider="{arr}"
  28.             labelFunction="buttonBar_labelFunc" />
  29.  
  30. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: ButtonBar | No Comments » | 612 views Tags: , ,

Search Posts