13

使用下面的代码，我希望以两个具有相同宽度的 ListBox 结束，它们进入两个带有 With="*" 的 columndefinition

相反，看起来大小是由 ListBox 上的文本大小确定的，这是没有意义的，因为该文本比 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 中完成，以防万一。

4

4 回答 4

12

看这个：

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

“星星 （*）：

占用尽可能多的空间（在填充所有自动和固定大小的列之后），按比例分配给所有星形大小的列。所以 3*/5* 和 30*/50* 的意思是一样的。请记住，如果网格大小是根据其内容计算的，则星号大小不起作用。"

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

编辑：这就是“为什么”。有关可能的替代解决方案，请参阅此问题：Wpf: Grid: How can i share column/row height width?

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

于 2012-02-01T18:39:45.837 回答
4

亚历克斯。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>
于 2012-02-02T09:08:00.760 回答
3

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

于 2012-02-01T17:36:08.850 回答
0

在设计时和运行时为我工作。

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

于 2012-02-01T17:37:40.743 回答