在C#

时间:2015-04-29 12:26:48

标签: c# windows-store-apps windows-phone-8.1 flipview

我目前正在为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);

    }
}

我有两个主要问题:   - 有更好的方法吗? (允许我动态添加列和项目的一个) - 如何在检测到垂直移动时限制水平移动,反之亦然(防止斜向移动)?

这是我在这里的第一篇文章。非常感谢您的回答!

0 个答案:

没有答案