左矢印と右矢印のシンボルをWindowsのグリッドリスト/リストビューに表示する方法ユニバーサルアプリケーション開発

Question

データをバインドするためにグリッドビューリストを使用しましたが、グリッドビューリストの最も右と左の矢印シンボルが強調表示されます以下に私を助けimage..please ..私はあなたが水平方向とのStackPanelを使用することができると信じて

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

かも...