gridview - 如何在 Windows 通用应用程序开发中向网格列表/列表视图显示最左和最右箭头符号

Question

我使用网格视图列表来绑定数据，但是我怎样才能为我的网格视图列表获取最左边和最右边的箭头符号，这些符号在下图中突出显示..请帮助我..

Answer 1

你可以使用一些像这样的东西......

XAML

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

<ScrollViewer Grid.Column="1" ViewChanged="ScrollViewer_ViewChanged">
    <ListView>
            <!-- Your ListView Content Here ... -->
    </ListView>
</ScrollViewer>

<Grid x:Name="downArrow" Grid.Column="1" Grid.ColumnSpan="2"  Background="White" Height="40" Width="60" Margin="2,5" VerticalAlignment="Center" HorizontalAlignment="Right" Visibility="Collapsed" >
     <Grid Background="{StaticResource CustomeHoverBlueThemeBrush}" Opacity="1"/>
     <Path Width="20" Height="20" Stretch="Fill" Fill="{StaticResource WhiteThemeBrush}" 
        Data="F1 M 39.8307,37.6042L 36.6641,34.4375L 25.1849,23.3542L 35.4766,23.3542L 50.5182,37.6042L 35.4766,51.8542L 25.1849,51.8542L 36.6641,40.7708L 39.8307,37.6042 Z "/>
</Grid>
<Grid x:Name="upArrow" Grid.Column="0" Grid.ColumnSpan="2" Background="White" Height="40" Width="60" Margin="2,5" VerticalAlignment="Center" HorizontalAlignment="Left" Visibility="Collapsed" >
    <Grid Background="{StaticResource CustomeHoverBlueThemeBrush}" Opacity="1"/>
    <Path Width="20" Height="20" Stretch="Fill" Fill="{StaticResource WhiteThemeBrush}"
        Data="F1 M 35.8724,37.6042L 39.0391,40.7708L 50.5182,51.8542L 40.2266,51.8542L 25.1849,37.6041L 40.2266,23.3542L 50.5182,23.3542L 39.0391,34.4375L 35.8724,37.6042 Z "/>
</Grid>

C＃

private void ScrollViewer_ViewChanged(object sender, ScrollViewerViewChangedEventArgs e)
    {
        if (MainCatagoryScrollViewer.ExtentWidth > MainCatagoryScrollViewer.ScrollableWidth)
        {
            upArrow.Visibility = Visibility.Visible;
            //upArrowImg.Visibility = Visibility.Visible;
        }

        if (MainCatagoryScrollViewer.ScrollableWidth == MainCatagoryScrollViewer.HorizontalOffset)
        {
            upArrow.Visibility = Visibility.Visible;
            downArrow.Visibility = Visibility.Collapsed;
        }

        if (MainCatagoryScrollViewer.HorizontalOffset == 0.0)
        {
            upArrow.Visibility = Visibility.Collapsed;
            downArrow.Visibility = Visibility.Visible;
        }

        if (MainCatagoryScrollViewer.HorizontalOffset < MainCatagoryScrollViewer.ScrollableWidth)
        {
            downArrow.Visibility = Visibility.Visible;
        }
    }

或者您也可以定义网格的点击事件并更改滚动索引...

Answer 2

我相信您可以使用水平方向的堆栈面板..

<Grid>
    <Stackpanel Orientation="Horizontal">
        <YourLeftButton></YourLeftButton>
        <YourMiddleContent></YourMiddleContent>
        <YourRightButton></YourRightButton>
    </Stackpanel>
</Grid>