eliteKit
Xamarin UI Kit
Welcome back

Round Tabs overview

eliteTabsRound element overview

The Round Tabs element can be used to switch between different defined tabs. The tab items are rounded. Define your own collection of tabs, set the primary and secondary color of the linear gradient, define whether a gradient should be used and catch the current selected tab when the user switches it.

Main features
The main features of the Round Tabs element
Sample image
Sample image of the Round Tabs element
Code samples
C# and XAML code samples for this element
XAML
C#
<ContentPage.Resources>
  <generic:ObservableCollection x:TypeArguments="x:String" x:Key="tabsCollection">
    <x:String>First</x:String>
    <x:String>Second</x:String>
    <x:String>Third</x:String>
  </generic:ObservableCollection>
</ContentPage.Resources>
    
<ContentPage.Content>
  <StackLayout
    VerticalOptions="Start"
    HorizontalOptions="FillAndExpand"
    Padding="20">
    <eliteKit:eliteTabsRound
      VerticalOptions="Start"
      HorizontalOptions="FillAndExpand"
      HeightRequest="50"
      ColorPrimary="#548EC1"
      ColorSecondary="#254867"
      ColorTabActiveText="White"
      ColorBackground="LightGray"
      IsGradient="True"
      TabsCollection="{StaticResource tabsCollection }" />
  </StackLayout>
</ContentPage.Content>
eliteTabsRound eliteTabsRound = new eliteTabsRound()
{
  VerticalOptions = LayoutOptions.Start,
  HorizontalOptions = LayoutOptions.FillAndExpand,
  HeightRequest = 50,
  ColorPrimary = Color.FromHex("#548EC1"),
  ColorSecondary = Color.FromHex("#254867"),
  ColorTabActiveText = Color.White,
  ColorBackground = Color.LightGray,
  IsGradient = true,
  TabsCollection = new ObservableCollection<string>()
  {
    "First",
    "Second",
    "Third"
  }
};
Properties & Events
Navigate to the properties or events page
We are using cookies!
This website uses cookies to ensure you get the best experience on our website. We're sorry that you can't eat them.
eliteKit
Create beautiful Xamarin Forms apps with eliteKit.
A collection of a lot UI elements made in SkiaSharp.
0
community members
0
eliteKit PRO members
0
eliteKit LITE downloads
0
eliteKit elements
Copyright © 2020. All rights reserved. Made with a lot of love and caffeine.
Powered by eliteCode.