1. 程式人生 > >WPF DockPanel學習(北盟網校)

WPF DockPanel學習(北盟網校)

在北盟網校上進行學習C#,也寫出了一些小專案 今天學習了DockPanel的用法

DockPanel是吧介面分為東南西北中 五個位置

通過這種裡面的子控制元件的 DockPanel.Dock 就可以配置顯示不同的位置

另外 子控制元件的位置 也會影響佈局

中間的控制元件 可以佔滿整個控制元件

我們設定DockPanel的 LastChildFill設為true 這樣 最後一個控制元件 就佔滿了中間的區域

<DockPanel LastChildFill="True">
<Button x:Name="button1" Content="北" Height="30"
 DockPanel.Dock="Top"/>
<Button x:Name="button4" Content="南" Height="30" DockPanel.Dock="Bottom"/>
<Button x:Name="button2" Content="東" Width="50" DockPanel.Dock="Right"/>
<Button x:Name="button" Content="西" Width="50" DockPanel.Dock="Left"/>
<Button x:Name="button3" Content
="中"/>

</DockPanel>

如果使用這種方式 北南的寬度會佔滿整個DockPanel  如果是下面這種方式的話 東西的高度會佔滿整個螢幕的高度

<DockPanel LastChildFill="True">

<Button x:Name="button2" Content="東" Width="50" DockPanel.Dock="Right"/>
<Button x:Name="button" Content="西" Width="50" DockPanel.Dock
="Left"/>
<Button x:Name="button1" Content="北" Height="30" DockPanel.Dock="Top"/>
<Button x:Name="button4" Content="南" Height="30" DockPanel.Dock="Bottom"/>
       最後再設定中,因為要在DockPanel中設定 dockpanel的LastChildFill="True“
<Button x:Name="button3" Content="中"/>
</DockPanel>