2010. 8. 6. 18:24 flex
[01-D1] MDI(Multiple Document Interface)
[01-D1] MDI(Multiple Document Interface)
[01] MDI(Multiple Document Interface)
1. install
- http://www.fxug.co.kr에서 'vmdi.swc' 파일을 다운받아
'C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\libs'폴더에 복사
- Flex Builder
. project type: Flex Project
. project name: mdi
. libs : vmdi.swc
[02] 서브 윈도우 열기
1. 서브 윈도우
>>>>> src/VSubWindow.mxml
<?xml version="1.0" encoding="utf-8"?>
<vroi:Window xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:vroi="http://www.vroi.net/2006/mxml" layout="absolute" width="400" height="300">
<mx:Script>
<![CDATA[
[Bindable]
public var message:String;
]]>
</mx:Script>
<mx:Label text="{message}" />
</vroi:Window>
2. 메인 위도우
>>>>> Run Application: src/MDIExample0.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:v="http://www.vroi.net/2006/mxml"
layout="absolute" minWidth="955" minHeight="600">
<mx:Script>
<![CDATA[
import net.vroi.containers.Window;
// MyWindow 추가
private function addWindow():void{
var popup:VSubWindow = new VSubWindow();
popup.message = "<v:Window> 형식 추가 테스트";
mdi.addPopUp(popup);
}
]]>
</mx:Script>
<mx:Panel layout="absolute" left="0" top="0" bottom="0" right="0">
<v:MDI id="mdi" top="0" left="0" bottom="0" right="0">
</v:MDI>
<mx:ControlBar verticalAlign="middle" textAlign="left" horizontalAlign="center">
<mx:Button label="윈도우 생성" fontSize="12" id="btnCreate" click="addWindow()" />
</mx:ControlBar>
</mx:Panel>
</mx:Application>
[03] 서브 윈도우에서 Adobe사의 TitleWindow 열기
1. 서브 윈도우 생성
>>>>> src/VTestWindow.mxml
<?xml version="1.0" encoding="utf-8"?>
<Window xmlns="net.vroi.containers.*"
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300"
title="회원 가입"
info="회원에 가입 합니다."
>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.containers.TitleWindow;
[Bindable]
public var message:String;
private function addTitleWindow():void{
// goUrlConfirm == goUrlConfirm.mxml
// parent:DisplayObject, className:Class, modal:Boolean = false
var popup:AdobeTitleWindow=AdobeTitleWindow(PopUpManager.createPopUp( this, AdobeTitleWindow , false));
popup.message = "<mx:TitleWindow> 형식 추가 테스트";
PopUpManager.centerPopUp(popup);
}
]]>
</mx:Script>
<mx:Label text="{message}" />
<mx:Button label="<mx:TitleWindow> 추가" id="btn3" click="addTitleWindow();" x="10" y="26"/>
</Window>
2. 서브 윈도우에서 열리는 윈도우
>>>>> src/AdobeTitleWindow
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" width="400" height="132" title="MDI 윈도우에서 열린 팝업입니다."
fontSize="12" showCloseButton="true" close="PopUpManager.removePopUp(this)">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.managers.PopUpManager;
[Bindable]
public var message:String;
public function btnClick():void{
mx.controls.Alert.show("메시지 테스트 입니다.");
}
public function closeEvt():void{
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Label text="{message}" />
<mx:Button x="108.5" y="37" label="[알림] 클릭하세요." id="btn1" click="btnClick();"/>
<mx:Button x="253" y="37" label="닫기" id="btnClose" click="closeEvt();"/>
</mx:TitleWindow>
3. 메인 윈도우
>>>>> Run Application: src/MDIExample1.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:v="http://www.vroi.net/2006/mxml">
<mx:Script>
<![CDATA[
import net.vroi.containers.Window;
// Adobe지원 TestWindow 추가
private function addWindow():void{
// Adobe 윈도우 생성
var test:VTestWindow = new VTestWindow();
test.message = "<Window> 형식 추가 테스트";
mdi.addPopUp(test);
}
]]>
</mx:Script>
<mx:Panel width="100%" height="100%"
title="MDI Example">
<v:MDI id="mdi"
width="100%" height="100%">
</v:MDI>
<mx:ControlBar horizontalAlign="center" fontSize="12">
<mx:Button label="창을 열고 새창 열기" id="btn2"
click="addWindow();" fontSize="12"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
'flex' 카테고리의 다른 글
[03-D1] FLEX에서의 JSON (0) | 2010.08.06 |
---|---|
[02-D1] MDI 제어 (0) | 2010.08.06 |
[실 습1-6][memo] 시작 화면의 제작 (0) | 2010.08.06 |
[실습1-5][memo] Flex ActionScript 제작 (0) | 2010.08.06 |
[실습1-4][memo] JSP Server Page(글 수정, 글 삭제) (0) | 2010.08.06 |