c# - 在可拉伸(stretch)的 WPF 窗口中将两个控件布局在一条线上

Question

这是一个相当常见的 UI 模式:文本框左侧包含路径，右侧包含浏览按钮。如果窗口调整大小，按钮会保持在右侧，但文本框会拉伸(stretch)以显示更多/更少的路径。因此，在过去的 anchor 时代，按钮会锚定在右侧，文本框会同时锚定在左侧和右侧。

尝试在 WPF 中复制它似乎非常困难。

如果我创建一个新窗口，它默认带有网格布局。我将文本框放在左侧并适当调整大小，然后将按钮放在右侧。文本框的 Horizo​​ntalAlignment 是 Stretch，按钮是 Right。

在我看来，这按描述的方式工作，但在现实生活中，文本框根本不会调整大小，而是试图将其自身置于窗口中心，而按钮则按预期运行。给了什么？

这是我的 XAML:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="241" d:DesignWidth="414" SizeToContent="WidthAndHeight">
    <Grid>
        <TextBox Height="23" HorizontalAlignment="Stretch" Name="textBox1" VerticalAlignment="Top" Margin="12,11,101,0" />
        <Button Content="Button" Height="23" HorizontalAlignment="Right" Margin="0,11,12,0" Name="button1" VerticalAlignment="Top" Width="75" />
    </Grid>
</Window>

Answer 1

您将创建另一个 GridControl有两列，一列的宽度固定为 Browse按钮和另一个 TextBox .

<Grid>            
    <Grid.ColumnDefinitions> 
        <ColumnDefinition />
        <ColumnDefinition Width="75" />
    </Grid.ColumnDefinitions>
    <TextBox Grid.Column="0" />
    <Button Grid.Column="1" />
</Grid>