c# - 如何将 DockStyle.Fill 用于 WPF 中的标准控件？

Question

我在 Windows 窗体中使用过，我创建了一个面板，在其中放置控件并为它们提供 DockStyle.Fill 以将它们的大小最大化到周围的面板。

在 WPF 中我想要相同的。我有一个 TabControl，我希望它的大小能够尽可能多地填充表单。我有一个功能区控件 (RibbonControlsLibrary)，并希望用最大尺寸的 TabControl 填充表单的其余部分。

(我不想像 Visual Studio 中的停靠那样停靠控件，只是旧的停靠机制)

Answer 1

WinForms 的 DockStyle.Fill 的 WPF 等价物是:

HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

这是几乎所有控件的默认设置，因此通常您根本不需要做任何事情来让 WPF 控件填充其父容器:它们会自动完成。这适用于所有未将其子级压缩到最小尺寸的容器。

常见错误

我现在将解释一些阻止 Horizo​​ntalAlignment="Stretch"VerticalAlignment="Stretch" 按预期工作的常见错误。

<强>1。明确的高度或宽度

一个常见的错误是明确指定控件的宽度或高度。所以如果你有这个:

<Grid>
  <Button Content="Why am I not filling the window?" Width="200" Height="20" />
  ...
</Grid>

只需删除 Width 和 Height 属性:

<Grid>
  <Button Content="Ahhh... problem solved" />
  ...
</Grid>

<强>2。包含面板将控件压缩到最小尺寸

另一个常见的错误是让包含面板尽可能地挤压您的控件。例如，一个垂直的 StackPanel 总是会尽可能地垂直挤压它的内容:

<StackPanel>
  <Button Content="Why am I squished flat?" />
</StackPanel>

切换到另一个面板，你就可以开始了:

<DockPanel>
  <Button Content="I am no longer squished." />
</DockPanel>

此外，任何高度为“Auto”的 Grid 行或列将类似地沿该方向挤压其内容。

不挤压子容器的一些示例是:

• ContentControls 从不挤压它们的 child (这包括 Border、Button、CheckBox、ScrollViewer 等等)
• 单行单列的网格
• 具有“*”大小的行和列的网格
• DockPanel 不会挤压它的最后一个 child
• TabControl 不压缩其内容

确实挤压子级的容器的一些示例是:

• StackPanel 沿其 Orientation 方向挤压
• 具有“自动”大小的行或列的网格向该方向挤压
• DockPanel 在其停靠方向挤压除最后一个子节点以外的所有节点
• TabControl 压缩其标题(选项卡上显示的内容)

<强>3。显式高度或宽度更远

令人惊奇的是，我多次看到 Grid 或 DockPanel 给出了明确的高度和宽度，如下所示:

<Grid Width="200" Height="100">
  <Button Content="I am unnecessarily constrainted by my containing panel" />
</Grid>

通常，您永远不想为任何面板指定明确的高度或宽度。诊断布局问题时，我的第一步是删除我能找到的所有显式高度或宽度。

<强>4。窗口是 SizeToContent 而它不应该是

当您使用 SizeToContent 时，您的内容将被压缩到最小尺寸。在许多应用中，这非常有用并且是正确的选择。但是，如果您的内容没有“自然”大小，那么您可能希望省略 SizeToContent。