我目前正在为Windows Phone的时尚商店应用程序开发项目。对于目录,我需要创建一个图像库,如果您垂直滚动,您会看到与同一产品相关的图像,如果您向侧面滚动,您将看到下一个/上一个产品。
我开始创建一个3x3图像的小概念库。一列是飞机,第二列是坦克和第三艘战舰。我使用了1个水平FlipView,它有3个垂直的FlipViews作为它的项目。
以下是XAML代码:
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<FlipView x:Name="flipBase">
<FlipView x:Name="a">
<FlipView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Vertical" />
</ItemsPanelTemplate>
</FlipView.ItemsPanel>
</FlipView>
<FlipView x:Name="b">
<FlipView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Vertical" />
</ItemsPanelTemplate>
</FlipView.ItemsPanel>
</FlipView>
<FlipView x:Name="c">
<FlipView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Vertical" />
</ItemsPanelTemplate>
</FlipView.ItemsPanel>
</FlipView>
</FlipView>
</Grid>
这是C#代码: 公共密封部分类主页:页面 { 公共MainPage() { this.InitializeComponent();
//PRIMEIRA COLUMNA
Image foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/plane/plane_spitfire.jpg"));
a.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/plane/plane_stuka.jpg"));
a.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/plane/plane_yak9.jpg"));
a.Items.Add(foto);
//SEGUNDA COLUMNA
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/tank/tank_IS.jpg"));
b.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/tank/tank_Patton.jpg"));
b.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/tank/tank_Tiger.jpg"));
b.Items.Add(foto);
//TERCEIRA COLUMNA
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/destroyer/destroyer_german.jpg"));
c.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/destroyer/destroyer_russian.jpg"));
c.Items.Add(foto);
foto = new Image();
foto.Source = new BitmapImage(new Uri("ms-appx:///Assets/destroyer/destroyer_usa.jpg"));
c.Items.Add(foto);
}
}
我有两个主要问题: - 有更好的方法吗? (允许我动态添加列和项目的一个) - 如何在检测到垂直移动时限制水平移动,反之亦然(防止斜向移动)?
这是我在这里的第一篇文章。非常感谢您的回答!