Question

我使用网格视图列表来绑定数据，但是如何在我的gridview列表中找到最左边和最右边的箭头符号，这些符号在下面的图像中突出显示...请帮助我..

Answer 1

我相信你可以使用水平方向的堆叠面板。

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

Answer 2

你可以使用这样的......

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;
        }
    }

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

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

2 个答案: