2015-04-07 48 views
0

我在Adobe PhotoShop中创建了一些图像,将用户引入WP 8.1中的应用程序。只有当用户的设置为空时(我的情况这是一个非常简单但是很好的布尔条件),我想要显示和介绍页面。使用Windows Phone 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. 对于最后的图像,可以添加它,一些按钮,不显示,但可点击?

非常感谢您的帮助。

UPDATE 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> 

+0

更多信息,你可以格式化某种程度上你的问题? – Romasz

+0

我只想为第一次打开应用程序的用户介绍一下。它将像Dropbox一样,但我已经在PhotoShop中创建了这些图像,所以它会像幻灯片一样。 –

+0

我只问你是否可以编辑你的问题,以便它更具可读性。至于答案 - 松散的思维 - 我会尝试从屏幕上放下一些图片,并使用动画将它们滑动到屏幕的可见部分。 – Romasz

回答

3

的FlipView控制也可能是你所需要的。

您可以在应用程序本地存储中设置一个设置,该设置将告诉您该视图何时显示,如果该设置存在,则下一个负载不会显示该设置。在FlipView https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh781233.aspx

+0

这是一个很好的解决方案!你认为是否可以在背景上添加一些按钮,只需点击? –

+0

当然,你可以使用FlipView.ItemTemplate。 – H77

+0

谢谢。我有更新的问题,它的工作原理,但我看不到图像。 –