Tab

Tab is a common component and it can be used as a menu label.

A tab makes it easy to explore and switch between different views or functional aspects of an application or to browse categorized data sets.

You can handle a tab by adding, inserting, or deleting a TabItem. A tab can contain one or more TabItem with text, usually used as a menu label. A TabItem can have different lengths.

Tab Tab

Create with property

To create a tab using property, follow these steps:

  1. Create Tab using the default constructor:

    utilityBasicTab = new Tab();
    
  2. Set the tab property:

    utilityBasicTab.IsSelectable = true;
    utilityBasicTab.Size = new Size(700, 108);
    utilityBasicTab.Position = new Position(100, 300);
    utilityBasicTab.BackgroundColor = new Color(1.0f, 1.0f, 1.0f, 0.5f);
    utilityBasicTab.UseTextNaturalSize = true;
    utilityBasicTab.ItemSpace = 40;
    utilityBasicTab.Space = new Extents(56, 56, 1, 0);
    utilityBasicTab.UnderLineSize = new Size(1, 3);
    utilityBasicTab.UnderLineBackgroundColor = color[0];
    utilityBasicTab.PointSize = 25;
    utilityBasicTab.TextColorSelector = new ColorSelector
    {
        Normal = Color.Black,
        Selected = color[0],
    };
    utilityBasicTab.ItemChangedEvent += TabItemChangedEvent;
    root.Add(tab);
    
    for (int i = 0; i < 3; i++)
    {
        Tab.TabItemData item = new Tab.TabItemData();
        item.Text = "Tab " + i;
        if(i == 1)
        {
            item.Text = "Long Tab " + i;
        }
        utilityBasicTab.AddItem(item);
    }
    utilityBasicTab.SelectedItemIndex = 0;
    

Following output is generated when the tab is created using property:

Tab

Responding to ItemChangedEvent

When you click an item on tab, the tab receives an item change event. You can declare the item change event handler as follows:

Tab tab = new Tab();
tab.ItemChangedEvent += TabItemChangedEvent;
private void TabItemChangedEvent(object sender, Tab.ItemChangeEventArgs e)
{
    createText[0].Text = "Create Tab just by properties, Selected index from " + e.PreviousIndex + " to " + e.CurrentIndex;
}
  • Dependencies
    • Tizen 5.5 and Higher