WPFの布局中Panel的选用

一、Canvas

这个容器能够对元素做准确的定位,但同时也是其创建的页面不够灵活。

二、StackPanel

最大的优点是:他会顺序的对他的子元素进行排列显示。(没有任何附加属性)

要注意的是:他有两个属性:Orientation和FlowDirection从而可以设置子元素的排列显示形式

Orientation的值设为Horizontal则为水平排列,设为Vertical则垂直排列。

FlowDirection的值设为RightToLeft,则从右向左排列。设为LeftToRight,则从左向右排列。

三、WrapPanel

类似于StackPanel,具有StackPanel的属性和功能(也具有FlowDirection属性的设置)。

同时,它还具有向我们通常用的windows资源管理器一样,会随着窗口的大小,从而将子元素进行合理的分行显示,而不会出现因为窗口变小从而是一些子元素无法显示。

四、DockPanel

与Cavas相似的是,他也是从容器的边缘来定位子元素的位置。不同的是,它只能让子元素简简单单的停靠在容器边缘,然后拉伸来填充整个panel

五、Grid

类似于HTML中的Table

1、通过<Grid.RowDefinitions>             <RowDefinition Height="auto"></RowDefinition>             <RowDefinition Height="2*"></RowDefinition>             <RowDefinition Height="3*"></RowDefinition>             <RowDefinition Height="4*"></RowDefinition>         </Grid.RowDefinitions>

   <Grid.ColumnDefinitions>             <ColumnDefinition Width="auto"></ColumnDefinition>             <ColumnDefinition></ColumnDefinition>         </Grid.ColumnDefinitions>类似于以上的语法来为Grid添加行和列。

2、每个单元格可以设置为空,也可以放多个元素。

3、RowSpan和ColumnSpan来设置单元格的跨行跨列属性。

4、行和列的高度和宽度的设置:auto:自动尺寸监控

                                        (像素):绝对尺寸

                                        (带“*”的数字)比例尺寸

5、GridSplitter  

将GridSplitter放到一个一个单元格中可以通过鼠标改变该单元格的大小:

它的两个属性:设置为VerticalAlignment="Bottom" HorizontalAlignment="Stretch"时,就会在单元格的下方显示可以改变单元格的高度。

VerticalAlignment="Stretch" HorizontalAlignment="Right" 就会改变单元格的宽度。

值得注意的是:水平方向和垂直方向有一个的值必须设为Stretch,否则的话是一个小点,就无法实现其功能。

                   GridSplitter必须有一个显示的Width和Height这样才能看到,并且启到作用。

6、共享行和列的尺寸。

ColumnDefinition 和RowDefinition都有一个共同的属性:SharedSizeGroup 它的值是一个自定义的值,这样被标记的具有同样值的行和列就会一直有相同的呈现形式,其中的一个改变,另一个也会改变。

但值得注意的是在使用这个属性的时候,要将grid的共享开启:       <Grid Name="parentGrid" Grid.IsSharedSizeScope="True">....</Grid> 

六、处理内容溢出

1、剪切(clipping)

大部分面板都有一个Boolean的属性ClipToBounds并且它们的值都设为true,所以只要是溢出面板的都会被剪切掉

只有 Canvas面板的这个属性可以设置,并且ClipToBounds的值默认是false。

2、滚屏(scrolling)

只需将所有的元素(或面板)放入到一个<ScrollViewer >.....</ScrollViewer>内即可。他有属性:VerticalScrollBarVisibility(默认值Visible)和HorizontalScrollBarVisibility(默认值Auto)可以设置他们的值:Visible,Hidden,Auto,Disabled

3、缩放(scaling)

将内容放置到<Viewbox>...</Viewbox>之内即可实现缩放。

属性Stretch:值

Uniform(默认):显示整个元素到窗体的空间上,会随着窗体的大小而自动缩放,(但是某个方向上可能因为比例不合适而无法填充剩余空间)

UniformToFill:在保存外观比例同时缩放子元素来完全填充viewbox内的空间(但是某个方向上可能因为比例不合适而要截断部分显示)

None:不进行缩放,与不用viewbox没什么区别。

Fill:显示子元素到viewbox中,各个方向都要拉伸以填充所有空间。

属性StretchDirection值

Both(默认)扩大或缩小内容。DownOnly:如果合适缩小内容。如果内容足够小,viewbox保持当前内容大小不变。UpOnly:如果合适扩大内容,如果内容足够大,Viewbox保持当前内容大小不变。

原文地址:https://www.cnblogs.com/xietianjiao/p/5681754.html