gui-cs.Terminal.Gui/UICatalog/Scenarios/TabViewExample.cs

using System.Linq;
using System.Text;
using Terminal.Gui;

namespace UICatalog.Scenarios;

[ScenarioMetadata ("Tab View", "Demos TabView control with limited screen space in Absolute layout.")]
[ScenarioCategory ("Controls")]
[ScenarioCategory ("TabView")]
public class TabViewExample : Scenario
{
    private MenuItem _miShowBorder;
    private MenuItem _miShowTabViewBorder;
    private MenuItem _miShowTopLine;
    private MenuItem _miTabsOnBottom;
    private TabView _tabView;

    public override void Setup ()
    {
        Win.Title = GetName ();
        Win.Y = 1; // menu
        Win.Height = Dim.Fill (1); // status bar

        var menu = new MenuBar
        {
            Menus =
            [
                new MenuBarItem (
                                 "_File",
                                 new MenuItem []
                                 {
                                     new ("_Add Blank Tab", "", AddBlankTab),
                                     new (
                                          "_Clear SelectedTab",
                                          "",
                                          () => _tabView.SelectedTab = null
                                         ),
                                     new ("_Quit", "", Quit)
                                 }
                                ),
                new MenuBarItem (
                                 "_View",
                                 new []
                                 {
                                     _miShowTopLine =
                                         new MenuItem ("_Show Top Line", "", ShowTopLine)
                                         {
                                             Checked = true, CheckType = MenuItemCheckStyle.Checked
                                         },
                                     _miShowBorder =
                                         new MenuItem ("_Show Border", "", ShowBorder)
                                         {
                                             Checked = true, CheckType = MenuItemCheckStyle.Checked
                                         },
                                     _miTabsOnBottom =
                                         new MenuItem ("_Tabs On Bottom", "", SetTabsOnBottom)
                                         {
                                             Checked = false, CheckType = MenuItemCheckStyle.Checked
                                         },
                                     _miShowTabViewBorder =
                                         new MenuItem (
                                                       "_Show TabView Border",
                                                       "",
                                                       ShowTabViewBorder
                                                      ) { Checked = true, CheckType = MenuItemCheckStyle.Checked }
                                 }
                                )
            ]
        };
        Top.Add (menu);

        _tabView = new TabView
        {
            X = 0,
            Y = 0,
            Width = 60,
            Height = 20,
            BorderStyle = LineStyle.Single
        };

        _tabView.AddTab (new Tab { DisplayText = "Tab1", View = new Label { Text = "hodor!" } }, false);
        _tabView.AddTab (new Tab { DisplayText = "Tab2", View = new TextField { Text = "durdur" } }, false);
        _tabView.AddTab (new Tab { DisplayText = "Interactive Tab", View = GetInteractiveTab () }, false);
        _tabView.AddTab (new Tab { DisplayText = "Big Text", View = GetBigTextFileTab () }, false);

        _tabView.AddTab (
                         new Tab
                         {
                             DisplayText =
                                 "Long name Tab, I mean seriously long.  Like you would not believe how long this tab's name is its just too much really woooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooowwww thats long",
                             View = new Label
                             {
                                 Text =
                                     "This tab has a very long name which should be truncated.  See TabView.MaxTabTextWidth"
                             }
                         },
                         false
                        );

        _tabView.AddTab (
                         new Tab
                         {
                             DisplayText = "Les Mise" + '\u0301' + "rables", View = new Label { Text = "This tab name is unicode" }
                         },
                         false
                        );

        _tabView.AddTab (
                         new Tab
                         {
                             DisplayText = "Les Mise" + '\u0328' + '\u0301' + "rables",
                             View = new Label
                             {
                                 Text =
                                     "This tab name has two combining marks. Only one will show due to Issue #2616."
                             }
                         },
                         false
                        );

        for (var i = 0; i < 100; i++)
        {
            _tabView.AddTab (
                             new Tab { DisplayText = $"Tab{i}", View = new Label { Text = $"Welcome to tab {i}" } },
                             false
                            );
        }

        _tabView.SelectedTab = _tabView.Tabs.First ();

        Win.Add (_tabView);

        var frameRight = new FrameView
        {
            X = Pos.Right (_tabView),
            Y = 0,
            Width = Dim.Fill (),
            Height = Dim.Fill (),
            Title = "About"
        };

        frameRight.Add (
                        new TextView
                        {
                            Text = "This demos the tabs control\nSwitch between tabs using cursor keys",
                            Width = Dim.Fill (),
                            Height = Dim.Fill ()
                        }
                       );

        Win.Add (frameRight);

        var frameBelow = new FrameView
        {
            X = 0,
            Y = Pos.Bottom (_tabView),
            Width = _tabView.Width,
            Height = Dim.Fill (),
            Title = "Bottom Frame"
        };

        frameBelow.Add (
                        new TextView
                        {
                            Text =
                                "This frame exists to check you can still tab here\nand that the tab control doesn't overspill it's bounds",
                            Width = Dim.Fill (),
                            Height = Dim.Fill ()
                        }
                       );

        Win.Add (frameBelow);

        var statusBar = new StatusBar (
                                       new StatusItem []
                                       {
                                           new (
                                                Application.QuitKey,
                                                $"{Application.QuitKey} to Quit",
                                                Quit
                                               )
                                       }
                                      );
        Top.Add (statusBar);
    }

