GridView Horizontal Scroll (UWP)

Question

UWP 응용 프로그램을 개발 중이고 GridView를 기본 세로 모드 대신 가로 모드로 스크롤하려고합니다. 내가 할 수있는 방법이 있니?

<GridView x:Name="HostListView" Grid.Row="2" Height="150" Margin="310,0,0,0" 
        ItemsSource="{Binding FilteredHosts}" SelectedItem="{Binding SelectedHost, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" 
        SelectionChanged="HostListView_SelectionChanged" IsSwipeEnabled="False"> 
    <GridView.ItemTemplate> 
     <DataTemplate > 
      <StackPanel Margin="8" Width="220"> 
       <TextBlock Text="{Binding Name}" Style="{StaticResource TitleTextBlockStyle}" 
          FontSize="15" TextWrapping="NoWrap" 
          MaxHeight="40" Foreground="White"/> 
       <TextBlock Text="{Binding Designation}" Style="{StaticResource CaptionTextBlockStyle}" 
          TextWrapping="NoWrap" Foreground="White"/> 
      </StackPanel> 
     </DataTemplate> 
    </GridView.ItemTemplate> 
</GridView> 

Answer 1

이 매우 간단합니다, 단순히 대신 수직의 수평 스크롤을 사용하도록 GridView 알려주기 :

여기 내 코드입니다. 이렇게하면 수평 스크롤 부분이 활성화됩니다.

다음 단계는 항목 4가 화면을 벗어나는 것을 원치 않으면 서 두 번째 행의 항목 20이 보이기 때문에 항목의 순서가 올바른지 확인하는 것이 가장 가능성이 높습니다. 수직으로 쌓아 라. ItemsWrapGrid의 Orientation 속성을 변경하여이 작업을 수행 할 수 있습니다.

<GridView ... 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      ScrollViewer.HorizontalScrollMode="Auto" 
      ScrollViewer.VerticalScrollBarVisibility="Disabled" 
      ScrollViewer.VerticalScrollMode="Disabled"> 
    <GridView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <ItemsWrapGrid Orientation="Vertical" /> 
     </ItemsPanelTemplate> 
    </GridView.ItemsPanel> 
    <GridView.ItemTemplate> 
     ... 
    </GridView.ItemTemplate> 
</GridView> 

더 많은 정보

는 나뿐만 아니라 수평 스크롤로 변경 내 SemanticZoom blog post에서 찾을 수 있습니다.