c# - ページ上のタブバー-MetroApp

Question

ページにタブバーを作成したい。タブバーは、同じページに異なるコンテンツ（フォームまたはテーブル）をロードする2つ以上のボタンで構成されています。どうすればそれを達成できますか？ありがとうございました。

MicrosoftWindowsストアアプリの開発セクションからいくつかのプロジェクトの例をダウンロードしました。それらのいくつかは、直喩のタブバーソリューションを持っています。私はコードを研究していますが、例やドキュメントの観点からいくつかの代替案があります。

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>

それは次のようになります。

幸運を！