Qt 강좌7 레이아웃 Layout

Qt 강좌7 레이아웃 Layout

New Project

Qt Widgets Application

Name: LayoutsDemo

레이아웃 프로젝트 생성

폼에 푸쉬버튼을 추가하고 우클릭하여 Lay Out Horizontally 를 선택한다. 

버튼이 수평으로 길어진다. 

푸쉬버튼을 추가하면 수평으로 놓인다. 

푸쉬버튼을 또 추가해도 수평으로 놓인다. 

3개의 푸쉬버튼을 모두 선택한다. 

오른쪽 하단에 프로퍼티창에서 Vertical Policy 에서 Preferred 를 선택한다. 

버튼의 폼에 맞춰 커진다. 

컴파일하고 실행한다. 

창을 크게 늘리면 푸쉬버튼도 같은 비율로 커진다. 

다시 되돌아가서(Ctrl+Z)

 푸쉬버튼을 삽입한다. 그리고 우클릭하여 Lay Out Vertically를 선택한다. 

그리고 푸쉬버튼을 추가하면 위의 화면처럼 수직방향으로 놓인다. 

모든 푸쉬버튼을 선택한다. 

프로퍼티창의 Vertical Policy를 선택한다. 

Vertical Policy의 속성을 Preferred 로 변경한다. 

버튼이 폼 화면에 맞게 크게 늘어난다. 

컴파일한다. 

창을 크게 늘이면 버튼도 크게 늘어나고, 창을 줄이면 버튼도 작게 줄어든다. 

다시 뒤로 돌아간다.(Ctrl+Z) 

라벨(Label)를 삽입한다. 

폼 화면을 우클릭하고 Lay out >> Lay Out a Form Layout를 선택한다. 

그러면 라벨이 폼 화면의 우측 상단에 자리를 잡는다. 

라벨을 2개 추가시킨다. 대충 폼 화면에 추가시켜도 위의 화면처럼 똑바로 놓인다. 

그리고 라벨의 텍스트를 위의 화면처럼 변경한다. (변경 안해도 상관없음)

그리고 라인에디터(Line Edit)박스를 라벨옆에 추가시킨다. 

위의 화면처럼 놓일것이다. 

그리고 컴파일한다. 

화면을 크게하면 크게한대로 비율이 늘어나고 

화면을 작게하면 작게한대로 비율이 줄어든다. 

다시 되돌린다. (Ctrl+Z) 

푸쉬버튼을 추가한다. 

폼 화면을 우클릭하여 Lay out >> Lay Out in a Grid 를 선택한다. 

버튼이 커진다. 

다른 버튼도 추가한다. 파란색 줄이 좌측에 있으면 버튼이 좌측으로 들어간다. 

파란색 줄이 위쪽에 있으면 버튼이 위로 들어간다 .

버튼 6개를 위의 화면처럼 추가한다. 

버튼 6개를 모두 선택하고, 프로퍼티창의 Vertical Policy에서 Preferred를 선택한다. 

6개의 버튼이 폼 화면에 맞게 커진다. 

그리고 컴파일 한다. 

창이 작아지면 버튼도 작아지고, 창이 커지면 버튼도 커진다. 

Form Layout를 드래그해서 폼 화면의 오른쪽에 배치한다. 

Form Layout 빨간색 영역을 위의 화면처럼 늘린다. 

빨간색 영역에 라인에디트(Line Edit)를 추가한다. 

위의 화면처럼 라벨과 라인에디트를 추가 삽인한다. 

컴파일한다. 

창을 줄이면 줄인데로 자동으로 리사이즈된다. 

창을 크게하면 크게한대로 자동으로 리사이즈된다.