如何使一个列表视图水平在Windows Phone 8.1 RT

本文关键字：Phone Windows RT 水平 何使一 列表 视图 | 更新日期: 2023-09-27 18:06:05

我正在尝试创建一个listview水平，但我的代码不工作。有人知道我做错了什么吗?

我用这段代码做listview水平，但不工作。

 <Canvas Height="100" VerticalAlignment="Top" x:Name="UxCanLayoutList" Background="#DDD">
        <ListView x:Name="UxLstFotos"
                 ScrollViewer.HorizontalScrollMode="Enabled"
                 ScrollViewer.VerticalScrollMode="Disabled"
                   ScrollViewer.HorizontalScrollBarVisibility="Visible"
                 ScrollViewer.VerticalScrollBarVisibility="Disabled"
                 Width="400"
                 Height="100"
                  >
            <ListView.ItemTemplate>
                <DataTemplate>
                        <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <StackPanel Grid.Column="0" Height="100">
                            <Image  Source="{Binding Foto}" Height="70" Width="70"></Image>
                            <TextBlock Text="foto tirada" FontSize="10" Foreground="#000"></TextBlock>
                        </StackPanel>
                        </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>

        </ListView>
    </Canvas>

如何使一个列表视图水平在Windows Phone 8.1 RT

试试这个gridview

   <GridView x:Name="grdSelectShape" ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.HorizontalScrollBarVisibility="Visible" ScrollViewer.IsHorizontalRailEnabled="True" SelectionChanged="grdSelectShape_SelectionChanged"  >
                                <GridView.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <VirtualizingStackPanel Orientation="Horizontal" />
                                    </ItemsPanelTemplate>
                                </GridView.ItemsPanel>

                                <GridView.ItemTemplate>
                                    <DataTemplate>
                                            <Image Margin="5" Stretch="None"   Source="{Binding}" />
                                    </DataTemplate>
                                </GridView.ItemTemplate>
                            </GridView>

试试GridView。看看这个问题，作为指导。

我相信gridview比listview允许更细粒度的显示控制。

我也很纠结!我在我的github上创建了一个项目，并在过去的博客中介绍了它:http://depblog.weblogs.us/2015/03/25/show-items-scrolling-horizontally-with-listview-in-winrt/https://github.com/Depechie/HorizontalScrollListView

简而言之:你需要改变列表视图的ItemsPanelTemplate和调整ScrollViewer…

相关文章：