为什么 WPF 网格中带 * 的两列大小不同？

Question

使用以下代码，我希望以两个宽度相同的列表框结束，因为它们进入两个列定义，并带有“*”

而不是这样，看起来大小是根据列表框上的文本大小确定的，这是没有意义的因为该文本比 ListBox 小得多，因此 TextBlock 有足够的空间来容纳文本。

<Window x:Class="UnderstandSizing.Window5"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window5" 
SizeToContent="WidthAndHeight"
ResizeMode="NoResize" >

<Grid>  
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <TextBlock Text="Text1longer" Grid.Row="0" Grid.Column="0" x:Name="Test1" />
    <TextBlock Text="Text1" Grid.Row="0" Grid.Column="2" />
    <ListBox Grid.Row="1" Grid.Column="0" Height="150" />

    <ListBox Grid.Row="1" Grid.Column="2" Height="150" />
    <TextBlock Grid.Row="2" Grid.ColumnSpan="3"  Text="This textblock sets the max width" Width="300" />
</Grid>
</Window>

WPF 自动调整大小功能让我抓狂...有什么想法吗？ 谢谢。

编辑：一切都在 VS2008 中完成，以防万一重要。

Answer 1

看看这个：

http://www.wpftutorial.net/GridLayout.html

“星号 ( *)：

占用尽可能多的可用空间（填充所有自动和固定大小的列后），按比例分配给所有星形大小的列，因此 3*/5* 与 30*/50* 相同。如果网格大小是根据其内容计算的，则星号调整不起作用。”

您的代码中就是这种情况。我怀疑这也是其他人测试它时看起来不错的原因，如果他们将网格粘贴到大于 TextBlock 设置的 300 像素的窗口中。如果我使用完全相同的 XAML，我会遇到与您相同的问题。

编辑：这就是“为什么”。请参阅此问题以获取可能的替代解决方案： Wpf：网格：我如何共享列/行高度宽度？

最近的答案（不是提问者选择的答案）似乎是这种情况下最有用的答案。

Answer 2

亚历克斯. A找到了发生这种情况的确切原因，并且我幸运地找到了解决方案。只需将 * 更改为 0 我就得到了预期的结果（如果你问我的话，我会觉得很奇怪）：

<Window x:Class="UnderstandSizing.Window5"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window5" 
SizeToContent="WidthAndHeight"
ResizeMode="NoResize" >

<Grid>  
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="0" />
    <ColumnDefinition Width="Auto" />
    <ColumnDefinition Width="0" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
</Grid.RowDefinitions>

<TextBlock Text="Text1longer" Grid.Row="0" Grid.Column="0" x:Name="Test1" />
<TextBlock Text="Text1" Grid.Row="0" Grid.Column="2" />
<ListBox Grid.Row="1" Grid.Column="0" Height="150" />

<ListBox Grid.Row="1" Grid.Column="2" Height="150" />
<TextBlock Grid.Row="2" Grid.ColumnSpan="3"  Text="This textblock sets the max width" Width="300" />
</Grid>
</Window>

Answer 3

对我来说，这在运行时工作得很好。不要相信 GUI 设计者，他们是敌人。

Answer 4

在设计时和运行时对我有用。

GUI 设计者不应该显示这些像素大小。对我来说，它显示 1*，这意味着您的屏幕截图来自与您粘贴的代码不同的代码。