仅自动调整某些控件

Question

我正在使用 WPF GUI，我希望 window 自动调整内容大小，但不是所有内容：我有一些不同的按钮和其他控件，我想自动调整大小的宽度。如果我向列表框中添加一个长项目，我希望 window 保持相同的大小。

示例代码：

<Window x:Class="QuickieWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" SizeToContent="WidthAndHeight" ResizeMode="CanMinimize">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button Width="100" Content="Foo" Click="Button_Click"/>
            <Button Width="100" Content="Bar" Click="Button_Click"/>
            <Button Width="100" Content="Baz" Click="Button_Click"/>
        </StackPanel>
        <ListBox Grid.Row="1" Name="TheList" Height="100"/>
    </Grid>
</Window>

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        string str = "This is a really long text item that will be wider than the " +
            "three buttons. I want a horizontal scrollbar on the listbox, not a wider " +
            "window. I want the window to size to the buttons, not to this listbox.";
        this.TheList.Items.Add(str);
    }
}

最初，window 的大小适合按钮：

在列表框中添加一个长项目后，我目前得到这个：

但我更想得到这个：

（我通过在列表框上设置 MaxWidth 来完成最后一个屏幕截图，但这对于完整的应用程序来说不是一个好的解决方案：在完整的应用程序中，它不仅仅是三个按钮；它是按钮、图标、文本框、标签等，我希望 window 自动调整到整个混乱，而不是底部的列表框。）

Answer 1

您可以将不想自动调整大小的内容的宽度绑定到您要自动调整的内容的实际宽度，例如：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>
    <StackPanel Orientation="Horizontal" x:Name="panel">
        <Button Width="100"
                Content="Foo"
                Click="Button_Click" />
        <Button Width="100"
                Content="Bar"
                Click="Button_Click" />
        <Button Width="100"
                Content="Baz"
                Click="Button_Click" />
    </StackPanel>
    <ListBox Grid.Row="1"
             Name="TheList"
             Height="100" Width="{Binding ElementName=panel, Path=ActualWidth}" />
</Grid>

这里我将ListBox的宽度绑定到带有按钮的面板的实际宽度，在这种情况下实现了你想要的。

Answer 2

您必须限制 ListBox 的宽度，否则父 window 将根据 SizeToContent="WidthAndHeight" 占用最多 space 的控件调整大小.

    <StackPanel Orientation="Horizontal">
        <Button Width="100" Content="Foo" Click="Button_Click"/>
        <Button Width="100" Content="Bar" Click="Button_Click"/>
        <Button Width="100" Content="Baz" Click="Button_Click"/>
    </StackPanel>

    <!-- set the width to 300 -->
    <ListBox Grid.Row="1" Name="TheList" Height="100" Width="300" />

Answer 3

为您的 stackPanel 命名，例如

<StackPanel Name="MyPanel" Orientation="Horizontal">

然后在您的列表框和 window 属性中添加这个；

Width="{Binding ElementName=MyPanel, Path=ActualWidth}"

您需要在列表框中包含水平滚动。

仅自动调整某些控件

Autosize to only some controls

c#

wpf

autosize