Xaml GridView水平滚动(UWP)
我正在开发一个UWP应用程序,我希望我的GridView能够以水平模式而不是默认的垂直模式滚动。我有什么办法可以做吗 这是我的密码:Xaml GridView水平滚动(UWP),xaml,gridview,uwp,horizontal-scrolling,Xaml,Gridview,Uwp,Horizontal Scrolling,我正在开发一个UWP应用程序,我希望我的GridView能够以水平模式而不是默认的垂直模式滚动。我有什么办法可以做吗 这是我的密码: <GridView x:Name="HostListView" Grid.Row="2" Height="150" Margin="310,0,0,0" ItemsSource="{Binding FilteredHosts}" SelectedItem="{Binding SelectedHost, Mode=TwoWa
<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>
这很简单,只需告诉
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>