• wpf布局控件总结


    首先要认识到wpf所有的布局控件都继承自Panel类,Panel类又继承自其他类。继承关系如下:

    一、StackPanel布局面板

     1、该面板在单行或者单列中以堆栈的形式放置其子元素。

      默认情况下,StackPanel按自上而下的顺序排列,使每个元素的高度适合它的内容。

      通过设置Orientation属性,StackPanel面板也可以用于水平排列元素。<StackPanel Orientation="Horizontal">

    2、当StackPanel中布局是垂直方向的时候,VerticalAlignement属性不起作用。HorizontalAlignment属性非常重要,它决定了各个元素在行的什么位置。

         对于Label控件,HorizontalAlignment属性的值默认为Left;

         对于Button控件,HorizontalAligenment属性的值默认为Stretch。(这也是为什么每个按钮的宽度被调整为整列的宽度的原因所在。)   

    StackPanel面板也有自己的HorizontalAlignment和VerticalAlignment属性。这两个属性都被设置为Stretch。 

    Tips(这些一般也适用于其他布局面板):

    1、给控件设置外边距,在XAML中Margin属性,如Margin=“5”。在代码中用cmd.Margin = new Thickness(5);//cmd是控件的Name属性的值。即Name=“cmd”

    2、给元素设置尺寸,应该使用最大尺寸属性和最小尺寸属性。避免设置固定的width和height

    3、如果用代码检查窗口中某个元素的尺寸,应该用ActualHeight和ActualWidth属性得到用于渲染元素的实际尺寸。

    4、可以设置窗口的SizeToContent属性值为WidthAndHeight,这样窗口就会让自身的尺寸适应其中所包含的内容。

    二、Border控件。

      Border是装饰元素,用于在对象周围添加某些种类的图形装饰。

      所有装饰元素都继承自System.Windows.Controls.Decorator类。

      Border类的属性:

      1、Background,设置边框中所有内容后面的背景。

      2、BorderBrush和BorderThickness,这两个属性同时使用,可以设置边框的宽度和颜色。

      3、CornerRadius,设置边框的圆角。

      4、Padding。设置边框和内部内容之间的距离。

    三、WrapPanel面板

      1、WrapPanel面板在可能的空间中,以一次一行或一列的方式布置控件。

      2、默认情况下,WrapPanel.Orientation属性设置为Horizonal。

      3、WrapPanel面板水平地创建行,每一行的高度都被设置为所包含元素中最高元素的高度,其他控件可能被拉伸以适应这一高度。或者根据VerticalAlignment属性的设置进行对齐。

    Tips:

      1、WrapPanel面板是唯一一个不能通过灵活使用Grid面板代替的面板。

    四、DockPanel面板

      1、它沿着一条外边缘来拉伸所包含的控件。

      2、如果将一个按钮停靠在DockPanel面板的顶部,该按钮会被拉伸至DockPanel面板的整个宽度,那么位于它后面声明的元素控件就没法占据它已经占据的空间。

         如果将一个按钮停靠在DockPanel面板的左边,该按钮会被拉伸至DockPanel面板的整个高度。

      3、停靠多个元素控件时,按照标记中声明的顺序停靠。

      4、可以用maring、VerticalAlignment、HorizonalAlignment属性改变空间分割或者拉伸行为。

    五、Grid面板

      1、布局舍入。<Grid UseLayoutRounding="True">

      2、分割窗口。GridSplitter对象。用户可以改变分割的窗口之间的比例大小。类似与window资源管理器中用户可以拖动分离的窗口改变窗口占据的大小。

      代码示例:

      

     1 <Grid UseLayoutRounding="True">
     2         <Grid.RowDefinitions>
     3             <RowDefinition></RowDefinition>
     4             <RowDefinition></RowDefinition>
     5         </Grid.RowDefinitions>
     6         <Grid.ColumnDefinitions>
     7             <ColumnDefinition MinWidth="100"></ColumnDefinition>
     8             <ColumnDefinition Width="Auto"></ColumnDefinition>
     9             <ColumnDefinition MinWidth="50"></ColumnDefinition>
    10         </Grid.ColumnDefinitions>
    11         
    12         <Button Grid.Row="0" Grid.Column="0" Margin="3">Left</Button>
    13         <Button Grid.Row="0" Grid.Column="2" Margin="3">Right</Button>
    14         <Button Grid.Row="1" Grid.Column="0" Margin="3">Left</Button>
    15         <Button Grid.Row="1" Grid.Column="2" Margin="3">Right</Button>
    16         
    17         <GridSplitter Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Width="3" VerticalAlignment="Stretch"
    18                       HorizontalAlignment="Center" ShowsPreview="False"></GridSplitter>
    19         
    20     </Grid>

     其中ShowsPreview属性设置为false,效果是当把分割条从一边拖到另一边时,会立即改变列的尺寸。如果设置为true,当拖动分割条时就会看到一个灰色的阴影跟随鼠标指针,,用于显示将在何处进行分割,知道释放了鼠标之后列的尺寸才改变。

    还可以调整DragIncrement属性,使得分割条以指定的幅度(如每次10个单位)移动。

      

  • 相关阅读:
    中南大学ACM12月月赛第二场热身赛解题报告
    中南大学ACM12月月赛第二场热身赛在本周日(2011年11月20日)举行
    IPv4 and IPv6
    Java and IPV6
    IPv6 and Java
    poj3385
    poj3390
    poj3226
    poj3767
    poj3497
  • 原文地址:https://www.cnblogs.com/dotnetHui/p/7991991.html
Copyright © 2020-2023  润新知