我来自 WinForms 背景并且开始学习 WPF。我已经在 Pluralsight 学习了一组教程，但在处理调整大小时遇到了一些困难。
调整大小时，我的文本框似乎没有以我想要的方式“ anchor 定”。我在下面的 xaml 中包含了关于我正在寻找的行为的注释。非常感谢有关最佳实践的任何反馈。代码对我来说只是“感觉”有点尴尬，但我不确定这是否是因为它对我来说只是新的，或者是否有更简单/更好的方法来做我正在尝试的事情。
为了在不需要加载下面的 XAML 的情况下了解事情的样子 - 这里是调整表单屏幕截图大小之前和之后。
Before Resize http://dboasis.com/screenshots/beforeresize.jpg
After Resize http://dboasis.com/screenshots/afterresize.jpg
在看到我如何尝试在 XAML 中执行此操作后，我希望获得有关如何处理调整大小问题的建议以及最佳实践。
此外 - xaml 确实实现了 DevExpress 控件 - 如果有人希望我重做表单而不使用 3rd 方控件，以便他们更容易提出建议，我很乐意这样做。
<dx:DXWindow
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" x:Class="DXTemplateSandbox.MainWindow"
Title="MainWindow" Height="437" Width="641">
<Grid>
<dx:DXTabControl x:Name="tabcntMainTab">
<dx:DXTabItem x:Name="tabUserList" Header="User List">
<Grid Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition x:Name="SelectLabel" Height="30" />
<RowDefinition x:Name="OpenDataFile" Height="34" />
<RowDefinition x:Name="DataGridLayoutRow" Height="185*" />
<RowDefinition x:Name="AppPrefsInfo" Height="110" />
</Grid.RowDefinitions>
<StackPanel Grid.Row="1" Orientation="Horizontal" Margin="10,0">
<!--
The DataFileLocation not resizing the width. How do I instead lock the vertical size, but allow width to
resize with form?
-->
<TextBox Name="DataFileLocation" Width="419" Margin="0,5" HorizontalAlignment="Stretch" />
<!--
How do I get the SelectData button stay immediately to the right of the DatFileLocation textbox when resizing?
-->
<Button Name="SelectData" Content="..." Width="40" Margin="5" Click="SelectData_Click"/>
<DockPanel>
<!-- I would like the "Go" button to stay anchored to the right when resizing. -->
<Button x:Name="GoButton"
Content="Go"
Width="66"
DockPanel.Dock="Right"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Margin="50,5,5,5"
Click="GoButton_Click" />
</DockPanel>
</StackPanel>
<!--
-->
<dxg:GridControl Grid.Row="2" Margin="5" >
<dxg:GridControl.View>
<dxg:TableView ShowGroupPanel="False"/>
</dxg:GridControl.View>
</dxg:GridControl>
<Label Content="Select Data File" HorizontalAlignment="Left" Margin="5,5,0,0" VerticalAlignment="Top" Height="26" Grid.RowSpan="2" Width="91"/>
<!--
Is using a grid inside a parent grid cell the best way of doing this? I'm using stackpanels in each of the rows in the
child grid. Is there a better way of doing this?
-->
<Grid x:Name="AppPrefsGrid" Grid.Row="3" >
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<!--
Ideally I would like the text boxes to grow and shrink at the same rate as form is resized, and leave the labels the same width. I don't know
if this is practical however.
-->
<StackPanel Grid.Row="0" Orientation="Horizontal">
<Label Content="Registration Name:" Width="112" Margin="5"/>
<TextBox Name="RegNameTextBox" Width="175" Margin="5" IsEnabled="False"/>
<Label Content="Install Date:" Width="84" Margin="10,5,5,5"/>
<TextBox Name="InstallDateTextBox" Width="175" Margin="5" IsEnabled="False"/>
</StackPanel>
<StackPanel Grid.Row="1" Orientation="Horizontal">
<Label Content="Registration Number:" Width="112" Margin="5"/>
<TextBox Name="RegNumberTextBox" Width="175" Margin="5" IsEnabled="False"/>
<Label Content="Data File Version:" Width="84" Margin="10,5,5,5"/>
<TextBox Name="DataVersionTextBox" Width="175" Margin="5" IsEnabled="False"/>
</StackPanel>
<StackPanel Grid.Row="2" Orientation="Horizontal">
<Label Content="Edition Code:" Width="112" Margin="5"/>
<TextBox Name="EditionCodeTextBox" Width="175" Margin="5" IsEnabled="False"/>
<Label Content="User Count:" Width="84" Margin="10,5,5,5"/>
<TextBox Name="UserCountTextBox" Width="175" Margin="5" IsEnabled="False"/>
</StackPanel>
</Grid>
</Grid>
</dx:DXTabItem>
<dx:DXTabItem x:Name="tabKeyGen" Header="Key Generator"/>
</dx:DXTabControl>
</Grid>
最佳答案
您在这里有多个问题，似乎是因为您没有为控件使用正确的布局面板。
默认情况下，控件的大小基于父级的行为。
例如，放置在 Grid 内的项目将拉伸(stretch)以填充网格单元内给予它们的所有可用空间。如果 Grid Row/Column 定义的 Height/Width 设置为 Auto，则意味着它将以控件想要的任何大小绘制控件。如果它设置为固定大小，例如 100 ，那么它将以该大小绘制控件。如果它设置为 * 大小，它将使用剩余空间的百分比来绘制控件。
此行为可以由控件本身的属性(例如 HorizontalAlignment 和 VerticalAlignment )或设置属性(例如 Height 、 Width 和 Margin )覆盖。
因此，要解决您的一些特定问题，请先移除那些托管标签/文本框组合的堆栈面板，并用适当的 3x4 Grid 替换它们。将您的标签放在第 0 列和第 2 列中，并为该 ColumnDefinition 指定固定大小。将您的文本框放在第 1 列和第 3 列中，并将它们保留为 * 大小。请记住，* 大小是一个百分比，因此一列中的 2* 和另一列中的 3* 意味着总共有 5* 可用，第 1 列将占用 2/5 的空间，而第 2 列将占用 3/5空间。
要让您的 DataFileLocation 在表单调整大小时调整大小，只需删除 Width 属性并让它调整为网格单元格的大小。
要使 SelectData 按钮停靠在 SelectData 文本框的右侧，请将两者都放在 DockPanel 中。将 Button 停靠在右侧，并让 TextBox 填充所有剩余空间。如果您希望 Tab 键按预期循环浏览它们，则必须设置 TabIndex。
<DockPanel>
<Button DockPanel.Dock="Right" ... />
<TextBox ... />
</DockPanel>
从那个开始，看看它看起来如何。你的父网格的 RowDefinition 看起来是正确的(除了你的第三行高度应该是
"*" 而不是 "184*" )，这应该意味着你的 DevExpress 控件应该拉伸(stretch)/收缩以填充所有剩余的垂直空间。关于c# - WPF 中的停靠和 anchor ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19166718/