2012-07-21 51 views
0

我想打也有類似的功能,這樣的WinRT的Metro應用:在地鐵應用程序的頂部放置一個tabbar?

http://learn.knockoutjs.com/WebmailExampleStandalone.html#Inbox

如何鏈接到每個應用程序的各個頁面的標籤欄放入一個地鐵風格的應用程序嗎?你會使用AppBar嗎?在頂部還是左側?你會爲每個頁面使用單選按鈕嗎?你會用FlipView來改變頁面嗎?這種類型的地鐵應用有哪些例子?

+0

爲什麼Google將「winrt」翻譯成「冬天」? – Brannon 2012-07-21 18:05:38

+3

因爲這不是一個詞,而且最接近的詞(每個翻譯者)都是冬天。 :-) – davidcesarino 2012-07-21 18:17:35

回答

0

在這種特殊情況下,只需用較少的鉻(漸變/陰影)就可以做同樣的事情。這些按鈕可以是帶有Style =「{StaticResource TextRadioButtonStyle}」的RadioButton。選項卡只會更改篩選器 - 基於選定的選項卡,視圖模型將爲列表提供不同的ItemsSource。

1

如果您的目標是讓您的應用程序進入Windows 8商店(當然是!),我建議您深入瞭解Metro UX指南。導航指南記錄在here。它記錄了幾種導航模式。

如果您確實選擇使用AppBar作爲導航控件,則可以使用此代碼段將AppBar固定到您的XAML/C#應用程序的頂部。由於IsOpen設置爲true,所以AppBar將在顯示頁面時打開並使用IsSticky保持打開狀態。

<Page.TopAppBar> 
    <AppBar x:Name="SampleNavBar" IsOpen="True" IsSticky="True"> 
     [PUT YOUR NAV CONTROLS HERE]    
    </AppBar> 
</Page.TopAppBar> 

對於接近您要查找的示例,請使用Windows 8附帶的天氣應用程序並轉到位置屏幕。點擊右鍵或滑動即可調出應用欄。該應用程序同時顯示頂部AppBar和底部AppBar。頂部的AppBar是一個導航欄。

+0

感謝您的示例建議。 – Brannon 2012-08-03 22:14:56

相關問題