Back to all docs
API Reference / Telerik.Maui.Controls / RadTabView

Class
RadTabView

The RadTabView is a flexible navigation control that allows you to build tabbed interfaces. The individual tabs of the control are described as a collection of TabViewItems. Each TabViewItem has its own header and an associated content displayed on selection.

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:
cs-api-definition
public class RadTabView : TabViewContentBase, IRadContentView, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout

Inheritance: objectRadContentViewTabViewContentBaseRadTabView

Implements: IContentViewICrossPlatformLayoutIElementIPaddingIRadContentViewITransformIView

Inherited Members TabViewContentBase.BackgroundColorPropertyTabViewContentBase.BorderColorPropertyTabViewContentBase.BorderThicknessPropertyTabViewContentBase.CornerRadiusPropertyTabViewContentBase.ContentPaddingPropertyTabViewContentBase.BackgroundColorTabViewContentBase.BorderColorTabViewContentBase.BorderThicknessTabViewContentBase.CornerRadiusTabViewContentBase.ContentPaddingRadContentView.ActualStyleClassPropertyRadContentView.OnChildAdded(Element)RadContentView.OnChildRemoved(Element, int)RadContentView.OnHandlerChanged()

Constructors

RadTabView()

Initializes a new instance of the RadTabView class.

Declaration

cs-api-definition
public RadTabView()

Fields

AnimationDurationProperty

Identifies the AnimationDuration property.

Declaration

cs-api-definition
public static readonly BindableProperty AnimationDurationProperty

Field Value

BindableProperty

AnimationEasingProperty

Identifies the AnimationEasing property.

Declaration

cs-api-definition
public static readonly BindableProperty AnimationEasingProperty

Field Value

BindableProperty

ContentStyleProperty

Identifies the ContentStyle property.

Declaration

cs-api-definition
public static readonly BindableProperty ContentStyleProperty

Field Value

BindableProperty

ContentTemplateProperty

Identifies the ContentTemplate property.

Declaration

cs-api-definition
public static readonly BindableProperty ContentTemplateProperty

Field Value

BindableProperty

HeaderItemStyleProperty

Identifies the HeaderItemStyle property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderItemStyleProperty

Field Value

BindableProperty

HeaderItemStyleSelectorProperty

Identifies the HeaderItemStyleSelector property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderItemStyleSelectorProperty

Field Value

BindableProperty

HeaderItemTemplateProperty

Identifies the HeaderItemTemplate property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderItemTemplateProperty

Field Value

BindableProperty

HeaderPositionProperty

Identifies the HeaderPosition property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderPositionProperty

Field Value

BindableProperty

HeaderSpacingProperty

Identifies the HeaderSpacing property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderSpacingProperty

Field Value

BindableProperty

HeaderStyleProperty

Identifies the HeaderStyle property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderStyleProperty

Field Value

BindableProperty

HeaderTemplateProperty

Identifies the HeaderTemplate property.

Declaration

cs-api-definition
public static readonly BindableProperty HeaderTemplateProperty

Field Value

BindableProperty

IsContentSwipeEnabledProperty

Identifies the IsContentSwipeEnabled property.

Declaration

cs-api-definition
public static readonly BindableProperty IsContentSwipeEnabledProperty

Field Value

BindableProperty

IsHeaderOverlaidProperty

Identifies the IsHeaderOverlaid property.

Declaration

cs-api-definition
public static readonly BindableProperty IsHeaderOverlaidProperty

Field Value

BindableProperty

IsHeaderScrollableProperty

Identifies the IsHeaderScrollable property.

Declaration

cs-api-definition
public static readonly BindableProperty IsHeaderScrollableProperty

Field Value

BindableProperty

ItemTemplateProperty

Identifies the ItemTemplate property.

Declaration

cs-api-definition
public static readonly BindableProperty ItemTemplateProperty

Field Value

BindableProperty

ItemsSourceProperty

Identifies the ItemsSource property.

Declaration

cs-api-definition
public static readonly BindableProperty ItemsSourceProperty

Field Value

BindableProperty

SelectedIndexProperty

Identifies the SelectedIndex property.

Declaration

cs-api-definition
public static readonly BindableProperty SelectedIndexProperty

Field Value

BindableProperty

SelectedItemProperty

Identifies the SelectedItem property.

Declaration

cs-api-definition
public static readonly BindableProperty SelectedItemProperty

Field Value

BindableProperty

Properties

AnimationDuration

Gets or sets the duration in milliseconds of the animation that is run when the selected index changes.

Declaration

cs-api-definition
public int AnimationDuration { get; set; }

Property Value

int

AnimationEasing

Gets or sets the Easing of the animation that is run when the selected index changes.

Declaration

cs-api-definition
public Easing AnimationEasing { get; set; }

Property Value

Easing

ContentStyle

Gets or sets the Style to be applied to the content area. The target type is TabViewContent.

Declaration

cs-api-definition
public Style ContentStyle { get; set; }

Property Value

Style

ContentTemplate

Gets or sets the ControlTemplate to be applied to the content area. The target type is TabViewContent.

Declaration

cs-api-definition
public ControlTemplate ContentTemplate { get; set; }

Property Value

ControlTemplate

