Xamarin C＃-正在使用导航页或TabbedPage中的ListView

Question

image

请参考上图。这是一个带有4个标签页的TabbedPage。我可以知道我们如何执行此操作。当用户单击列表时，它将导航到新页面（位于选项卡式页面之外）。然后，单击“后退”按钮，它可以返回到TabbedPage。  是使用ListView还是导航页面？ 请指教。谢谢。

Answer 1

1。创建一个选项卡式页面并将其设置为应用程序的主页面。

  

在App.xaml.cs

中

public App()
{
   InitializeComponent();

   MainPage = new NavigationPage(new MyTabbedPage());
}

2。将contentPage放入包含列表视图的选项卡式页面中。

例如，我将列表视图放在MainPage中。

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:local="clr-namespace:App8"
         x:Class="App8.MyTabbedPage">
<!--Pages can be added as references or inline-->
  <ContentPage Title="Tab 1" Icon="xxx.png"/> //set the title and icon of toolbar item
  <local:MainPage Title="Tab 1" Icon="xxx.png"/>
  <ContentPage Title="Tab 1" Icon="xxx.png"/>
</TabbedPage>

  

在MainPage.xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:local="clr-namespace:App8"
         x:Class="App8.MainPage">

<ListView  x:Name="listView" ItemTapped="ListView_ItemTapped" >
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell Height="30">
               ...
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

</ContentPage>

3。单击列表视图项时，导航到包含其他列表视图的新contentPage

  

在MainPage.xaml.cs

private void ListView_ItemTapped(object sender, ItemTappedEventArgs e)
{
  Navigation.PushAsync(new xxxContentPage(),true);
}