如何使用Flex Label

Flex中Label控件的使用

最新推荐文章于 2015-10-14 16:37:55 发布

最新推荐文章于 2015-10-14 16:37:55 发布 · 138 阅读

文章标签：

#Flex #XML #HTML

Text Controls -- Visual Components -- Flex 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Adobe Flex中使用Label控件显示纯文本和HTML格式的文本。通过两个按钮切换显示纯文本和平面HTML文本，演示了Label控件在Flex应用程序中的基本用法。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<!-- Simple example to demonstrate the Label control -->
<!--
	如何使用Flex Label
	MyShareBook.cn 翻译
-->

    <mx:Script>
        <![CDATA[

            private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";

            // Event handler function to change the image size.
            private function displayHTML():void {
                simpleLabel.htmlText= htmlData;
            }

            // Event handler function to change the image size.
            private function displayText():void {
                simpleLabel.text="This Label displays plain text.";
            }         
        ]]>
    </mx:Script>

  <mx:Panel title="Label Control Example" height="75%" width="75%" 
      paddingTop="10" paddingLeft="10">

      <mx:Label id="simpleLabel" text="This Label displays plain text."/>
      <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>
      <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>

  </mx:Panel>
</mx:Application>