頁面上的Tabbar - Metro App

Question

我想在頁面上創建一個tabbar;標籤欄由2個或更多按鈕組成，它們在同一頁面上加載不同的內容（表格或表格）。 我該怎麼做到這一點？ 謝謝。

我已經從Microsoft Windows商店應用程序開發部分下載了一些項目示例;其中一些有一個simil tabbar解決方案。我正在研究代碼，但我希望在示例或文檔方面有一些替代方案。

Answer 1

我認爲這個解決方案是合理的：http://blog.davemdavis.net/2012/10/03/simulating-a-tab-control-in-a-windows-8-application/您可能需要調整它。但他爲你做了很多工作。

如果是我，我會做更多的東西是這樣的：

<Grid Width="400" Height="500"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="100" /> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 
    <Rectangle Grid.Column="0" Fill="SteelBlue" /> 
    <ListBox x:Name="ItemList" Margin="0,50,0,0" 
       xmlns:sys="clr-namespace:System;assembly=mscorlib"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <TextBlock Text="{Binding}" Margin="10" /> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
     <sys:String>One</sys:String> 
     <sys:String>Two</sys:String> 
     <sys:String>Three</sys:String> 
     <sys:String>Four</sys:String> 
     <sys:String>Five</sys:String> 
    </ListBox> 
    <!-- http://msdn.microsoft.com/en-us/library/ms742554(v=vs.85).aspx --> 
    <Rectangle Grid.Column="1" Fill="LightSteelBlue" x:Name="RightArea" /> 
    <ContentControl Content="{Binding SelectedItem, ElementName=ItemList}" 
      Style="{StaticResource ContentControlStyle2}" Grid.Column="1"> 
     <ContentControl.ContentTemplate> 
      <DataTemplate> 
       <Grid Width="300" Height="500"> 
        <TextBlock Text="{Binding}" Margin="40" 
         FontSize="50" Foreground="Black" /> 
       </Grid> 
      </DataTemplate> 
     </ContentControl.ContentTemplate> 
    </ContentControl> 
</Grid> 

這將是這個樣子：

祝你好運！