1

如何设计 GridView 以使其每行显示 3 张图像并且可以向上滚动以显示后面的其他图像？似乎这个 gridView 连续显示图像。

下面我在 Gridview 中有 8 张图片：

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

谢谢

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


//-- 图 1

 <网格视图项>

   <网格水平对齐=“左”宽度=“200”高度=“200”>
     <边框背景="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">

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

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

     </网格>
 </GridViewItem>


//- 图 2 使用 GridViewItem


//-- 图 3 使用 GridViewItem


//--- 图 3 到图 8 GridViewItem



 </ GridView>
4

2 回答 2

1

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

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

我希望这能解决目的。

于 2013-09-05T18:32:04.587 回答
0

尝试使用 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 
    }); 
}
于 2013-09-05T08:12:21.110 回答