Question

我希望GridView的标题包含左侧的组名称和右侧的符号，并执行此操作。

                    <GroupStyle.HeaderTemplate>
                        <DataTemplate>
                            <Grid>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition
                                        Width="*"></ColumnDefinition>
                                    <ColumnDefinition
                                        Width="*"></ColumnDefinition>
                                </Grid.ColumnDefinitions>

                                <Button
                                    Grid.Column="0"
                                    AutomationProperties.Name="Group Title"
                                    Style="{StaticResource TextPrimaryButtonStyle}" />


                                    <Button
                                        Grid.Column="1"
                                        Content="&#xE0A1;"></Button>
                            </Grid>
                        </DataTemplate>
                    </GroupStyle.HeaderTemplate>

不幸的是，Symbol始终位于组标题旁边的左侧。：

enter image description here

如何正确对齐组头中的元素？

编辑：固定大小的网格列无法解决，因为组的宽度可能会有所不同，具体取决于屏幕和单个组中的项目数。

Answer 1

可能有很多方法可以做到这一点。最简单的方法是在数据模板网格中设置列宽。在上面的代码中，将width="*"更改为以下内容：

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="200"></ColumnDefinition>
    <ColumnDefinition Width="50"></ColumnDefinition>
</Grid.ColumnDefinitions>

宽度的总和等于250，这是标准的网格单元格大小。

您可能需要根据实际需要调整这些数字。

Answer 2

我在msdn论坛上得到了一个非常好的解决方案。这是：

首先编写一个转换器来计算Datatemplate中Container的宽度，在我的例子中是网格：

class WidthConverter : IValueConverter
{
    #region IValueConverter Member

    public object Convert(object value, Type targetType, object parameter, string language)
    {
        int x;
        if (parameter != null)
            x = int.Parse(parameter.ToString());
        else
            x = 1;
        if ((int)value % x == 0)
            return (int)value / x * 260 - 5;
        else
            return ((int)value / x + 1) * 260 - 5;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }

    #endregion
}

现在在您网页的资源中声明：

<local:WidthConverter x:Key="WidthConverter"/>

最后使用绑定将其投入使用并计算网格的宽度：

<Grid Width="{Binding Items.Count, Converter={StaticResource WidthConverter}, ConverterParameter=2}">

将转换器参数设置为显示的行数，如果不限制，则取决于屏幕分辨率。

在转换器中替换260，其中包含与您的itemstemplate尺寸和边距匹配的数字。

W8 / XAML GridView - ＆gt;将标题元素对齐到右侧

2 个答案: