Flex 特殊字符转义【转】

很多的Flex应用都会在底部添加“©”这个符号,也有很多场合需要用到一些特别的字符,不过简单的使用“©”好像并不可以正常工作。接下来的例子列出了大部分的特殊字符的数字编码,可以在Flex中方便的使用。Demo中双击DataGrid中的某一行,就可以将字符和数字编码显示在下面,可以直接Copy。

让我们先来看一下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.         creationComplete="init()">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.collections.ArrayCollection;
  11.  
  12.             [Bindable]
  13.             private var charCodes:ArrayCollection;
  14.  
  15.             private function init():void {
  16.                 charCodes = new ArrayCollection();
  17.                 var i:int;
  18.                 for (i = slider.values[0]; i <= slider.values[1]; i++) {
  19.                     charCodes.addItem({charCodeNum:i, charCodeValue:"&#" + formatString(i) + ";",  charCodeStr:String.fromCharCode(i)});
  20.                 }
  21.             }
  22.  
  23.             private function formatString(str:Object, minLength:int = 4):String {
  24.                 return ("000000000" + str.toString()).substr(-minLength);
  25.             }
  26.         ]]>
  27.     </mx:Script>
  28.  
  29.     <mx:VBox>
  30.         <mx:DataGrid id="dataGrid" dataProvider="{charCodes}" width="300">
  31.             <mx:columns>
  32.                 <mx:DataGridColumn dataField="charCodeStr" />
  33.                 <mx:DataGridColumn dataField="charCodeValue" />
  34.             </mx:columns>
  35.         </mx:DataGrid>
  36.  
  37.         <mx:HBox width="100%">
  38.             <mx:HSlider id="slider" minimum="32" maximum="512" thumbCount="2" values="[0, 512]" liveDragging="true" snapInterval="1" tickInterval="32" dataTipPrecision="0" change="init()" />
  39.             <mx:Label text="`{dataGrid.selectedItem.charCodeStr}` = {dataGrid.selectedItem.charCodeValue}" selectable="true" />
  40.         </mx:HBox>
  41.     </mx:VBox>
  42.  
  43.     <mx:Label text="&#169; {new Date().fullYear} Flex Examples" />
  44.  
  45. </mx:Application>

原文地址:http://blog.minidx.com/2008/07/06/1048.html

posted on 2010-08-25 17:55  ToKens  阅读(1688)  评论(0编辑  收藏  举报