Update example to show how to do navigation with tabbed pages

08-TabbedNavigation/ReadMe.md

@@ -1,7 +1,10 @@
 # Tabbed Navigation
 
-TODO
+[Tabbed Page Docs](https://prismlibrary.github.io/docs/xamarin-forms/navigation/working-with-tabbedpages.html)
 
-- Show Creating a Tabbed Page with tabs via querystring
-- Show Selecting the visible tab via querystring
-- Show Changing Tabs
+## This example shows the following
+
+- Creating a tab page in xaml and navigating to a tab with the query string
+- Create tabs at runtime with the query string
+- Navigating to a tab via the query string
+- Changing to another tab with the navigation service

08-TabbedNavigation/src/PrismSample.Android/MainApplication.cs

@@ -5,7 +5,7 @@
 namespace PrismSample.Droid
 {
     [Application(
-        Label = "Prism Sample",
+        Label = "Tabbed Navigation",
         Icon = "@mipmap/icon"
         )]
     public class MainApplication : Application

08-TabbedNavigation/src/PrismSample/App.xaml.cs

@@ -27,7 +27,14 @@ protected override async void OnInitialized()
         protected override void RegisterTypes(IContainerRegistry containerRegistry)
         {
             containerRegistry.RegisterForNavigation<NavigationPage>();
+            containerRegistry.RegisterForNavigation<TabbedPage>();
+
             containerRegistry.RegisterForNavigation<MainPage, MainPageViewModel>();
+            containerRegistry.RegisterForNavigation<TabsPage, TabsPageViewModel>();
+
+            containerRegistry.RegisterForNavigation<TabAPage, TabAPageViewModel>();
+            containerRegistry.RegisterForNavigation<TabBPage, TabBPageViewModel>();
+            containerRegistry.RegisterForNavigation<TabCPage, TabCPageViewModel>();
         }
     }
 }

08-TabbedNavigation/src/PrismSample/ViewModels/MainPageViewModel.cs

@@ -1,11 +1,37 @@
-using System;
-using System.Collections.Generic;
-using System.Text;
+using Prism.Commands;
 using Prism.Mvvm;
+using Prism.Navigation;
+using PrismSample.Views;
+using Xamarin.Forms;
 
 namespace PrismSample.ViewModels
 {
     public class MainPageViewModel : BindableBase
     {
+        private readonly INavigationService _navigationService;
+        public DelegateCommand RuntimeTabsCommand { get; }
+        public DelegateCommand TabBCommand { get; }
+
+        public MainPageViewModel(INavigationService navigationService)
+        {
+            _navigationService = navigationService;
+
+            TabBCommand = new DelegateCommand(TabBAction);
+            RuntimeTabsCommand = new DelegateCommand(RuntimeTabsAction);
+        }
+
+        private async void RuntimeTabsAction()
+        {
+            await _navigationService.NavigateAsync("TabbedPage" +
+                                             $"?{KnownNavigationParameters.CreateTab}=TabCPage" +
+                                             $"&{KnownNavigationParameters.CreateTab}=TabBPage" +
+                                             $"&{KnownNavigationParameters.CreateTab}=TabAPage");
+        }
+
+        private async void TabBAction()
+        {
+            await _navigationService.NavigateAsync("TabsPage?selectedTab=TabBPage");
+
+        }
     }
 }

08-TabbedNavigation/src/PrismSample/ViewModels/TabAPageViewModel.cs

