Question

如何以每行显示3个图像的方式设计GridView，并且可以向后滚动其他图像？看来这个gridView连续显示图像。

下面我在Gridview中有8个Pic：

1）如何设置GridView以显示图像（每行3张图像）或不指定每行图像数量，其余部分将通过向上滚动来查看？

由于


 < GridView HorizontalAlignment="Left" Margin="30,200,0,0" Grid.Row="1" VerticalAlignment="Top" Width="800" Height="400"  >


//-- pic 1

 < GridViewItem>

   < Grid HorizontalAlignment="Left" Width="200" Height="200">
     < Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">

      < Image  Source="Images/M123.jpg" Tag="name" Tapped="Image_Tapped_1" Stretch="UniformToFill"/>

     < /Border>
     < StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">
     < TextBlock FontSize="30" Text="name" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" 
                       Style="{StaticResource TitleTextStyle}" Height="40" Margin="15,10,15,0"/>
     </StackPanel>

     </Grid>
 </GridViewItem>


//- pic 2 using GridViewItem


//-- pic 3 using GridViewItem


//--- Pic 3 to Pic 8 GridViewItem



 < / GridView>

Answer 1

将网格视图放在滚动查看器中，让网格视图的高度为自动，即将整个内容的高度和网格视图的宽度设置为特定的高度，这样t cqn只需要3个项目

下一步是只启用滚动查看器的垂直滚动属性并禁用水平滚动属性。

我希望这能解决目的。

Answer 2

尝试使用jquery插件 http://gridviewscroll.aspcity.idv.tw/

 function gridviewScroll() { 
    $('#<%=gvMain.ClientID%>').gridviewScroll({ 
        width: 700, 
        height: 330, 
        freezesize: 2, 
        arrowsize: 30, 
        varrowtopimg: "Images/arrowvt.png", 
        varrowbottomimg: "Images/arrowvb.png", 
        harrowleftimg: "Images/arrowhl.png", 
        harrowrightimg: "Images/arrowhr.png", 
        headerrowcount: 2 
    }); 
}

如何设计GridView以滚动显示

2 个答案: