在WPF窗口布局中，我們經常要用到窗口的分割，這篇文章主要是介紹怎樣用GridSpliter分割窗口。GridSpliter主要是用在布局控件GRID中，指定要分割的位置，第幾行，第幾列就可以實現格子的分割了。#t#

既然要做到劃分總個窗體，我們需要把格子的高和寬同窗口的實際高和寬綁定在一起，以此來實現總個窗體的分割。
以下是用XAML寫的一段WPF分割條代碼：

1. < Page   
2. xmlns="http://schemas.microsoft
   .com/winfx/2006/xaml/presentation"   
3. xmlns:sys="clr-namespace:System;
   assembly=mscorlib"   
4. xmlns:x="http://schemas.microsoft.
   com/winfx/2006/xaml" Name ="myWnd">   
5. < Page.Resources> 
6. < Style TargetType ="{x:Type Border}">   
7. < Setter Property ="BorderThickness" 
   Value ="1"/> 
8. < Setter Property ="BorderBrush" 
   Value ="Black"/>   
9. < /Style> 
10. < /Page.Resources> 
11. < !--首先,我們綁定格子的高和寬同窗口一樣大--> 
12. < Grid Background="White"   
13. Width ="{Binding Path=ActualWidth ,
    ElementName=myWnd}"   
14. Height="{Binding Path=ActualHeight ,
    ElementName=myWnd}" 
15. HorizontalAlignment="Left" 
16. VerticalAlignment="Top" 
17. ShowGridLines="False"> 
18.  
19. < Grid.RowDefinitions> 
20. < RowDefinition Height="*" /> 
21. < !--因為WPF分割條也是對象，要占用一行--> 
22. < RowDefinition Height="Auto" /> 
23. < RowDefinition Height="*" /> 
24. < /Grid.RowDefinitions> 
25. < Grid.ColumnDefinitions> 
26. < ColumnDefinition Width="*" /> 
27. < !--因為分割條也是對象，要占用一列--> 
28. < ColumnDefinition Width="Auto" /> 
29. < ColumnDefinition Width="*" /> 
30. < /Grid.ColumnDefinitions> 
31. < Border Grid.Column="0" Grid.Row="0" /> 
32. < Border Grid.Column="0" Grid.Row="2" /> 
33. < Border Grid.Column="2" Grid.Row="0" /> 
34. < Border Grid.Column="2" Grid.Row="2" /> 
35. < !--此處GridSplitter 要占用三列--> 
36. < GridSplitter Grid.Row="1" 
    Grid.Column="0" Grid.ColumnSpan="3" 
37. HorizontalAlignment="Stretch" 
38. VerticalAlignment="Center" 
39. Height="1" 
40. /> 
41. < !--此處GridSplitter 要占用三行--> 
42. < GridSplitter Grid.Row="0"
     Grid.Column="1" Grid.RowSpan="3" 
43. HorizontalAlignment="Center" 
44. VerticalAlignment="Stretch" 
45. Width="1" 
46. /> 
47. < /Grid> 
48. < /Page> 

WPF分割條使用注意：豎直分割與水平分割時一定要區分HorizontalAlignment，VerticalAlignment的設置。