DockPanel
DockPanel 使您在停靠项时无需担心它们的确切 (x,y) 位置,它是從上下左右進行布局
<DockPanel Width="600" Height="280"> <Menu DockPanel.Dock="Top" >
<MenuItem Header="專案">
</MenuItem>
<MenuItem Header="編輯">
<MenuItem Header="Cut"/>
<MenuItem Header="Copy"/>
</MenuItem>
<MenuItem Header="檢視"></MenuItem>
</Menu>
<TextBlock DockPanel.Dock="Bottom" Background="LemonChiffon">
button =在這裡放在底中顯示的內容,
</TextBlock>
<ListBox DockPanel.Dock="Left" Background="LemonChiffon">
<ListBoxItem>系統管理</ListBoxItem>
<ListBoxItem>使用管理</ListBoxItem>
<ListBoxItem>系統管理</ListBoxItem>
</ListBox>
<TextBlock DockPanel.Dock="Left" Background="PaleGreen">
Main
</TextBlock>
</DockPanel>
HeaderedContentControl
HeaderedContentControl is an control with Head and Content like this:
<Border Grid.Column="0" Style="{DynamicResource MainBorderStyle}">
<HeaderedContentControl Header="Control Panel"
Content="{Binding Path=Commands}"
Style="{DynamicResource HCCStyle}"
ContentTemplate="{DynamicResource CommandDataTemplate}"
/>
</Border>
<DataTemplate x:Key="CommandDataTemplate">
<ItemsControl ItemsSource="{Binding}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Label Content="{Binding Path=DisplayName}"></Label>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</DataTemplate>
<Style x:Key="HCCStyle" TargetType="{x:Type HeaderedContentControl}">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<Border BorderBrush="#FFA098D3" BorderThickness="1" Height="30" CornerRadius="10" VerticalAlignment="Top">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
<GradientStop Color="#66000088" Offset="0" />
<GradientStop Color="#BB000088" Offset="1" />
</LinearGradientBrush>
</Border.Background>
<TextBlock TextWrapping="Wrap" Text="{TemplateBinding Content}" HorizontalAlignment="Center"
VerticalAlignment="Center" Margin="50,0" FontWeight="SemiBold" Foreground="White" FontSize="14.667"/>
</Border>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>