HeaderItemStyle

Gets or sets the Style to be applied to the header items, unless the HeaderItemStyleSelector provides a style for an item. The target type is TabViewHeaderItem.

Declaration

cs-api-definition
public Style HeaderItemStyle { get; set; }

Property Value

Style

HeaderItemStyleSelector

Gets or sets the style selector that chooses the styles for the header items. This property has a higher precedence than the HeaderItemStyle property. The target type of the style should be TabViewHeaderItem.

Declaration

cs-api-definition
public IStyleSelector HeaderItemStyleSelector { get; set; }

Property Value

IStyleSelector

HeaderItemTemplate

Gets or sets the ControlTemplate to be applied to the header items. The target type is TabViewHeaderItem.

Declaration

cs-api-definition
public ControlTemplate HeaderItemTemplate { get; set; }

Property Value

ControlTemplate

HeaderPosition

Gets or sets the relative position of the header area in respect to the content area. For more information see the TabViewHeaderPosition enumerated type.

Declaration

cs-api-definition
public TabViewHeaderPosition HeaderPosition { get; set; }

Property Value

TabViewHeaderPosition

HeaderSpacing

Gets or sets the spacing in pixels between the header area and the content area.

Declaration

cs-api-definition
public double HeaderSpacing { get; set; }

Property Value

double

HeaderStyle

Gets or sets the Style to be applied to the header area. The target type is TabViewHeader.

Declaration

cs-api-definition
public Style HeaderStyle { get; set; }

Property Value

Style

HeaderTemplate

Gets or sets the ControlTemplate to be applied to the header area. The target type is TabViewHeader.

Declaration

cs-api-definition
public ControlTemplate HeaderTemplate { get; set; }

Property Value

ControlTemplate

IsContentSwipeEnabled

Gets or sets a value indicating whether the tabs can be changed by swiping the content area.

Declaration

cs-api-definition
public bool IsContentSwipeEnabled { get; set; }

Property Value

bool

IsHeaderOverlaid

Get or sets a value indicating whether the header area is overlaid on top of the content area. When the overlay mode is enabled, the header area is centered and partially overlaps with one of the borders of the content area, based on the value of the HeaderPosition property. The padding of the content area is adjusted accordingly, to avoid overlapping with the header area. When the overlay mode is disabled, the header area is placed adjacent to the content area without any overlapping, based on the value of the HeaderPosition property.

Declaration

cs-api-definition
public bool IsHeaderOverlaid { get; set; }

Property Value

bool

IsHeaderScrollable

Gets or sets a value indicating whether the header area can be scrolled with pan gestures.

Declaration

cs-api-definition
public bool IsHeaderScrollable { get; set; }

Property Value

bool

ItemTemplate

Gets or sets the template that generates TabViewItem objects.

Declaration

cs-api-definition
public DataTemplate ItemTemplate { get; set; }

Property Value

DataTemplate

Items

Gets the collection of TabViewItems, describing the individual tabs of the control.

Declaration

cs-api-definition
public IList<TabViewItem> Items { get; }

Property Value

IList<TabViewItem>

ItemsSource

Gets or sets the items source from which tabview items are generated.

Declaration

cs-api-definition
public IEnumerable ItemsSource { get; set; }

Property Value

IEnumerable

SelectedIndex

Gets or sets the index of the currently selected TabViewItem. The value of this property affects which header item is selected in the header area and which content is displayed in the content area.

Declaration

cs-api-definition
public int SelectedIndex { get; set; }

Property Value

int

SelectedItem

Gets or sets the currently selected TabViewItem. The value of this property affects which header item is selected in the header area and which content is displayed in the content area.

Declaration

cs-api-definition
public TabViewItem SelectedItem { get; set; }

Property Value

TabViewItem

Methods

OnBindingContextChanged()

Called when the binding context changes.

Declaration

cs-api-definition
protected override void OnBindingContextChanged()

Overrides RadContentView.OnBindingContextChanged()

Events

SelectionChanged

Raised when the currently selected TabViewItem has changed.

Declaration

cs-api-definition
public event EventHandler SelectionChanged

Event Value

EventHandler

In this article
DefinitionConstructorsRadTabView()FieldsAnimationDurationPropertyAnimationEasingPropertyContentStylePropertyContentTemplatePropertyHeaderItemStylePropertyHeaderItemStyleSelectorPropertyHeaderItemTemplatePropertyHeaderPositionPropertyHeaderSpacingPropertyHeaderStylePropertyHeaderTemplatePropertyIsContentSwipeEnabledPropertyIsHeaderOverlaidPropertyIsHeaderScrollablePropertyItemTemplatePropertyItemsSourcePropertySelectedIndexPropertySelectedItemPropertyPropertiesAnimationDurationAnimationEasingContentStyleContentTemplateHeaderItemStyleHeaderItemStyleSelectorHeaderItemTemplateHeaderPositionHeaderSpacingHeaderStyleHeaderTemplateIsContentSwipeEnabledIsHeaderOverlaidIsHeaderScrollableItemTemplateItemsItemsSourceSelectedIndexSelectedItemMethodsOnBindingContextChanged()EventsSelectionChanged
Not finding the help you need?
Contact Support