2015-04-07 21 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

謝謝。我有更新的問題,它的工作原理,但我看不到圖像。 –