WPF tutorial - The DockPanel

http://www.wpf-tutorial.com/panels/dockpanel/

DockPanel은 4방향(좌,우,상,하)에 쉽게 도킹할 수 있으며, 마지막 요소는 나머지 공간을 채우게 됩니다.

<DockPanel>
        <Button DockPanel.Dock="Left">Left</Button>
        <Button DockPanel.Dock="Top">Top</Button>
        <Button DockPanel.Dock="Right">Right</Button>
        <Button DockPanel.Dock="Bottom">Bottom</Button>
        <Button >Center</Button>
    </DockPanel>

각 버튼이 갖는 영역을 보면, 선언되어진 순서(left, top, right, bottom, center)대로 차지하는 것을 볼 수 있습니다.

이 때, 각 컨트롤의 height, width를 지정해주면 해결됩니다.

<DockPanel>
        <Button DockPanel.Dock="Top" Height="30">Top</Button>
        <Button DockPanel.Dock="Bottom" Height="50">Bottom</Button>
        <Button DockPanel.Dock="Left" Width="40">Left</Button>
        <Button DockPanel.Dock="Right" Width="70">Right</Button>
        <Button>Center</Button>
    </DockPanel>

LastChildFill

마지막 자식은 나머지 공간을 차지하게 되는 것을 해결하기 위하여! LastChildFill = false 를 부여합니다.

<DockPanel LastChildFill="False">
        <Button DockPanel.Dock="Top" Height="50">Top</Button>
        <Button DockPanel.Dock="Bottom" Height="50">Bottom</Button>
        <Button DockPanel.Dock="Left" Width="50">Left</Button>
        <Button DockPanel.Dock="Left" Width="50">Left</Button>
        <Button DockPanel.Dock="Right" Width="50">Right</Button>
        <Button DockPanel.Dock="Right" Width="50">Right</Button>
    </DockPanel>