WPF 控件

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>