如何在Windows Phone 8.1 RT中使列表视图水平?

时间:2015-08-01 18:47:05

标签: c# xaml windows-phone-8.1

我正在尝试创建一个水平列表视图,但我的代码无效。有人知道我做错了什么吗?

我使用此代码水平进行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>

3 个答案:

答案 0 :(得分:1)

试试这个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>

答案 1 :(得分:0)

尝试使用GridView。请查看this question以获取指导。

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

答案 2 :(得分:0)

我也在努力奋斗! 我在我的github上创建了一个项目并在过去写过博客:http://depblog.weblogs.us/2015/03/25/show-items-scrolling-horizontally-with-listview-in-winrt/ https://github.com/Depechie/HorizontalScrollListView

简而言之:您需要更改listview的ItemsPanelTemplate并调整ScrollViewer ...