在 Windows Phone 8.1 中使用滑动处理程序滑动图像

Question

我在 Adobe PhotoShop 中创建了一些图像，以向用户介绍 C# 中的 WP 8.1 应用程序。我想显示和介绍页面，只有当用户的设置为空时（对于我的情况来说这是一个非常简单但很好的布尔条件）。

所以当用户第一次打开应用时，会打开第一张图片，如果用户向左滑动，第二张就会出现，如果向右滑动，应该什么也不会发生，因为图片 -1 不存在：

public int getPage (int newPage)
{
    if (0 <= newPage <= N_IMAGES) {
        return newPage;
    }
    if (newPage < 0) {
        return 0;
    } else {
        return N_IMAGES;
    }
}

我的图像被命名为：intro1.png、intro2.png、intro3.png 和 intro4.png。所以总结一下：打开应用程序，第一个介绍，向左滑动，第二个介绍....

如何在 WP 8.1 中制作这个介绍？所以简介就像幻灯片放映一样，滑动时图像会发生变化 left/right.
对于最后一张图片，是否可以在上面添加一些按钮，不显示，但可以点击？

预先感谢您的帮助。

更新 x2（作品）

你好，我终于让它起作用了；问题是由于图像必须以特定方式添加，而不仅仅是复制和过去。

<Grid Name="introgrid">
    <FlipView x:Name="flipView1" SelectionChanged="FlipView_SelectionChanged">

        <FlipViewItem Name="first" Width="395">
            <FlipViewItem.Background>
                <ImageBrush ImageSource="Assets/intro1.png"/>
            </FlipViewItem.Background>

        </FlipViewItem>
        <FlipViewItem Name="second" Width="395">
            <FlipViewItem.Background>
                <ImageBrush ImageSource="Assets/intro2.png"/>
            </FlipViewItem.Background>
        </FlipViewItem>

        <FlipViewItem Name="third">
            <FlipViewItem.Background>
                <ImageBrush ImageSource="Assets/intro3.png"/>
            </FlipViewItem.Background>
        </FlipViewItem>
        <FlipViewItem Name="final" Width="395">
            <FlipViewItem.Background>
                <ImageBrush ImageSource="Assets/3.jpg"/>
            </FlipViewItem.Background>
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top">
                <Image Source="Assets/Face.png" Width="180" />
                <TextBlock Text="Se hai già le credenziali:" FontSize="25" Margin="0,15,0,0" HorizontalAlignment="Center"/>
                <Button x:Name="login" Content="Accedi" HorizontalAlignment="Center" Margin="0,15,0,0" FontSize="22" Background="#FF0DACE9" Click="login_action" />
                <TextBlock Text="Se non ti sei ancora registrato:" FontSize="25" Margin="0,15,0,0" HorizontalAlignment="Center"/>
                <Button x:Name="register" Content="Registrati" HorizontalAlignment="Center" Margin="0,15,0,0" FontSize="22" Background="#FF0DACE9" Click="register_action" />
                <TextBlock Text="Hai qualche domanda ?" FontSize="25" Margin="0,15,0,0" HorizontalAlignment="Center"/>
                <Button x:Name="info" Content="Sito web" HorizontalAlignment="Center" Margin="0,15,0,0" FontSize="22" Background="#FF0DACE9" Foreground="White" Click="info_action" />
            </StackPanel>




        </FlipViewItem>
    </FlipView>
</Grid>

Answer 1

FlipView 控件可能就是您所需要的。

您可以在应用程序本地存储中进行设置，该设置会在显示此视图时告诉您，如果设置存在则在下次加载时不显示它。

有关 FlipView 的更多信息 https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh781233.aspx

在 Windows Phone 8.1 中使用滑动处理程序滑动图像

Slide image with swipe handler in Windows Phone 8.1

c#

windows-phone-8.1