Mar 15

Flex中格式化Slider控件的数据

FlexAdd comments

前两天在折腾HSlider的时候需要格式化显示控件上的数据，感谢Flex SDK使这变得非常简单。你所需要做的仅仅是利用dataTipFormatFunction重载设置默认数据格式。通过简单的传递用户自定义函数名，你可以按照自己的需求显示该控件上data tip中的文本内容（比如在前面添加一个美元符号或者任何你需要的）。

下面是具体的例子以及源代码：


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.             private function formatFunction(item:Object):String {
  10.                   return "Minium price: $" + item.toString();
  11.             }
  12.         ]]>
  13.     </mx:Script>
  14.  
  15.     <mx:HSlider id="slider"
  16.             width="200"
  17.             liveDragging="true"
  18.             minimum="1"
  19.             snapInterval="1"
  20.             tickInterval="1"
  21.             value="3"
  22.             dataTipFormatFunction="formatFunction" />
  23.  
  24.     <mx:Label id="lbl" text="{slider.value}" />
  25.  
  26. </mx:Application>
下面是执行实例（可以右键察看源代码）：

祝你好运，享受Flex~

原文作者：Peter deHaan 翻译：minidxer

written by Minidxer  |  tags: , , , , ,

Related Post

2 Responses to “Flex中格式化Slider控件的数据”

Trackbacks

Leave a Reply