WPF中自定义窗体标题栏

文章来自：CSDN-wangyong0921

在WPF中自定义窗体标题栏，首先需要将窗体的WindowStyle属性设置为None，隐藏掉WPF窗体的自带标题栏。然后我们可以在窗体内部自定义一个标题栏，比如标题栏如下:

1 <Grid Grid.Row=" 0" x:Name="TitleBar" MouseMove="TitleBar_MouseMove" >  
2             <TextBlock Text="这是标题栏" FontSize="15" />  
3 </Grid>

注意，我们给TitleBar添加了MouseMove事件，后台处理代码:

1 private void TitleBar_MouseMove(object sender, MouseEventArgs e)  
2 {  
3 　　if (e.LeftButton == MouseButtonState.Pressed)  
4 　　{  
5 　　　　this.DragMove();  
6       }  
7 }  
1 private void TitleBar_MouseMove(object sender, MouseEventArgs e)  
2 {  
3 　　if (e.LeftButton == MouseButtonState.Pressed)  
4       {  
5 　　　　this.DragMove();  
6       }  
7 }

如果没有为自定义的TitleBar添加MouseMove事件，那么就无法拖动窗体。

当然我写的这个标题栏比较简单，只是为了演示，大家可以扩充，根据需求放置最大化、最小化、关闭按钮等。

前台所有代码:

 1 <Window x:Class="WpfStudy.Window1"  
 2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowStyle="None"  
 3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  WindowStartupLocation="CenterScreen" Topmost="False"  
 4     SizeToContent="WidthAndHeight"     >      
 5     <Grid >         
 6         <Grid.RowDefinitions>  
 7             <RowDefinition Height="Auto"/>  
 8             <RowDefinition Height="150"/>  
 9         </Grid.RowDefinitions>  
10         <Grid.ColumnDefinitions>  
11             <ColumnDefinition Width="300"/>             
12         </Grid.ColumnDefinitions>  
13         <Grid Grid.Row=" 0" x:Name="TitleBar" Height="Auto" MouseMove="TitleBar_MouseMove" Background="Bisque">  
14             <TextBlock Text="这是标题栏" FontSize="15" />  
15         </Grid>  
16         <Grid Grid.Row=" 1" Background="Azure"></Grid>          
17     </Grid>  
18 </Window> 
 1 <Window x:Class="WpfStudy.Window1"  
 2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowStyle="None"  
 3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  WindowStartupLocation="CenterScreen" Topmost="False"  
 4     SizeToContent="WidthAndHeight"     >      
 5     <Grid >         
 6         <Grid.RowDefinitions>  
 7             <RowDefinition Height="Auto"/>  
 8             <RowDefinition Height="150"/>  
 9         </Grid.RowDefinitions>  
10         <Grid.ColumnDefinitions>  
11             <ColumnDefinition Width="300"/>             
12         </Grid.ColumnDefinitions>  
13         <Grid Grid.Row=" 0" x:Name="TitleBar" Height="Auto" MouseMove="TitleBar_MouseMove" Background="Bisque">  
14             <TextBlock Text="这是标题栏" FontSize="15" />  
15         </Grid>  
16         <Grid Grid.Row=" 1" Background="Azure"></Grid>          
17     </Grid>  
18 </Window>

效果图:

这个示例够简单了，实在是不能再简化了~~

posted @ 2013-01-17 23:08  学海无涯1999  阅读(774)  评论(0)  编辑  收藏  举报