Класс Panel определяет контейнер, включающий строку заголовка, подпись, границу и область содержимого для его нижестоящих элементов.
Контейнер Panel имеет следующие характеристики по умолчанию:
Скрыть синтаксис MXML
Показать синтаксис MXMLThe <s:Panel> tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<s:Panel
Properties
controlBarContent="null"
controlBarLayout="HorizontalLayout"
controlBarVisible="true"
title=""
Styles
borderAlpha="0.5"
borderColor="0"
borderVisible="true"
cornerRadius="0"
dropShadowVisible="true"
>
...
child tags
...
</s:Panel>
mxmlContentFactory
Посмотреть примеры
Стили являются либо общими, либо связанными с определенной темой. Если стиль общий, он может использоваться с любой темой. Если стиль связан с определенной темой, он может использоваться, только если ваше приложение использует ее.
Язык версии: ActionScript 3.0
Версия продукта: Flex 4
Версии среды выполнения: Flash10, AIR 1.5
Альфа-канал границы для данного компонента.
Значением по умолчанию является 0.5.
Язык версии: ActionScript 3.0
Версия продукта: Flex 4
Версии среды выполнения: Flash10, AIR 1.5
Цвет границы для данного компонента.
Значением по умолчанию является 0.
Язык версии: ActionScript 3.0
Версия продукта: Flex 4
Версии среды выполнения: Flash10, AIR 1.5
Управляет видимостью границы для этого компонента.
Значением по умолчанию является true.
Язык версии: ActionScript 3.0
Версия продукта: Flex 4
Версии среды выполнения: Flash10, AIR 1.5
Радиус углов данного компонента.
Значением по умолчанию является 0.
Язык версии: ActionScript 3.0
Версия продукта: Flex 4
Версии среды выполнения: Flash10, AIR 1.5
Управляет видимостью тени для этого компонента.
Значением по умолчанию является true.
controlBarContent:Array
Набор компонентов для включения в область панели управления контейнера Panel. Местоположение и внешний вид области панели управления контейнера Panel определены классом spark.skins.spark.PanelSkin. По умолчанию класс PanelSkin определяет, что область панели управления должна появляться на сером фоне в нижней части области содержимого контейнера Panel. Создает пользовательскую тему оформления для изменения внешнего вида панели управления по умолчанию.
Значением по умолчанию является null.
public function get controlBarContent():Array public function set controlBarContent(value:Array):void
controlBarLayout:LayoutBase
Определяет макет области панели управления контейнера.
Значением по умолчанию является HorizontalLayout.
public function get controlBarLayout():LayoutBase public function set controlBarLayout(value:LayoutBase):void
controlBarVisible:Boolean
Если установлено значение true, то панель управления отображается. Этот флаг не оказывает влияние, если для свойства controlBarContent не задано значение.
Примечание. Контейнер Panel не отслеживает свойство controlBarGroup. Если другой код делает его невидимым, при обновлении контейнера Panel может возникнуть ошибка.
Значением по умолчанию является true.
public function get controlBarVisible():Boolean public function set controlBarVisible(value:Boolean):void
title:String
Заголовок или подпись в строке заголовка.
Значением по умолчанию является "".
Это свойство можно использовать в качестве источника для связывания данных. При изменении этого свойства отправляется событие propertyChange .
public function get title():String public function set title(value:String):void
public function Panel()
Конструктор.
<?xml version="1.0"?>
<!-- Simple example to demonstrate Spark Panel layout container. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
private function showProperties():void {
panelPropertyArea.text = "Title: " + panel.title + "
" +
"Width: " + panel.width + "
" +
"Height: " + panel.height;
}
]]>
</fx:Script>
<s:Panel id="panel" title="Spark Panel Container Example"
width="75%" height="75%"
horizontalCenter="0" verticalCenter="0">
<s:VGroup left="10" right="10" top="10" bottom="10">
<s:Label width="100%" color="blue"
text="Click the Button control to see panel properties."/>
<s:TextArea id="panelPropertyArea" width="100%" height="100%"/>
<s:Button label="Click to view Panel properties" click="showProperties();"/>
</s:VGroup>
</s:Panel>
</s:Application>
