Apr 01

接下来的例子演示了利用一个Slider来选取一个方框中0×000000 (black)和0xFFFFFF (white)之间的背景颜色数据,并且将格式化好的数据显示在slider的tooltip中。

让我们先来看一下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" layout="vertical" verticalAlign="middle" backgroundColor="white">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             private function intToHex(color:int = 0):String {
  7.                 var mask:String = "000000";
  8.                 var str:String = mask + color.toString(16).toUpperCase();
  9.                 return "#" + str.substr(str.length - 6);
  10.             }
  11.         ]]>
  12.     </mx:Script>
  13.  
  14.     <mx:Box id="box" width="200" height="100" backgroundColor="{slider.value}" />
  15.  
  16.     <mx:HSlider width="{box.width}" id="slider" minimum="0x000000" maximum="0xFFFFFF" liveDragging="true" dataTipFormatFunction="intToHex" />
  17.  
  18. </mx:Application>
代码:Peter deHaan 翻译整理:minidxer

written by Minidxer  |  tags: , , , ,

Related Post

One Response to “Flex中将颜色格式化为字符串的例子”

Trackbacks

Leave a Reply