如何在Windows Phone 8中实现选项卡视图

时间:2014-03-25 09:29:04

标签: windows-phone-7 windows-phone-8 tabs android-actionbar

在我的Windows应用程序中,我想实现像android标签视图一样的标签视图。

供参考,请参阅下图。

enter image description here

我应该如何在Windows Phone 7或8中实现它。 我很期待你的回复。

先谢谢。

2 个答案:

答案 0 :(得分:0)

默认情况下,Windows Phone 7 SDK没有TabControl。它是Silverlight中已经提供的一个非常有用的组件,虽然它并不完全遵循Metro风格。 Using the TabControl on Windows Phone 7为您提供了更好的主意。这是在wp7中使用制表符控件的好例子

<ListBox x:Name="lstBoxRss"  SelectionChanged="lstBoxRss_SelectionChanged_1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="0,0,0,5">
                        <TextBlock x:Name="txtblkLink"  Text="{Binding Title}" Foreground="Blue" TextDecorations="Underline" TextWrapping="Wrap" Tap="txtblkLink_Tap" />
                        <TextBlock Text="{Binding PubDate}" Foreground="Red"/>
                        <TextBlock  Text="{Binding Description}" TextWrapping="Wrap" Foreground="Black"/>
                        <Button x:Name="btnOne" Content="ButtonOne" Click="btnOne_Click_1"/>
                        <Button x:Name="btnTwo" Content="Button Two" Click="btnTwo_Click_1"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

//Code behind
 private void lstBoxRss_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
        {
          //Listbox selection change
          // do your work
          if(lstBoxRss.SelectedIndex==-1)
          return;
        }

  private void btnOne_Click_1(object sender, RoutedEventArgs e)
        {
           //First button click 
           //Do your work
        }

        private void btnTwo_Click_1(object sender, RoutedEventArgs e)
        {
          //button  two click 
          //Do your work
         }

答案 1 :(得分:0)

Windows Phone SDK 8中没有TabControl。最接近的等效项是Pivot控件。您可以在数据透视表顶部放置一行可单击的文本或图标,使其像标签栏一样运行。

http://social.msdn.microsoft.com/Forums/en-US/wpdevelop/thread/1baf74fa-0ddd-4226-a02d-a7fc9f80374d

使用Pivot控件而不是WindowsPhone的TabControl。 Pivot控件遵循手机的设计指南,外观和感觉更好。 对于Windows phone 7,请访问此链接:

http://developer.nokia.com/community/wiki/Tab_Control_in_Qt_and_Windows_Phone