很多的Flex应用都会在底部添加“©”这个符号,也有很多场合需要用到一些特别的字符,不过简单的使用“©”好像并不可以正常工作。接下来的例子列出了大部分的特殊字符的数字编码,可以在Flex中方便的使用。Demo中双击DataGrid中的某一行,就可以将字符和数字编码显示在下面,可以直接Copy。
让我们先来看一下Demo(
可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white"
- creationComplete="init()">
- <mx:Script>
- <![CDATA[
- import mx.collections.ArrayCollection;
- [Bindable]
- private var charCodes:ArrayCollection;
- private function init():void {
- charCodes = new ArrayCollection();
- var i:int;
- for (i = slider.values[0]; i <= slider.values[1]; i++) {
- charCodes.addItem({charCodeNum:i, charCodeValue:"&#" + formatString(i) + ";", charCodeStr:String.fromCharCode(i)});
- }
- }
- private function formatString(str:Object, minLength:int = 4):String {
- return ("000000000" + str.toString()).substr(-minLength);
- }
- ]]>
- </mx:Script>
- <mx:VBox>
- <mx:DataGrid id="dataGrid" dataProvider="{charCodes}" width="300">
- <mx:columns>
- <mx:DataGridColumn dataField="charCodeStr" />
- <mx:DataGridColumn dataField="charCodeValue" />
- </mx:columns>
- </mx:DataGrid>
- <mx:HBox width="100%">
- <mx:HSlider id="slider" minimum="32" maximum="512" thumbCount="2" values="[0, 512]" liveDragging="true" snapInterval="1" tickInterval="32" dataTipPrecision="0" change="init()" />
- <mx:Label text="`{dataGrid.selectedItem.charCodeStr}` = {dataGrid.selectedItem.charCodeValue}" selectable="true" />
- </mx:HBox>
- </mx:VBox>
- <mx:Label text="© {new Date().fullYear} Flex Examples" />
- </mx:Application>