微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

垂直滚动gridview XAML windows store应用程序

如何在Windows Store应用程序xaml中编辑GRIDVIEW,以便我们可以使其垂直滚动而不是水平。 我正在使用XAML应该手动使用滚动视图做一个新的用户元素,或者有什么简单的方法来实现与Windows商店应用程序。

<GridView HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ItemsSource="{Binding imagelist}"> <GridView.Resources> <DataTemplate x:Key="DataTemplate1"> <Grid Width="250" Height="250" Tapped="Grid_Tapped"> <Image Source="{Binding imsourceurl}"/> </Grid> </DataTemplate> </GridView.Resources> <GridView.ItemTemplate> <StaticResource ResourceKey="DataTemplate1"/> </GridView.ItemTemplate> </GridView>

WCF应用程序无法打开频道

更新一个DLL而不停止服务

如何设置客户端时区等于服务器时区窗口应用程序.Net C#

什么是构buildWindows Phone 7应用程序要连接的服务的最佳可伸缩体系结构?

loopState.Break(),loopState.Stop()和CancellationTokenSource.Cancel()之间有什么区别?

解决了创建自定义网格视图模板

public class AdaptableGridView : GridView { // default itemWidth private const double itemWidth = 100.00; public double ItemWidth { get { return (double)GetValue(ItemWidthProperty); } set { SetValue(ItemWidthProperty,value); } } public static readonly DependencyProperty ItemWidthProperty = DependencyProperty.Register("ItemWidth",typeof(double),typeof(AdaptableGridView),new PropertyMetadata(itemWidth)); // default max number of rows or columns private const int maxRowsOrColumns = 3; public int MaxRowsOrColumns { get { return (int)GetValue(MaxRowColProperty); } set { SetValue(MaxRowColProperty,value); } } public static readonly DependencyProperty MaxRowColProperty = DependencyProperty.Register("MaxRowsOrColumns",typeof(int),new PropertyMetadata(maxRowsOrColumns)); public AdaptableGridView() { this.SizeChanged += MyGridViewSizeChanged; } private void MyGridViewSizeChanged(object sender,SizeChangedEventArgs e) { // Calculate the proper max rows or columns based on new size this.MaxRowsOrColumns = this.ItemWidth > 0 ? Convert.ToInt32(Math.Floor(e.NewSize.Width / this.ItemWidth)) : maxRowsOrColumns; } }

XAML:

<local:AdaptableGridView ItemWidth="250" x:Name="tumbview" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" ItemsSource="{Binding imagelist}" SelectionChanged="GridView_SelectionChanged" Margin="50,0" > <GridView.ItemsPanel> <ItemsPanelTemplate> <VariableSizedWrapGrid Orientation="Horizontal" ItemWidth="{Binding ElementName=tumbview,Path=ItemWidth}" MaximumRowsOrColumns="{Binding ElementName=tumbview,Path=MaxRowsOrColumns}"/> </ItemsPanelTemplate> </GridView.ItemsPanel>

很好的教程: 自定义网格视图教程

我发现最简单的方法就是使用ListView并将项目设置为一个包裹网格。

这对我有

<ListView Width="1300" Height="1000" Margin="20,20,0"> <ListView.ItemsPanel> <ItemsPanelTemplate> <WrapGrid MaximumRowsOrColumns="3" Orientation="Horizontal" /> </ItemsPanelTemplate> </ListView.ItemsPanel> </ListView>

查看http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.wrapgrid.aspx

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