5.시스템 전체화면 구성하기

전체 화면 구성을 위한 프레임(Frame)을 만들어 좌측 영역에 메뉴Form을 연결해 주고, ApplicationMenu를 사용해 상단에 메뉴를 만들어줍니다.

5.1전체화면 구성 – 프레임(Frame)

전체 화면 구성을 위한 Frame을 만들어줍니다.

5.1.1MainFrame 구성

  1. Project Explorer ADL MainFrame Edit

  1. “Frame Editor” 창을 이용하여 Frame을 추가, 삭제하며 구성을 만듭니다.

    MainFrame 아래에 HFrameSet을 만들고, 그 안에 ChildFrame 2개를 만듭니다.

FrameSet, ChildFrame을 등록하고 속성을 변경합니다.

기본프레임셋(HFrameSet : Horizontal)

속성

설명

id

HFrameSet0

HFrameSet의 id

separatesize

115,*

가로로 나눌 사이즈를 지정 함

프레임(ChildFrame0)

속성

설명

id

ChildFrame0

menu ChildFrame의 id

formurl

Base::menu.xfdl

menu ChildFrame에 연결할 Form명

align

left top

menu 화면의 위치

프레임(ChildFrame1)

속성

설명

id

ChildFrame1

작업 ChildFrame의 id

formurl

Base::person_list.xfdl

작업 ChildFrame에 연결할 Form명

5.1.2상단메뉴(ApplicationMenu) 구성

명함관리 시스템을 실행하면 상단에 전체 메뉴와 좌측에 폼메뉴가 나옵니다.
상단 메뉴는 좌측에 있는 폼메뉴가 가진 등록, 조회 화면 불러오기 기능과 XPLATFORM 종료 기능을 가지고 있습니다..
  1. Project Explorer ADL Insert ADL Item Application Menu

  1. “ApplicationMenu Editor” 창을 이용하여 Menu를 추가, 삭제하며 구성을 만듭니다. : 최상단에 Menu, about 을 만들고, Menu 아래에 Person List, Person Entry, close 를 만듭니다.

5.1.3ApplicationMenu 이벤트 만들기

스크립트를 작성하기 위하여 “Project Explorer ADL MainFrame ApplicationMenu”을 선택하고 “Properties”창의 이벤트 목록에서 “onmenuclick”이벤트를 찾아 입력에 연결할 함수명을 넣고 <Enter>키를 누릅니다. 또는 공란상태에서 마우스를 더블클릭하면 자동으로 함수명을 등록하고 작업영역(Work Area) 스크립트(script)탭으로 이동합니다. 이때 자동으로 등록되는 함수는 “[이벤트명]_[컴포넌트명]”으로 만들어지며 이미 같은 이름의 함수가 있는 경우에는 스크립트(Script)탭의 해당 함수 위치로 입력커서가 이동됩니다. 만일 같은 이름의 함수가 없을 때는 스트립트에 함수를 만들고 해당 위치로 이동합니다.

5.1.4ApplicationMenu 스크립트 작성하기

선택한 메뉴의 정보를 바탕으로 동작을 제어해 화면전환이나 버전정보를 보여주거나 명함관리 시스템을 종료하기도 합니다.
작성할 스크립트 내용은 다음과 같습니다.
function ApplicationMenu_onmenuclick(obj:ApplicationMenu, e:MenuClickEventInfo)
{
    if (e.id == "about")
    {
        alert("demo version : " + gversion);
    }
    else if (e.id == "close") 
    {
        mainframe.alert("프로그램을 종료합니다.");
        exit();
    }
    else
    {
        var strformurl = "Base::" + e.id + ".xfdl";
        mainframe.HFrameSet0.ChildFrame1.formurl = strformurl;
    }
}