All Projects → jsuarezruiz → Xamarin.Forms.TabView

jsuarezruiz / Xamarin.Forms.TabView

Licence: other
The TabView is a Xamarin.Forms control to display a set of tabs and their respective content.

Programming Languages

C#
18002 projects

Projects that are alternatives of or similar to Xamarin.Forms.TabView

Ammyui
Ammy language repository
Stars: ✭ 356 (+535.71%)
Mutual labels:  xaml, xamarin, xamarin-forms
Art Plant Mall
Xamarin.Forms goodlooking UI sample.
Stars: ✭ 96 (+71.43%)
Mutual labels:  xaml, xamarin, xamarin-forms
Brainpowerapp
A visual memory training game, a mobile game made with Xamarin for both Android and IOS .
Stars: ✭ 17 (-69.64%)
Mutual labels:  xaml, xamarin, xamarin-forms
arcgis-runtime-demos-dotnet
Demo applications provided by the ArcGIS Runtime SDK for .NET Team
Stars: ✭ 51 (-8.93%)
Mutual labels:  xaml, xamarin, xamarin-forms
Arcgis Toolkit Dotnet
Toolkit for ArcGIS Runtime SDK for .NET
Stars: ✭ 125 (+123.21%)
Mutual labels:  xaml, xamarin, xamarin-forms
Templateui
A set of Xamarin.Forms templated controls.
Stars: ✭ 273 (+387.5%)
Mutual labels:  xaml, xamarin, xamarin-forms
Mytripcountdown
Xamarin.Forms goodlooking UI sample
Stars: ✭ 94 (+67.86%)
Mutual labels:  xaml, xamarin, xamarin-forms
XamarinHorizontalList
This sample is built with a few xamarin horizontal lists different implementations.
Stars: ✭ 36 (-35.71%)
Mutual labels:  xaml, xamarin, xamarin-forms
Xdtoxf
Adobe XD Plugin to export assets to Xamarin.Forms XAML Styles and Resources
Stars: ✭ 118 (+110.71%)
Mutual labels:  xaml, xamarin, xamarin-forms
Xamarin Forms Perf Playground
Xamarin.Forms Performance Playground (Layouts, Bindings, XAMLC, etc)
Stars: ✭ 119 (+112.5%)
Mutual labels:  xaml, xamarin, xamarin-forms
MyTasks
Xamarin.Forms goodlooking UI sample.
Stars: ✭ 74 (+32.14%)
Mutual labels:  xaml, xamarin, xamarin-forms
Xamarin Demos
This repository contains the Syncfusion Xamarin UI control’s samples and the guide to use them.
Stars: ✭ 218 (+289.29%)
Mutual labels:  xaml, xamarin, xamarin-forms
ButtonCirclePlugin
Circle Buttons with icon for your Xamarin.Forms Applications
Stars: ✭ 96 (+71.43%)
Mutual labels:  xaml, xamarin, xamarin-forms
Arcgis Runtime Samples Dotnet
Sample code for ArcGIS Runtime SDK for .NET – UWP, WPF, Xamarin.Android, Xamarin.iOS, and Xamarin.Forms
Stars: ✭ 274 (+389.29%)
Mutual labels:  xaml, xamarin, xamarin-forms
FavFighters
Xamarin.Forms goodlooking UI sample using the new SwipeView.
Stars: ✭ 32 (-42.86%)
Mutual labels:  xaml, xamarin, xamarin-forms
Formswpflive
Live XAML development for Xamarin Forms Apps using WPF Backend.
Stars: ✭ 14 (-75%)
Mutual labels:  xaml, xamarin, xamarin-forms
Xaml Code Experiences
A collection of the experiences I have collected during days of Xamarin and Wpf, while following the MVVM design pattern.
Stars: ✭ 114 (+103.57%)
Mutual labels:  xaml, xamarin, xamarin-forms
Xamarin Forms Goodlooking Ui
Xamarin.Forms goodlooking UI samples
Stars: ✭ 2,300 (+4007.14%)
Mutual labels:  xaml, xamarin, xamarin-forms
Mobile
The mobile app vault (iOS and Android).
Stars: ✭ 3,149 (+5523.21%)
Mutual labels:  xaml, xamarin, xamarin-forms
XamarinHOL
Xamarin ハンズオン用のレポジトリ&ドキュメントです。
Stars: ✭ 52 (-7.14%)
Mutual labels:  xamarin, xamarin-forms

TabView

The TabView is a way to display a set of tabs and their respective content. TabViews are useful for displaying several views of content.

<TabView 
    TabStripPlacement="Bottom"
    TabStripBackgroundColor="Blue"
    TabStripHeight="60"
    TabContentBackgroundColor="Yellow">
    <TabViewItem
        Icon="triangle"
        Text="Tab 1"
        TextColor="White"
        TextColorSelected="Yellow"
        FontSize="12">
        <Grid 
            BackgroundColor="Gray">
            <Label
                HorizontalOptions="Center"
                VerticalOptions="Center"
                Text="TabContent1" />
        </Grid>
    </TabViewItem>
    <TabViewItem
        Icon="circle"
        Text="Tab 2"
        TextColor="White"
        TextColorSelected="Yellow"
        FontSize="12">
        <Grid>
            <Label    
                HorizontalOptions="Center"
                VerticalOptions="Center"
                Text="TabContent2" />
        </Grid>
    </TabViewItem>
</TabView>

Sounds good, but ... why create this control?.

This control has been created with the idea of being able to customize absolutely everything in a simple way.

  • Fully customized tabs. You can customize the content of each tab, the tabstrip, the tab indicator or the tab content.
  • Dynamic tabs.
  • Nested tabs in any way.
  • Gestures support.
  • Badges support, etc.

TabView

Property Type
TabItemsSource IEnumerable
TabViewItemDataTemplate DataTemplate
TabContentDataTemplate DataTemplate
SelectedIndex Int
TabStripPlacement TabStripPlacement
TabStripBackgroundColor Color
TabStripBackgroundView View
TabIndicatorColor Color
TabIndicatorHeight double
TabIndicatorWidth double
TabIndicatorPlacement TabIndicatorPlacement
TabIndicatorView View
TabContentBackgroundColor Color
TabContentHeight Double
TabStripHeight Double
TabContentHeight Double
IsTabTransitionEnabled Bool
IsSwipeEnabled Bool
Event Description
SelectionChanged
Scrolled

TabViewItem

Property Type
Text String
TextColor Color
TextColorSelected Color
FontSize FontSize
FontSizeSelected FontSize
FontFamily String
FontFamilySelected String
FontAttributes FontAttributes
FontAttributesSelected FontAttributes
Icon ImageSource
IconSelected ImageSource
Content View
BadgeText Bool
BadgeTextColor Color
BadgeBackgroundColor Color
BadgeBackgroundColorSelected Color
IsSelected Bool
TapCommand ICommand
Event Description
TabTapped

Upcoming features

Functionality in development or to be implemented:

  • Allow to disable or hide Tabs.
  • Support RTL.
  • Accesibility support.
  • More TabStrip customization: TabStripBorderColor and TabStripBorderWidth.
  • Review integration with Visual and Shell.

Screenshots

Copyright and license

Code released under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].