GroupBox

Openzet.org

목차 1 소개 2 속성 3 사용법 4 애플리케이션 예제

소개

GroupBox란 LayoutContainer를 상속한 클래스로 Border속성이 사용될 때 border와 함께 옵션 설정에 따라,
상좌/상우/하좌/하우의 장소중 한곳에 Title을 표시하는 클래스

속성

사용법

<containers:GroupBox title="Group Box" >

GroupBox는 기본적으로 Box와 동일한 기능을 가지고 추가적으로 title 속성을 사용할 수 있으며, Layout 설정이 가능하다.

애플리케이션 예제

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:containers="org.openzet.containers.*"
    xmlns:controls="org.openzet.controls.*"
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="vertical">
 
    <mx:Panel paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10">
        <containers:GroupBox title="Group Box" >
            <mx:Button label="{button_title.text}" />
            <mx:Button label="{button_title.text}" />
            <mx:Button label="{button_title.text}" />
        </containers:GroupBox>
    </mx:Panel>
 
    <mx:ApplicationControlBar dock="true">
        <mx:Label text="Corner Radius" />
    	<mx:NumericStepper id="radius_value" value="0" minimum="0" maximum="100" />
	    <mx:Label text="Padding" />
	    <mx:NumericStepper id="padding_value" value="10" minimum="0" maximum="100" />
	    <mx:Label text="Font Size" />
	    <mx:NumericStepper id="font_value" value="10" minimum="10" maximum="100" />
	    <mx:Label text="GroupBox Title" />
	    <mx:TextInput id="txt_title" text="GroupBox Title" />
	    <mx:Label text="Button Text" />
	    <mx:TextInput id="button_title" text="GroupBox Content" />
    </mx:ApplicationControlBar>
 
</mx:Application>