[WPF] 自定义窗体样式

[WPF] 自定义窗体样式

 

效果图如下：

 

Code: /Files/lovebread/CustomWindow.rar

 

实现思路：

1.继承Window类

2.为自定义的CustomWindow类设计窗体样式（使用Blend很方便！）

3.为窗体增加最大最小化和关闭按钮，并实现鼠标拖拽改变窗体大小(使用Derek Bartram的WindowResizer.dll库)

 

代码说明：

1.继承Window类

创建CustomWindow类，继承自System.Window

代码

public   class  CustomWindow : Window
{
     public  CustomWindow()
    {
         //  加载样式
        InitializeStyle(); 

         //  加载事件委托
         this .Loaded  +=   delegate  { InitializeEvent(); };

         //  解决最大化覆盖任务栏问题
         this .SourceInitialized  +=   new  EventHandler(win_SourceInitialized);
    }
}

 

代码

< src:CustomWindow
     x:Class ="windowStyle1.Window1"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:src ="clr-namespace:windowStyle1"
    Title ="CustomWindow"  
    Height ="358"  Width ="649"  AllowsTransparency ="True"  WindowStyle ="None" >

 

2.为自定义的CustomWindow类设计窗体样式

窗体样式的设计可以使用Expression Blend来进行可视化开发，非常方便

 

Blend会自动生成样式的xmal文件：

代码

< ResourceDictionary  xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"  xmlns:d ="http://schemas.microsoft.com/expression/blend/2008"  xmlns:mc ="http://schemas.openxmlformats.org/markup-compatibility/2006"  mc:Ignorable ="d"  xmlns:Microsoft_Windows_Themes ="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna" >
   
     < ControlTemplate  x:Key ="WindowTemplateKey"  TargetType ="{x:Type Window}" >
         < Border  Background ="{TemplateBinding Background}"  BorderBrush ="{TemplateBinding BorderBrush}"  BorderThickness ="{TemplateBinding BorderThickness}" >
             < Grid >
                 < AdornerDecorator >
                     < ContentPresenter />
                 </ AdornerDecorator >
                 < ResizeGrip  x:Name ="WindowResizeGrip"  HorizontalAlignment ="Right"  VerticalAlignment ="Bottom"  IsTabStop ="false"  Visibility ="Collapsed" />
             </ Grid >
         </ Border >
         < ControlTemplate.Triggers >
             < MultiTrigger >
                 < MultiTrigger.Conditions >
                     < Condition  Property ="ResizeMode"  Value ="CanResizeWithGrip" />
                     < Condition  Property ="WindowState"  Value ="Normal" />
                 </ MultiTrigger.Conditions >
                 < Setter  Property ="Visibility"  TargetName ="WindowResizeGrip"  Value ="Visible" />
             </ MultiTrigger >
         </ ControlTemplate.Triggers >
     </ ControlTemplate >

 

3.为窗体增加最大最小化和关闭按钮，并实现鼠标拖拽改变窗体大小 

按钮事件比较简单，通过分别为三个按钮添加Click事件即可

代码

///   <summary>
///  加载按钮事件委托
///   </summary>
private   void  InitializeEvent()
{
    ControlTemplate baseWindowTemplate  =  (ControlTemplate)App.Current.Resources[ " CustomWindowControlTemplate " ];

    Button minBtn  =  (Button)baseWindowTemplate.FindName( " btnMin " ,  this );
    minBtn.Click  +=   delegate
    {
         this .WindowState  =  WindowState.Minimized;
    };

    Button maxBtn  =  (Button)baseWindowTemplate.FindName( " btnMax " ,  this );
    maxBtn.Click  +=   delegate
    {
         this .WindowState  =  ( this .WindowState  ==  WindowState.Normal  ?  WindowState.Maximized : WindowState.Normal);
    };

    Button closeBtn  =  (Button)baseWindowTemplate.FindName( " btnClose " ,  this );
    closeBtn.Click  +=   delegate
    {
         this .Close();
    };

    Border tp  =  (Border)baseWindowTemplate.FindName( " topborder " ,  this );

    tp.MouseLeftButtonDown  +=   delegate
    {
         this .DragMove();
    };
}

仅仅这样实现的话还不够，因为窗体最大化后会覆盖任务栏，这是我们不希望看到的，所以还必须通过WINDOW API的窗口句柄来定义最大化后的尺寸

代码

///   <summary>
///  重绘窗体大小
///   </summary>
void  win_SourceInitialized( object  sender, EventArgs e)
{
    System.IntPtr handle  =  ( new  WinInterop.WindowInteropHelper( this )).Handle;
    WinInterop.HwndSource.FromHwnd(handle).AddHook( new  WinInterop.HwndSourceHook(WindowProc));
}
...
[DllImport( " user32 " )]
internal   static   extern   bool  GetMonitorInfo(IntPtr hMonitor, MONITORINFO lpmi);

[DllImport( " User32 " )]
internal   static   extern  IntPtr MonitorFromWindow(IntPtr handle,  int  flags);
...
private   static  System.IntPtr WindowProc(System.IntPtr hwnd,  int  msg, System.IntPtr wParam, System.IntPtr lParam,  ref   bool  handled)
{
     switch  (msg)
    {
         case   0x0024 :
            WmGetMinMaxInfo(hwnd, lParam);
            handled  =   true ;
             break ;
    }
     return  (System.IntPtr) 0 ;
}

具体代码请看附件

这部分参考：http://blogs.msdn.com/llobo/archive/2006/08/01/Maximizing-window-_2800_with-WindowStyle_3D00_None_2900_-considering-Taskbar.aspx

 

最后是实现用鼠标拖拽改变窗体大小

这部分可以参考Derek Bartram的文章http://www.codeproject.com/KB/WPF/WPF_Window_Resizing.aspx

首先将封装好的WindowResizer.dll文件拷到工程目录下，并在工程中添加对它的引用

 

然后在Windows1这个CustomWindow类的实例中绘制左右及底部5个拖拽热区（矩形）

 

最后在Window1.xaml.cs中添加事件委托即可

代码

///   <summary>
///  加载Resize委托
///   </summary>
public   void  InitializeResizeHandle()
{
    WindowResizer wr  =   new  WindowResizer( this );
    wr.addResizerRight(right);
    wr.addResizerLeft(left);
    wr.addResizerDown(bottom);
    wr.addResizerLeftDown(leftbottom);
    wr.addResizerRightDown(rightbottom);
     // wr.addResizerUp(topSizeGrip);
     // wr.addResizerLeftUp(topLeftSizeGrip);
     // wr.addResizerRightUp(topRightSizeGrip);
}

 

 大功告成了！