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

时间:2015-04-07 09:47:14

标签: c# windows-phone-8.1

我在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。 所以总结一下:打开应用程序,第一个介绍,向左滑动,第二个介绍......

  1. 如何在WP 8.1中进行此介绍? 因此,介绍就像幻灯片放映一样,左/右滑动后图像会发生变化。

  2. 对于最后的图片,是否可以添加,一些按钮,不显示,但可点击?

  3. 提前感谢您的帮助。

    更新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>
    

1 个答案:

答案 0 :(得分:3)

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

您可以在应用本地存储中设置一个设置,告诉您何时显示此视图,如果设置存在,则在下次加载时不显示该设置。

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