@@ -0,0 +1,16 @@
+using Prism.Commands;
+using Prism.Mvvm;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace PrismSample.ViewModels
+{
+    public class TabAPageViewModel : BindableBase
+    {
+        public TabAPageViewModel()
+        {
+
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/ViewModels/TabBPageViewModel.cs

@@ -0,0 +1,16 @@
+using Prism.Commands;
+using Prism.Mvvm;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace PrismSample.ViewModels
+{
+    public class TabBPageViewModel : BindableBase
+    {
+        public TabBPageViewModel()
+        {
+
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/ViewModels/TabCPageViewModel.cs

@@ -0,0 +1,25 @@
+using Prism.Commands;
+using Prism.Mvvm;
+using Prism.Navigation;
+using Prism.Navigation.TabbedPages;
+using PrismSample.Views;
+
+namespace PrismSample.ViewModels
+{
+    public class TabCPageViewModel : BindableBase
+    {
+        private readonly INavigationService _navigationService;
+        public DelegateCommand TabACommand { get; set; }
+
+        public TabCPageViewModel(INavigationService navigationService)
+        {
+            _navigationService = navigationService;
+            TabACommand = new DelegateCommand(TabAAction);
+        }
+
+        private void TabAAction()
+        {
+            _navigationService.SelectTabAsync("TabAPage");
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/ViewModels/TabsPageViewModel.cs

@@ -0,0 +1,16 @@
+using Prism.Commands;
+using Prism.Mvvm;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace PrismSample.ViewModels
+{
+    public class TabsPageViewModel : BindableBase
+    {
+        public TabsPageViewModel()
+        {
+
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/Views/MainPage.xaml

@@ -7,10 +7,11 @@
              Title="Main Page"
              x:Class="PrismSample.Views.MainPage">
 
-    <StackLayout>
-        <Label Text="Welcome to Xamarin.Forms!" 
-           HorizontalOptions="Center"
-           VerticalOptions="CenterAndExpand" />
-    </StackLayout>
+  <StackLayout VerticalOptions="CenterAndExpand">
+
+    <Button Text="Create Tabs At Runtime" Command="{Binding RuntimeTabsAction}"></Button>
+    <Button Text="Go To Tab B" Command="{Binding TabBCommand}"></Button>
+
+  </StackLayout>
 
 </ContentPage>

08-TabbedNavigation/src/PrismSample/Views/TabAPage.xaml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:prism="http://prismlibrary.com"
+             prism:ViewModelLocator.AutowireViewModel="True"
+             x:Class="PrismSample.Views.TabAPage"
+             Title="Tab A">
+
+  <StackLayout>
+    <Label Text="Tab A" HorizontalOptions="CenterAndExpand"></Label>
+  </StackLayout>
+
+</ContentPage>

08-TabbedNavigation/src/PrismSample/Views/TabAPage.xaml.cs

@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace PrismSample.Views
+{
+    public partial class TabAPage : ContentPage
+    {
+        public TabAPage()
+        {
+            InitializeComponent();
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/Views/TabBPage.xaml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:prism="http://prismlibrary.com"
+             prism:ViewModelLocator.AutowireViewModel="True"
+             x:Class="PrismSample.Views.TabBPage"
+             Title="Tab B">
+
+  <StackLayout>
+    <Label Text="Tab B" HorizontalOptions="CenterAndExpand"></Label>
+  </StackLayout>
+
+</ContentPage>

08-TabbedNavigation/src/PrismSample/Views/TabBPage.xaml.cs

@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace PrismSample.Views
+{
+    public partial class TabBPage : ContentPage
+    {
+        public TabBPage()
+        {
+            InitializeComponent();
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/Views/TabCPage.xaml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:prism="http://prismlibrary.com"
+             prism:ViewModelLocator.AutowireViewModel="True"
+             x:Class="PrismSample.Views.TabCPage"
+             Title="Tab C">
+
+  <StackLayout>
+    <Label Text="Tab C" HorizontalOptions="CenterAndExpand"></Label>
+    <Button Text="Go To Tab A" HorizontalOptions="CenterAndExpand" Command="{Binding TabACommand}"></Button>
+  </StackLayout>
+
+</ContentPage>

08-TabbedNavigation/src/PrismSample/Views/TabCPage.xaml.cs

@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace PrismSample.Views
+{
+    public partial class TabCPage : ContentPage
+    {
+        public TabCPage()
+        {
+            InitializeComponent();
+        }
+    }
+}

08-TabbedNavigation/src/PrismSample/Views/TabsPage.xaml

@@ -0,0 +1,15 @@
+<?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:prism="http://prismlibrary.com"
+            xmlns:views="clr-namespace:PrismSample.Views;assembly=PrismSample"
+            prism:ViewModelLocator.AutowireViewModel="True"
+            x:Class="PrismSample.Views.TabsPage">
+
+  <TabbedPage.Children>
+    <views:TabAPage Title="Tab A" />
+    <views:TabBPage Title="Tab B"/>
+    <views:TabCPage Title="Tab C"/>
+  </TabbedPage.Children>
+
+</TabbedPage>

08-TabbedNavigation/src/PrismSample/Views/TabsPage.xaml.cs

@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace PrismSample.Views
+{
+    public partial class TabsPage : TabbedPage
+    {
+        public TabsPage()
+        {
+            InitializeComponent();
+        }
+    }
+}

README.md

@@ -16,7 +16,7 @@ Learn feature by feature how to use Prism in your apps!
 | 5 | [Event Aggregator][5] | How to use the IEventAggregator to raise and listen to events. This shows how to use a simple event with a primitive type payload, generic event with payload <T>, and event with custom EventArgs. It also demonstrated how to subscribe to events published in Xamarin.Forms inside native code. |
 | 6 | [Page Dialog Service][6] | How to use the IPageDialogService to display alerts and action sheets from within your ViewModels. |
 | 7 | [Dialog Service][7] | coming soon |
-| 8 | [Tabbed Navigation][8] | coming soon |
+| 8 | [Tabbed Navigation][8] | How to do navigation with tabbed pages in Prism |
 | 9 | [Master Detail][9] | coming soon |
 | 10 | [Modules][10] | How to use Prism modularization to separate the application logic using IModule, IModuleManager, ModuleCatalog. |
 | 11 | [Module Dependency][11] | coming soon |