如何使我的网格列始终具有相同的宽度？

Question

如果我将列的宽度设置为 *，它们最初的宽度相同，但如果某个项目大于允许的数量，那么它将拉伸列宽度。

如何通过显式定义大小来强制我的网格保持其列的大小相同？

我无法使用 UniformGrid，因为此网格正在 ItemsControl 中使用，并且项目需要放置在特定的 Grid.Row/Grid.Column 点

编辑 这是我当前代码的示例。

<DockPanel>

    <!-- Not showing code here for simplicity -->
    <local:ColumnHeaderControl DockPanel.Dock="Top" />
    <local:RowHeaderControl DockPanel.Dock="Left" />

    <ItemsControl ItemsSource="{Binding Events}">
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="Grid.Column" 
                        Value="{Binding DueDate.DayOfWeek, 
                            Converter={StaticResource EnumToIntConverter}}" />
            </Style>
        </ItemsControl.ItemContainerStyle>

        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                </Grid>
            </ItemsPanelTemplate>
        </ItemsPanel>
    </ItemsControl>

</DockPanel>

编辑 #2 这是我的最终解决方案。它使列具有正确的大小，并且在调整应用程序大小时保持正确的大小。

<ColumnDefinition Width="{Binding 
    ElementName=RootControl, 
    Path=ActualWidth, 
    Converter={StaticResource MathConverter}, 
    ConverterParameter=(@VALUE-150)/7}" />

150 是行标题 + 所有边距和边框的宽度。实际上，我正在将我的 MathConverter 更新为 IMultiValueConverter，以便我可以绑定这两个参数（如果您对转换器代码感兴趣，可以找到 此处，尽管它只是单值转换器）

Answer 1

您可以：

1) 在 DIP 中硬编码大小：

<ColumnDefinition Width="100" />
<ColumnDefinition Width="100" />
...

2) 使用 SharedSizeGroup，它需要一个 char

<ColumnDefinition SharedSizeGroup="A" />
<ColumnDefinition SharedSizeGroup="A" />
...

您可以阅读有关它的更多信息 此处

Answer 2

您可以尝试将列的宽度绑定到一个属性，该属性将窗口的总宽度除以列数

Answer 3

最干净的方法是使用像这样的 UniformGrid：

<UniformGrid Rows="1">
    <Rectangle Fill="Blue" />
    <Rectangle Fill="Yellow" />
    <Rectangle Fill="Red" />
</UniformGrid>

用作 ItemsPanel 时效果非常好。

Answer 4

尝试网格的 IsSharedSizeScope 工作：

<StackPanel Margin="15" Grid.IsSharedSizeScope="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto" SharedSizeGroup="B"/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="0" Text="Col 1"/>
        <TextBox Grid.Column="1" />
        <TextBlock Grid.Column="2" Text="3rd column here"/>
    </Grid>

    <Separator Margin="0,20"/>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition />
            <ColumnDefinition SharedSizeGroup="B"/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="0" Text="1"/>
        <TextBox Grid.Column="1"/>
    </Grid>
</StackPanel>

我希望它有所帮助。

有关详细说明，请查看此链接：
https://wpf.2000things.com/tag/sharedsizegroup/

Answer 5

我没有尝试过，但我认为这应该有效：

XAML：

<ColumnDefinition Width="*" Loaded="ColumnDefinition_Loaded"/>

C#：

private void ColumnDefinition_Loaded(object sender, RoutedEventArgs e)
        {
            ((ColumnDefinition)sender).MaxWidth = ((ColumnDefinition)sender).ActualWidth;
        }