WPF 강좌예제 레이아웃 - DockPanel

 

 

​< 레이아웃 - DockPanel>

​​

오늘의 과정은 레이아웃 과정중에서 DockPanel

​

과정에 대한 공부를 해볼 차례이네요

화면에서 DockPanel 자식요소 위치를 Dock 속성

 

및 DockPanel 아래에서 이러한 자식 요소의

상대적인 순서에 따라 결정합니다.

따라서 Dock 속성 값이 같은 여러 자식 요소가

DockPanel 아래에서 이러한 자식의 순서에 따라

화면에 서로 다르게 배치도힐 수 있습니다.

DockPanel은 자식 요소를 순서대로 반복하면서

여유공간에 따라 각 요소를 배치하므로 자식의

순서가 위치에 영향을 주게 됩니다.

다음 예제에서는 연결된 속성인 Dock 속성을

사용하여 분할된 공간의 Top 위치에 동일한 두

Border 요소를 도킹합니다.

 

셋째 Border 요소는

​너비가 100픽셀로 설정된 상태로 Left에

 

​도킹됩니다

​

넷째 Border는 화면의 Botton 에 도킹됩니다.

​마지막 Border 요소는 자동으로

남은 공간을 채웁니다. PanelSamPle 프로젝트에

​새로운 Winodw를 추가합니다​

 

 

그리고 추가된 Window의 이름을 "Dockpanel"

이라고 변경하겠습니다.

 

 

 

그런 다음 DockPanel.xaml에 <Grid> </Grid>

 

부분을 삭제 후 그 자리에 DockPanel 컨트롤을

 

올리고 다음 코드를 작성합니다.

 

 

 

이제 코드 작성은 끝이 났습니다. 실행을 시켜

 

결과를 확인해 볼 차례인데 위에서 설명했듯이

 

Dockpanel의 자식요소의 순서에 따라 화면에 

 

배치가 달라진다고 했는데 정말 그런지 여러분들이

 

순서를 바꾸어 가며 실행시켜 확인해보세요..!

 

저는 실행 후 세 번째 순서에 있던

​

"Dock = Bottom" 이라 쓰여진 노란색의

 

Border 컨트롤을 제일 아래로 순서를 변경하였더니

 

다음과 같은 실행 결과가 나타나내요.

 

 

​DockPanel 은 기본적으로 마지막 자식 요소를

 

 

할당되지 않은 나머지 영역을 채우도록 합니다.

 

 

이 동작을 방지하려면 Dockpanel 의

 

 

LastChileFill = "False" 로 설정해 주십시요

 

(Good Bye~!)​

​

​#오라클교육센터/#오라클/#자바/#오라클자바/#구로오라클#구로오라클자바교육센터/#구로오라클학원#구로자바학원