* Powerbuilder 10.5

저번 시간에 윈도우 하나를 만들어서 화면에 오픈시켰습니다.

test 어플리케이션의 open 이벤트에 open(w_main) 스크립트를 작성했었습니다.

이게 저번 시간에 실습해 본 전부였습니다.
이 간단한 구조에 살을 붙여서 이제 온전한 기능을 하는 프로그램을 만들어 갑니다.

이렇게 윈도우를 하나만 띄워서 사용자에게 보여주는 방식을
Single Document Interface 라고 하고 줄여서 SDI 라고 합니다.
SDI는 윈도우 그림판과 같이 한 번에 하나의 화면(문서)만을 작업할 수 있는 인터페이스를 뜻하는데요.
이와는 달리 부모 윈도우와 자식 윈도우라는 개념을 가지면서 동시에 여러 개의 화면(문서)들을 작업할 수 있는 인터페이스를 Multiple Document Interface 줄여서 MDI 라고 합니다. 대표적인 예가 엑셀입니다.

그럼 지난 시간에 SDI 윈도우 하나를 만든거네요?
MDI 는 여러 개의 SDI 로 이루어져 있습니다.
MDI 에서는 SDI 문서를 Menu 에서 오픈시킬 수 있습니다.
우리는 실습하면서 최종적으로 MDI 프로그램을 만들어갈 것입니다.


이번 시간에는 레이아웃에 대해서 공부해보겠습니다.

먼저 아래의 속성을 갖는 윈도우 하나를 만들어 보세요.
w_main 를 만들었듯이 동일한 방식으로 만드시면 됩니다.

윈도우명 :  
w_list
속성창 - Title : 사원목록화면

 



 

 

 

 

 


시스템트리에 w_list 가 만들어졌으면 성공입니다.

w_list 윈도우를 열어보세요.
시스템트리에서 w_list 를 더블클릭시키면 됩니다.



 


Layout 이라는 탭이 기본적으로 선택되어 있고
가운데 윈도우가 하나 있습니다. 이 윈도우가 실행시 화면에 보이는 부분입니다.
이미 w_main 을 오픈했을 때 확인해 봤었습니다.

Layout 은 윈도우 화면을 편집할 수 있는 화면입니다.
그리고 Layouts 은 Layout + Propertis + Control List + ... 을 모두 포함하는 화면
그러니까 위에서 시스템 트리를 제외한 영역을 뜻하기도 합니다.

영어로는 Layout, Layouts 라고 구분이 되지만 한글로 하면 둘 다 레이아웃이라고  불러버립니다.
두 레이아웃의 차이점을 아시겠어요?
앞의 레이아웃은 윈도우의 레이아웃이고 뒤의 레이아웃은 파워빌더의 레이아웃입니다.

여기서는 앞의 레이아웃은 그대로 레이아웃이라고 하고 뒤의 레이아웃을 말할 때 파워빌더 레이아웃이라고 명명 하겠습니다.

파빌 레이아웃을 처음 보시는 분들은 조금 복잡함을 느끼셨을 겁니다.
그래서 적응하는 과정이 필요하죠.




 


레이아웃 영역의 상단입니다.
Layout 글자 왼쪽의 아이콘을 클릭해보세요.
그럼 Layout 표시줄이 사라집니다.
마우스를 Layout 글자 바로 위에 있는 가로바 부분으로 옴겨보세요.
그럼 Layout 표시줄이 다시 나타납니다. 
윈도우 작업표시줄의 자동 숨기기 기능과 같습니다.
Layout 표시줄이 나타났을 때 다시 그 아이콘을 클릭하면 이번에는 Layout 표시줄이 고정됩니다.

 


 

 


그리고 Layout 표시줄을 드래그&드랍 하면 원하는 영역에 배치할 수도 있습니다.
드래그 상태에서 조금만 움직이면 레이아웃 화면에 회색의 테두리가 나타나서 화면을 이동시킬 영역을 알 수 있게 해줍니다.

 


 

 


위는 레이아웃을 프라퍼티 오른쪽으로 드래그한 모습입니다. 그리고 드랍을 합니다.

 


 

 


그럼 레이아웃이 프라퍼티 오른편으로 이동했네요?
이때 하위의 탭들... 그러니까 open 탭, Event List 탭.... 도 그대로 따라옵니다.
이제 원상복구 시킬 수도 있겠죠? 원상복구 해보세요.



 


이번에는 하단의 Layout 탭을 드래그&드랍 해 보세요.

 

 

 

 


위 그림처럼 회색 테두리로 이동할 영역을 알 수 있습니다.
위 그림은 레이아웃을 하단의 탭에서 분리시키려는 모습입니다.


 

 

 


레이아웃만 따로 분리되었네요? 다른 탭들도 동일한 방식으로 분리시킬 수 있습니다.
Properties 부분도 동일합니다. 꼭 실습해보세요.

그리고...

 

 

 

 


레이아웃과 프라퍼티 사이의 경계를 짓는 세로 바가 있습니다.
이 바를 좌우로 드래그&드랍 하면 바가 이동합니다.
그러면 레이아웃의 크기를 원하는 대로 조정할 수 있습니다.




지금 설명한 부분은 중요하지 않아 보여도 프로그래밍을 할 때 상당한 영향을 받는 부분으로 파빌 레이아웃에 빨리 적응할 수록 프로그래밍 속도가 빨라집니다. 그러므로 파빌 레이아웃에 익숙해 지도록 충분히 연습하시기 바랍니다.

알려드린 대로 연습하다보면 파빌 레이아웃이 이상하게 배치될 때가 있습니다.
그럴 때는 다시 원상복구 시키고 싶어지죠.

메뉴 - View - Layouts -> (default)

그럼 디폴트 파빌 레이아웃으로 돌아갑니다.
이거 중요합니다. 별표 3개짜리지요. 꼭 익히세요.



다음 강의에서는 w_list 윈도우에다가 컨트롤이라는 걸 만들어서 꾸며 보겠습니다.

* 질문은 댓글로 남기세요.

 

 

 

Posted by A4M
,