TabPage.Items Property

Gets or sets the list of tab items the TabPage displays.

Namespace: DevExpress.XamarinForms.Navigation

Assembly: DevExpress.XamarinForms.Navigation.dll

Declaration

public IList<TabPageItem> Items { get; }

Property Value

Type	Description
IList<TabPageItem>	The list of tab items the TabPage displays.

Example

This example demonstrates how to use the Items property to manually populate a TabPage instance with the following tab items:

1. Calendar - Contains a ContentPage instance.
2. Mail - Contains a NavigationPage instance with the InboxPage and SentItemsPage content pages added to the navigation stack.

MainPage.xaml

<dxn:TabPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:local="clr-namespace:TabPageExample"
         xmlns:dxn="clr-namespace:DevExpress.XamarinForms.Navigation;assembly=DevExpress.XamarinForms.Navigation"
         x:Class="TabPageExample.MainPage"
         HeaderPanelHeight="72"
         HeaderPanelPosition="Bottom">
    <dxn:TabPageItem>
        <dxn:TabPageItem.Content>
            <ContentPage Title="Calendar" Icon="ic_calendar.png">
                <Label Text="Calendar Here" 
                       HorizontalOptions="Center" 
                       VerticalOptions="CenterAndExpand"/>
            </ContentPage>
        </dxn:TabPageItem.Content>
    </dxn:TabPageItem>
    <dxn:TabPageItem>
        <dxn:TabPageItem.Content>
            <NavigationPage Title="Mail" Icon="ic_mail.png">
                <x:Arguments>
                    <local:InboxPage/>
                </x:Arguments>
            </NavigationPage>
        </dxn:TabPageItem.Content>
    </dxn:TabPageItem>
</dxn:TabPage>

InboxPage.xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TabPageExample.InboxPage"
             Title="Inbox">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Inbox Here" 
                   HorizontalOptions="Center" 
                   VerticalOptions="CenterAndExpand"/>
            <Button Text="Sent Items" Clicked="Button_Clicked"></Button>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

InboxPage.xaml.cs

using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace TabPageExample {
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class InboxPage : ContentPage
    {
        public InboxPage ()
        {
            InitializeComponent ();
        }

        private void Button_Clicked(object sender, EventArgs e) {
            Navigation.PushAsync(new SentItemsPage());
        }
    }
}

SentItemsPage.xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TabPageExample.SentItemsPage"
             Title="Sent Items">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Sent Items Here"
                VerticalOptions="CenterAndExpand" 
                HorizontalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

The Calendar Page

The Inbox Page

The Sent Items Page