Visual Elements of DevExpress Tab View for .NET MAUI
- 4 minutes to read
This topic lists the TabView visual elements and enumerates properties that configure these elements.
#Header Panel
The Header Panel displays Tab Item Headers. You can customize the following appearance settings:
Property | Description |
---|---|
Behavior | |
Gets or sets the header panel’s position within the view. This is a bindable property. | |
Appearance | |
Gets or sets the background color of the view’s header panel. This is a bindable property. | |
Gets or sets a value that specifies how the view aligns item headers in the header panel. This is a bindable property. | |
Gets or sets the header panel’s width when the Header | |
Gets or sets the header panel’s height when the Header | |
Gets or sets spacing before the first item and the panel’s start edge. This is a bindable property. | |
Gets or sets the spacing between item headers. This is a bindable property. | |
Gets or sets the color the Tab View uses to paint the header panel’s shadow. This is a bindable property. | |
Gets or sets the height of the header panel’s shadow. This is a bindable property. | |
Gets or sets the blur radius of the header panel’s shadow. This is a bindable property. | |
Gets or sets whether the Header Panel‘s shadow is visible. This is a bindable property. |
#Content Area
Use the following settings to customize the Content Area area:
Property | Description |
---|---|
Behavior | |
Gets or sets whether swipes over the content area switch tab items. This is a bindable property. | |
Content | |
Gets or sets a collection used to generate the Tab View’s tab items. This is a bindable property. | |
Gets or sets a view that the Tab | |
Appearance | |
Gets or sets the template the Tab View uses to generate tab item content from the Items |
#Item Header
The Item Header is an element displayed in the Header Panel. The following settings configure item headers:
Note
The Tab
Tab | Tab | Description |
---|---|---|
Content | ||
Gets or sets the text of the item header title. This is a bindable property. | ||
Gets or sets an icon the item header displays. This is a bindable property. | ||
Gets or sets a collection used to generate the Tab View’s tab items. This is a bindable property. | ||
Appearance | ||
Gets or sets the width of item header | ||
Gets or sets the width of item header | ||
Gets or sets the background color of an item header when it is selected. | ||
Gets or sets the font family to which the font of item header text belongs. | ||
Gets or sets the size of the item header text’s font. | ||
Gets or sets whether the item header text’s font is bold, italic, either or neither. | ||
Gets or sets elements (an icon and / or text) the header item shows. | ||
Gets or sets the color of the item header’s text. | ||
Gets or sets the color of the item header’s text when the item is selected. | ||
Gets or sets the color of the item header’s icon. | ||
Gets or sets the color of the item header’s icon when the item is selected. | ||
Gets or sets the position of the item header’s icon. | ||
Gets or sets the spacing between an icon and text of the item header. | ||
Gets or sets the item header padding. | ||
Gets or sets the template the Tab View uses to generate headers of the tab items from the Items |
#Selected Item Indicator
The Selected Item Indicator is an element that highlights the header of a selected tab item. The following properties allow you to configure this viual element.
Property | Description |
---|---|
Gets or sets the color of the Selected Item Indicator. This is a bindable property. | |
Gets or sets the height of the Selected Item Indicator. This is a bindable property. | |
Gets or sets whether the Selected Item Indicator is visible. This is a bindable property. |