【问题标题】:UWP - add a header row to to my gridviewUWP - 向我的网格视图添加标题行
【发布时间】:2018-11-08 01:18:36
【问题描述】:

我对通用 Windows 平台应用程序非常陌生,我正在努力用 XAML 设计表单/页面。
我设法创建了一个 GridView,它绑定到一个包含数据的类,这一切都很好,但我不知道如何将标题添加到我的列中。

在添加绑定数据行之前,是否需要在顶部添加一行?

任何帮助都会很棒。

XAML 代码:

    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="100" />
    </Grid.RowDefinitions>
    <GridView ItemsSource="{x:Bind data}" IsItemClickEnabled="True">
        <GridView.ItemTemplate>
            <DataTemplate x:DataType="local:DataStructure">

                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                            <TextBlock FontSize="18" Text="{x:Bind ItemNumber}" HorizontalAlignment="Right" Margin="0,0,20,0" ></TextBlock>
                            <TextBlock FontSize="18" Text="{x:Bind ItemDetails}" HorizontalAlignment="Right"></TextBlock>
                            <CheckBox IsChecked="{x:Bind YesNo}"></CheckBox>
                            <CheckBox IsChecked="{x:Bind NotApplicable}"></CheckBox>
                        </StackPanel>

            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>
    <TextBlock Grid.Row="1" Name="ResultTextBlock" FontSize="24" Foreground="Red" FontWeight="Bold" />
</Grid>

【问题讨论】:

    标签: c# xaml layout uwp uwp-xaml


    【解决方案1】:

    您是否尝试在 Header 属性中添加 Grid?

    <GridView>
            <GridView.Header>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="Header 1" Grid.Column="0"/>
                    <TextBlock Text="Header 2" Grid.Column="1"/>
                </Grid>
            </GridView.Header>
            <GridView.Items>
                <GridViewItem>
                    <TextBlock Text="Item 1"/>
                </GridViewItem>
                <GridViewItem>
                    <TextBlock Text="Item 2"/>
                </GridViewItem>
            </GridView.Items>
        </GridView>
    

    当然,您需要做一些工作来将列标题与项目对齐,但这可能是一种方法。查看documentation 以了解其他有用的属性,例如HeaderTemplate

    【讨论】:

    • 我试了一下,但我认为我的语法不太正确。我会试试你的代码。谢谢。
    • 完美!这正是我所追求的。在 gridview 项目上方添加 是解决方案。
    猜你喜欢
    • 2019-06-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-07
    • 2016-05-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多