代码之家  ›  专栏  ›  技术社区  ›  Paul Alexander

UWP-向我的网格视图添加标题行

  •  1
  • Paul Alexander  · 技术社区  · 7 年前

    我对通用的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>
    
    1 回复  |  直到 7 年前
        1
  •  2
  •   user2297037    7 年前

    是否尝试在Header属性中添加网格?

    <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 .

    推荐文章