WPF分割条应用要点解析

在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. < Grid.RowDefinitions>
  19. < RowDefinition Height="*" />
  20. < !--因为WPF分割条也是对象,要占用一行-->
  21. < RowDefinition Height="Auto" />
  22. < RowDefinition Height="*" />
  23. < /Grid.RowDefinitions>
  24. < Grid.ColumnDefinitions>
  25. < ColumnDefinition Width="*" />
  26. < !--因为分割条也是对象,要占用一列-->
  27. < ColumnDefinition Width="Auto" />
  28. < ColumnDefinition Width="*" />
  29. < /Grid.ColumnDefinitions>
  30. < Border Grid.Column="0" Grid.Row="0" />
  31. < Border Grid.Column="0" Grid.Row="2" />
  32. < Border Grid.Column="2" Grid.Row="0" />
  33. < Border Grid.Column="2" Grid.Row="2" />
  34. < !--此处GridSplitter 要占用三列-->
  35. < GridSplitter Grid.Row="1" 
    Grid.Column="0" Grid.ColumnSpan="3"
  36. HorizontalAlignment="Stretch"
  37. VerticalAlignment="Center"
  38. Height="1"
  39. />
  40. < !--此处GridSplitter 要占用三行-->
  41. < GridSplitter Grid.Row="0"
     Grid.Column="1" Grid.RowSpan="3"
  42. HorizontalAlignment="Center"
  43. VerticalAlignment="Stretch"
  44. Width="1"
  45. />
  46. < /Grid>
  47. < /Page>

WPF分割条使用注意:竖直分割与水平分割时一定要区分HorizontalAlignment,VerticalAlignment的设置。

网页题目:WPF分割条应用要点解析
新闻来源:http://www.mswzjz.cn/qtweb/news37/271087.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能