TabView

[jsuarezruiz]

Description of Change

The TabView is a way to display a set of tabs and their respective content. TabView is useful for displaying several content while giving a user the capability to customize mostly everything.

Bugs Fixed

• Fixes [Spec] TabView #501

API Changes

Added:

Properties

TabView Properties

Property	Type	Description
TabItemsSource	IEnumerable	A collection used to generate the TabView's tab items.
TabViewItemDataTemplate	DataTemplate	the template the Tab View uses to generate tab items' header.
TabContentDataTemplate	DataTemplate	The template the Tab View uses to generate tab items' content.
SelectedIndex	Int	Gets or sets the currently selected tab. Default is 0.
TabStripPlacement	TabStripPlacement	The TabStrip placement (top or bottom).
TabStripBackground	Brush	The TabStrip background.
TabIndicatorBrush	Brush	The TabIndicator background.
TabIndicatorHeight	double	The TabIndicator height.
TabIndicatorWidth	double	The TabIndicator width.
TabIndicatorPlacement	TabIndicatorPlacement
TabIndicatorView	View	The TabIndicator content.
TabContentBackground	Brush	The tab content background.
TabContentHeight	Double	The tab content height.
TabStripHeight	Double	The TabStrip height.
TabContentHeight	Double	The tab content height.
IsTabTransitionEnabled	Bool	Enable or disable the transition between tabs.
IsSwipeEnabled	Bool	Enable or disable the swipe gesture.

TabViewItem Properties

Property	Type	Description
Text	String	The text of the tab.
TextColor	Color	The text color of the tab.
TextColorSelected	Color	The text color of the selected tab.
FontSize	FontSize	The font size used in the tab text.
FontSizeSelected	FontSize	The font size used in the selected tab.
FontFamily	String	The font family used in the tab.
FontFamilySelected	String	The font family used in the selected tab.
FontAttributes	FontAttributes	The font attributes used in the tab.
FontAttributesSelected	FontAttributes	The font attributes used in the selected tab.
Icon	ImageSource	The icon of the tab.
IconSelected	ImageSource	The ImageSource used as icon in the selected tab.
Content	View	The content of the tab. Is View, can use anything as content.
BadgeText	Bool	The badge text used in the tab.
BadgeTextColor	Color	The badge text color used in the tab.
BadgeTextColorSelected	Color	The badge text color used in the selected tab.
BadgeBackgroundColor	Color	The badge color used in the tab.
BadgeBackgroundColorSelected	Color	The badge color used in the selected tab.
IsSelected	Bool	a bool that indicate if the tab is selected or not.
TapCommand	ICommand	Command that is executed when the user tap a tab.
TapCommandParameter	object	The tap command parameter.

Events

TabView Events

Event	Description
SelectionChanged	Event that is raised when the selected tab changed.
Scrolled	Event that is raised when is swiping between tabs.

TabViewItem Events

Event	Description
TabTapped	Event that is raised when the user tap a tab.

Screenshots

PR Checklist

• Has tests (if omitted, state reason in description)
• Has samples (if omitted, state reason in description)
• Rebased on top of main at time of PR
• Changes adhere to coding standard

• Updated documentation

[jfversluis]

Seems some things are not in the right namespace. Although this might be legit in this case.