    private void AddBlankTab () { _tabView.AddTab (new Tab (), false); }

    private View GetBigTextFileTab ()
    {
        var text = new TextView { Width = Dim.Fill (), Height = Dim.Fill () };

        var sb = new StringBuilder ();

        for (var y = 0; y < 300; y++)
        {
            for (var x = 0; x < 500; x++)
            {
                sb.Append ((x + y) % 2 == 0 ? '1' : '0');
            }

            sb.AppendLine ();
        }

        text.Text = sb.ToString ();

        return text;
    }

    private View GetInteractiveTab ()
    {
        var interactiveTab = new View { Width = Dim.Fill (), Height = Dim.Fill () };
        var lblName = new Label { Text = "Name:" };
        interactiveTab.Add (lblName);

        var tbName = new TextField { X = Pos.Right (lblName), Width = 10 };
        interactiveTab.Add (tbName);

        var lblAddr = new Label { Y = 1, Text = "Address:" };
        interactiveTab.Add (lblAddr);

        var tbAddr = new TextField { X = Pos.Right (lblAddr), Y = 1, Width = 10 };
        interactiveTab.Add (tbAddr);

        return interactiveTab;
    }

    private void Quit () { Application.RequestStop (); }

    private void SetTabsOnBottom ()
    {
        _miTabsOnBottom.Checked = !_miTabsOnBottom.Checked;

        _tabView.Style.TabsOnBottom = (bool)_miTabsOnBottom.Checked;
        _tabView.ApplyStyleChanges ();
    }

    private void ShowBorder ()
    {
        _miShowBorder.Checked = !_miShowBorder.Checked;

        _tabView.Style.ShowBorder = (bool)_miShowBorder.Checked;
        _tabView.ApplyStyleChanges ();
    }

    private void ShowTabViewBorder ()
    {
        _miShowTabViewBorder.Checked = !_miShowTabViewBorder.Checked;

        _tabView.BorderStyle = _miShowTabViewBorder.Checked == true
                                   ? _tabView.BorderStyle = LineStyle.Single
                                   : LineStyle.None;
        _tabView.ApplyStyleChanges ();
    }

    private void ShowTopLine ()
    {
        _miShowTopLine.Checked = !_miShowTopLine.Checked;

        _tabView.Style.ShowTopLine = (bool)_miShowTopLine.Checked;
        _tabView.ApplyStyleChanges ();
    }
}