详解WPF DockPanel的LastChildFill属性

MSDN解释:

获取或设置一个值,该值指示 System.Windows.Controls.DockPanel 中的最后一个子元素是否拉伸以填充剩余的可用空间。

返回:

如果最后一个子元素拉伸以填充剩余的空间,则为 true;否则为 false。 默认值为 true。


MSDN已经说的很清楚了,这个属性是用来是否最后一个元素是拉伸以填满整个剩余空间。而且默认值为true

所以如果在一个刚new出来的dockpanel中加入一个textbox,那么这个textbox是会撑满整个dockpanel的

此时我们若想让其靠右,设置textbox.dock=dock.Right.  你会发现是没有用的,因为LastChildFill属性默认为true,所以textbox还是会撑满整个dockpanel。灰色的是textbox.如下图:

代码:

<Window x:Class="WpfApp9.MainWindow" Title="MainWindow" Height="350" Width="525">
    <DockPanel LastChildFill="True" >
        <TextBox   Background="Gray" DockPanel.Dock="Right"/>
    </DockPanel>
</Window>

效果:


要想达到靠右的效果的话,只要将LastChildFill设置成false即可。

或者不用修改 LastChildFill属性,在dockpanel中再加入一个元素,由于LastChildFill=true的缘故,这个新元素会自动充满,然后textbox也顺势被挤到了右侧。如下图,可以看到灰色的靠右停靠了

代码:

<Window x:Class="WpfApp9.MainWindow" Title="MainWindow" Height="350" Width="525">
    <DockPanel LastChildFill="True">
        <TextBox   Background="Gray" DockPanel.Dock="Right"/>
        <TextBox   Background="Blue"/>
    </DockPanel>
</Window>

效果:


值得一提的是,无论此时怎么设置这个蓝色的textbox的dock属性,都不会改变现有的效果。即使是给蓝色的textbox设置固定的长宽也没用,蓝色textbox依旧会停靠在剩余空间的中间位置,只不过因为长宽不会撑满而已

看到这里,我们应该了解了dockpanel的lastchildfill属性给了DockPanel两种截然不同的形态,若是默认情况下,既为true的时候,dockpanel往往呈现下图这个样子:

这也是设计者希望dockpanel应该变成的样子,既有上下左右停靠的一种布局方式,如常见软件会使用的菜单栏,状态栏,主要内容。非常适合dockpanel来发挥。


但有时候我们会希望某个小dockpanel中只有一个控件,让该控件靠左,此时就最好将lastchildfill属性设置成false。结合元素的margin属性可以达到各种效果,margin是可以设置成负数的,效果是会跑到dockpanel之外,但元素依然存在于逻辑树上。


如果设置了lastchildfill为false,又没有对textbox的dock属性作设置,那么textbox会默认靠左。

这个规则是按照左上右下的顺序来的,和margin还有pading属性是类似的。


对两个元素同时设置dock属性,其停靠位置是会根据先加入dockpanel的顺序来决定,如下图:


可以看到,灰色的在上面,蓝色的在下面。




原文地址:https://www.cnblogs.com/kevinWu7/p/10163506.html