파워빌더(PowerBuilder) 강의 - 10.Controls in DataWindow

* Powerbuilder 10.5

dw 에 배치되는 컨트롤에 대해서 알아보는 시간입니다.

dw 컨트롤과는 다릅니다. dw 컨트롤과 dw에 배치되는 컨트롤은 다르겠죠?

지금까지 w_list 윈도우에 커맨드버튼 컨트롤과 dw 컨트롤을 배치시켰습니다. 기억나시나요?

dw 에서도 같은 방식으로 배치시킬 수 있습니다. 

단, dw는 쿼리에 의해서 기본적으로 생성되는 컨트롤이 있다는 것만 다릅니다.

먼저 쿼리에 의해서 자동으로 생성된 컨트롤부터 알아보죠.



1. text object

d_emp 를 열어보세요.

 

가장 왼쪽 상단에 있는 컨트롤이 text object 입니다. 클릭해 보세요.

속성창을 보시면 Name 이 emp_empno_t 입니다.

emp_ : emp 테이블
empno : 칼럼명
_t : text object

이런 식으로 Name 을 자동으로 부여합니다. 물론, 사용자가 마음대로 수정해도 상관없습니다.
사실 이름이 길어서 복잡해 보이기도 합니다. 그래서 저는 테이블명을 삭제해서 사용합니다.
여기서는 emp_ 를 몽땅 삭제해 버리겠죠. 어디까지나 개인적인 취향이 그런거구요.
여기서는 그대로 사용하겠습니다.

Name 은 그대로 두구요.
Text 속성을 보세요. Emp Empno 라고 되어 있네요.

수정하는게 좋겠습니다.

Header 밴드 위에 있는 모든 text object 의 Text 속성을 순서대로 다음과 같이 수정하세요.

사원번호, 사원명, 직급, 부서번호, 부서명, 부서위치

속성창에서 수정할 수있습니다.
 
상단 메뉴 아이콘에서도 수정할 수 있습니다.

 

요넘 이죠.
폰트도 수정할 수 있겠네요


그 결과는 다음과 같습니다.

Preview 창에서 동일하게 변경되는 모습을 관찰하세요.

음... 이렇게 해 놓고 보니 전체적인 디자인을 좀 수정하는게 좋겠네요.

사원번호라고 되어 있는 emp_empno_t 를 선택하시고, 속성창의 Font 탭을 선택하세요.

 

여기서는 폰트를 수정할 수 있겠죠?

임의대로 한 번 수정해 보세요.

저는 Size 만 9로 바꾸겠습니다.

나머지 다른 text object 도 변경해보세요.

상단 아이콘 메뉴에서도 수정할 수 있습니다.

(여태껏 상단 아이콘 메뉴라고 명명했지만 파워빌더에서는 PowerBar, PainterBar, StyleBar 라는 명칭이 있습니다. 그러나 그 명칭이 아이콘 그룹을 구분하는 실효성이 떨어져 잘 사용하지 않습니다. 궁금하신 분은 상단에서 아이콘 메뉴가 없는 빈공간에서 마우스 우클릭을 하면 나오는 팝업창을 확인하세요.)












이제 text object 속성창의 General 탭을 살펴보겠습니다.

 

Name 과 Text 는 방금 한 거구요.

Tag : 여기에 어떤 텍스트를 저장해 놓고,
         프로그래밍 시에 활용할 수 있습니다. 
         가끔 쓰이는 방법인데요. 
         지금은 잊어도 좋습니다.

HideSnaked : Newspaper 형태로 출력할 경우 
         text object를 반복시키지 않기 위해서 쓰는데요.
         잘 사용하지 않습니다. 몰라도 상관없습니다.

Visible : 이거 체크 해제하면 안 보이겠죠?
Border : 테두리 형태입니다. 디자인할 때 쓰입니다.
Alignment : 컨트롤 내 Text 의 정렬입니다.


굵게 표시한 속성들은 기본적으로 알아두세요.



그런데, text object 끼리 동일한 폰트를 사용한다면 한 번에 수정할 수 있는 방법은 없을까요?

먼저, 직급을 선택합니다.
ctrl 을 누른 상태에서 ← 화살표를 클릭하세요. 그럼 직급 왼쪽에 위치한 모든 text object 가 선택됩니다.
→ 화살표를 클릭하면 오른쪽에 위치한 것이 선택됩니다.
그럼 사원번호를 선택하고 ctrl + →  이렇게 하면 모든 컨트롤을 선택할 수 있겠죠?

header 밴드 위에서 드래그를 해도 선택할 수 있습니다.

두 가지 방법 모두 익혀 두는 것이 좋습니다.

이렇게 선택해 놓고 속성을 수정하면 한 번에 수정할 수 있습니다.

그리고 정열하는 방법은 w_list 에서 커맨드버튼들을 정열했던 것과 동일합니다.
그러나 grid 타입의 dw 에서는 수직으로 정열하는 것은 막아 놓았습니다.
(grid 타입은 기본적으로 상하 이동만 가능하기 때문입니다.
 Layer 라는 속성을 수정하면 좌우 이동도 할 수 있지만 여기서는 사용하지 않습니다.)

지금 text object 가 너무 위쪽에 위치해 있네요. 적당하게 조절해 보세요.

그리고

마우스 포인터를  사원번호와 사원명 사이의 세로선에 둬보세요.
그럼 포인터가 좌우 화살표로 변경됩니다.
좌우로 드래그하면 text object 사이의 간격을 조정할 수 있습니다. 엑셀과 동일합니다.



2. column

detail 밴드에 있는 컨트롤들은 쿼리에서 가져온 칼럼들입니다.
칼럼은 실질적인 데이터를 보여줍니다.
Column Specification 창에서 전체 칼럼명과 타입등을 확인할 수 있습니다.

폰트변경과 위치 정렬 방식은 text object 와 동일합니다. 적당하게 조정해 보세요.

저는 글자크기와 정렬만 수정했습니다.


dw 레이아웃과 관련된 내용은 많습니다만 여기까지 하겠습니다.
초보자 분들이 익히기에는 좀 복잡한 내용들이 많아서, 가능한 실습시에 필요한 부분만 간추려서 설명하고 있습니다.
차근차근 하는게 좋습니다. 한번에 욕심내면 흥미가 금방 떨어져서 중도에 포기할 수도 있거든요.

대신에 오늘 한거는 꼭 익히고 가셔야 합니다.

다음 시간에는 dw 와 dw 컨트롤을 연결한 다음, 윈도우를 실행해서 화면에 데이터를 조회하는 내용을 실습하겠습니다.

수고하셨습니다.


* 질문은 댓글에...