如何使用Flex Panel

最新推荐文章于 2021-09-19 22:52:12 发布

最新推荐文章于 2021-09-19 22:52:12 发布 · 267 阅读

文章标签：

#Flex #XML

Containers -- Visual Components -- Flex 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用 FlexPanel 的简单示例，展示了如何通过点击按钮显示面板属性，包括状态、标题、宽度和高度等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

    <mx:Script>
        <![CDATA[

            private function showProperties():void  {
	            panelPropertyArea.text= "Status: " + panel.status + '\n' +
				  "Title: " + panel.title + '\n' +
				  "Width: " + panel.width + '\n' +
				  "Height: " + panel.height ;
	        }
        ]]>
    </mx:Script>

    <mx:Panel id="panel" title="Panel Container Example" status="Active" 
            height="75%" width="75%" 
            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Label width="100%" color="blue"
            text="Click the Button control to see panel properties."/>

        <mx:TextArea id="panelPropertyArea" width="100%" height="100%"/>
        <mx:Button label="Click to view Panel properties" click="showProperties();"/>

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