2016-04-22 46 views
0

我創建一個UWP應用程序,並在我的應用我想結構喜歡默認的郵件應用程序,那裏是具有所有郵件上郵寄名單,當用戶點擊一個列表視圖的有效途徑打開它的右側。使用RelativePanel爲UWP應用

我讀到RelativePanel並試圖利用在我的應用程序,它工作得很好,現在,下面是我使用的XAML:

<RelativePanel Grid.Row="1"> 

     <Frame x:Name="listFrame" 
       Width="600" 
       Height="500"/> 

     <Frame x:Name="contentFrame" 
       RelativePanel.RightOf="listFrame" 
       Width="600" 
       Height="500" /> 


    </RelativePanel> 

對於平板/ PC它工作得很好,當我在移動視圖中打開它可以通過將contentFrame置於底部來自動調整,但我擔心的是應該將它用於移動視圖嗎?因爲保持contentFrame是賺不到意義,因爲用戶不應該能夠在移動視圖中查看內容,我用戶應該點擊任何項目,並不僅僅是內容視圖變得可見和ListView意志得到崩潰,類似郵件應用程序。

我不知道去哪個方向,我需要爲PC和移動或創建不同的UI有東西在,我可以使用的SDK出爐的?

我是新來UWP所以不知道多少的選項,我可以去。

回答

0

你正在尋找的是所謂的「主從」。

有針對在Windows的通用樣本的git回購樣品 - >Master/Detail sample

下載的樣本,運行它,看看到代碼。我認爲這是一個很好的起點。

+0

非常感謝。這就是我一直在尋找的。 –

+0

任何關於如何讓Appbar與郵件應用程序相同的幫助,在PC MasterPage列表中沒有應用程序欄和DetailPage在頂部,而在移動設備上都有appbar在底部時,我是否應該使用自適應觸發器並使可見性基於設備類型? –

1

有很多選擇來處理多設備多的觀點。

  • 爲每個設備系列創建差異視圖(XAML文件)。當你的xaml在不同設備系列之間發生巨大的變化時使用它

  • 使用自適應觸發改變的可視性或重新流XAML中,用它來與x:DeferLoadStrategy="Lazy"有更好的表現,因爲元素不會被初始化,直到你從觸發

  • 改變可視性檢查設備家族後面的代碼並作出相應反應