Flex中如何通过displayAsPassword属性创建一个可以密码格式显示文本自定义Label的例子

By Minidxer | March 8, 2009

接下来的例子演示了Flex中如何通过displayAsPassword属性，创建一个可以密码格式显示文本自定义Label。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- http://blog.flexexamples.com/2008/01/27/displaying-a-label-controls-text-as-a-password/ -->
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         xmlns:local="*"
  5.         layout="vertical"
  6.         verticalAlign="middle"
  7.         backgroundColor="white">
  8.  
  9.     <mx:HBox>
  10.         <mx:Label text="Password:" />
  11.         <local:MyLabel id="lbl"
  12.                 text="The quick brown fox jumped over the lazy dog."
  13.                 truncateToFit="true"
  14.                 width="100"
  15.                 creationComplete="lbl.tf.displayAsPassword = true;" />
  16.     </mx:HBox>
  17.  
  18. </mx:Application>

以及MyLabel.mxml

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Label xmlns:mx="http://www.adobe.com/2006/mxml">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.core.IUITextField;
  7.  
  8.             public function get tf():IUITextField {
  9.                 return textField;
  10.             }
  11.         ]]>
  12.     </mx:Script>
  13.  
  14. </mx:Label>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Label | No Comments » | 419 views Tags: , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll