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

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

namespace UICatalog.Scenarios;

[ScenarioMetadata ("Text Alignment and Direction", "Demos horizontal and vertical text alignment and text direction.")]
[ScenarioCategory ("Text and Formatting")]
public class TextAlignmentsAndDirections : Scenario
{
    public override void Main ()
    {
        Application.Init ();

        Window app = new ()
        {
            Title = $"{Application.QuitKey} to Quit - Scenario: {GetName ()}"
        };

        // string txt = ".\n...\n.....\nHELLO\n.....\n...\n.";
        // string txt = "┌──┴──┐\n┤HELLO├\n└──┬──┘";
        var txt = "HELLO WORLD";

        var color1 = new ColorScheme { Normal = new (Color.Black, Color.Gray) };
        var color2 = new ColorScheme { Normal = new (Color.Black, Color.DarkGray) };

        List<Label> txts = new (); // single line
        List<Label> mtxts = new (); // multi line

        // Horizontal Single-Line 

        var labelHL = new Label
        {
            X = 1,
            Y = 1,
            AutoSize = false,
            Width = 9,
            Height = 1,
            TextAlignment = TextAlignment.Right,
            ColorScheme = Colors.ColorSchemes ["Dialog"],
            Text = "Left"
        };

        var labelHC = new Label
        {
            X = 1,
            Y = 2,
            AutoSize = false,
            Width = 9,
            Height = 1,
            TextAlignment = TextAlignment.Right,
            ColorScheme = Colors.ColorSchemes ["Dialog"],
            Text = "Centered"
        };

        var labelHR = new Label
        {
            X = 1,
            Y = 3,
            AutoSize = false,
            Width = 9,
            Height = 1,
            TextAlignment = TextAlignment.Right,
            ColorScheme = Colors.ColorSchemes ["Dialog"],
            Text = "Right"
        };

        var labelHJ = new Label
        {
            X = 1,
            Y = 4,
            AutoSize = false,
            Width = 9,
            Height = 1,
            TextAlignment = TextAlignment.Right,
            ColorScheme = Colors.ColorSchemes ["Dialog"],
            Text = "Justified"
        };

        var txtLabelHL = new Label
        {
            X = Pos.Right (labelHL) + 1,
            Y = Pos.Y (labelHL),
            AutoSize = false,
            Width = Dim.Fill (1) - 9,
            Height = 1,
            ColorScheme = color1,
            TextAlignment = TextAlignment.Left,
            Text = txt
        };

        var txtLabelHC = new Label
        {
            X = Pos.Right (labelHC) + 1,
            Y = Pos.Y (labelHC),
            AutoSize = false,
            Width = Dim.Fill (1) - 9,
            Height = 1,
            ColorScheme = color2,
            TextAlignment = TextAlignment.Centered,
            Text = txt
        };

        var txtLabelHR = new Label
        {
            X = Pos.Right (labelHR) + 1,
            Y = Pos.Y (labelHR),
            AutoSize = false,
            Width = Dim.Fill (1) - 9,
            Height = 1,
            ColorScheme = color1,
            TextAlignment = TextAlignment.Right,
            Text = txt
        };

        var txtLabelHJ = new Label
        {
            X = Pos.Right (labelHJ) + 1,
            Y = Pos.Y (labelHJ),
            AutoSize = false,
            Width = Dim.Fill (1) - 9,
            Height = 1,
            ColorScheme = color2,
            TextAlignment = TextAlignment.Justified,
            Text = txt
        };

        txts.Add (txtLabelHL);
        txts.Add (txtLabelHC);
        txts.Add (txtLabelHR);
        txts.Add (txtLabelHJ);

        app.Add (labelHL);
        app.Add (txtLabelHL);
        app.Add (labelHC);
        app.Add (txtLabelHC);
        app.Add (labelHR);
        app.Add (txtLabelHR);
        app.Add (labelHJ);
        app.Add (txtLabelHJ);

        // Vertical Single-Line

        var labelVT = new Label
        {
            X = Pos.AnchorEnd (8),
            Y = 1,
            AutoSize = false,
            Width = 2,
            Height = 9,
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            Text = "Top"
        };

        var labelVM = new Label
        {
            X = Pos.AnchorEnd (6),
            Y = 1,
            AutoSize = false,
            Width = 2,
            Height = 9,
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            Text = "Middle"
        };

        var labelVB = new Label
        {
            X = Pos.AnchorEnd (4),
            Y = 1,
            AutoSize = false,
            Width = 2,
            Height = 9,
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            Text = "Bottom"
        };

        var labelVJ = new Label
        {
            X = Pos.AnchorEnd (2),
            Y = 1,
            AutoSize = false,
            Width = 1,
            Height = 9,
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            Text = "Justified"
        };

        var txtLabelVT = new Label
        {
            X = Pos.X (labelVT),
            Y = Pos.Bottom (labelVT) + 1,
            AutoSize = false,
            Width = 1,
            Height = Dim.Fill (1),
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Top,
            Text = txt
        };

        var txtLabelVM = new Label
        {
            X = Pos.X (labelVM),
            Y = Pos.Bottom (labelVM) + 1,
            AutoSize = false,
            Width = 1,
            Height = Dim.Fill (1),
            ColorScheme = color2,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Middle,
            Text = txt
        };

        var txtLabelVB = new Label
        {
            X = Pos.X (labelVB),
            Y = Pos.Bottom (labelVB) + 1,
            AutoSize = false,
            Width = 1,
            Height = Dim.Fill (1),
            ColorScheme = color1,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            Text = txt
        };

        var txtLabelVJ = new Label
        {
            X = Pos.X (labelVJ),
            Y = Pos.Bottom (labelVJ) + 1,
            AutoSize = false,
            Width = 1,
            Height = Dim.Fill (1),
            ColorScheme = color2,
            TextDirection = TextDirection.TopBottom_LeftRight,
            VerticalTextAlignment = VerticalTextAlignment.Justified,
            Text = txt
        };

        txts.Add (txtLabelVT);
        txts.Add (txtLabelVM);
        txts.Add (txtLabelVB);
        txts.Add (txtLabelVJ);

        app.Add (labelVT);
        app.Add (txtLabelVT);
        app.Add (labelVM);
        app.Add (txtLabelVM);
        app.Add (labelVB);
        app.Add (txtLabelVB);
        app.Add (labelVJ);
        app.Add (txtLabelVJ);

        // Multi-Line

        var container = new View
        {
            X = 0,
            Y = Pos.Bottom (txtLabelHJ),
            Width = Dim.Fill (31),
            Height = Dim.Fill (6),
            ColorScheme = color2
        };

        var txtLabelTL = new Label
        {
            X = 1 /*                    */,
            Y = 1,
            AutoSize = false,
            Width = Dim.Percent (100f / 3f),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Left,
            VerticalTextAlignment = VerticalTextAlignment.Top,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelTC = new Label
        {
            X = Pos.Right (txtLabelTL) + 2,
            Y = 1,
            AutoSize = false,
            Width = Dim.Percent (100f / 3f),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Centered,
            VerticalTextAlignment = VerticalTextAlignment.Top,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelTR = new Label
        {
            X = Pos.Right (txtLabelTC) + 2,
            Y = 1,
            AutoSize = false,
            Width = Dim.Percent (100f, true),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Right,
            VerticalTextAlignment = VerticalTextAlignment.Top,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelML = new Label
        {
            X = Pos.X (txtLabelTL),
            Y = Pos.Bottom (txtLabelTL) + 1,
            AutoSize = false,
            Width = Dim.Width (txtLabelTL),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Left,
            VerticalTextAlignment = VerticalTextAlignment.Middle,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelMC = new Label
        {
            X = Pos.X (txtLabelTC),
            Y = Pos.Bottom (txtLabelTC) + 1,
            AutoSize = false,
            Width = Dim.Width (txtLabelTC),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Centered,
            VerticalTextAlignment = VerticalTextAlignment.Middle,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelMR = new Label
        {
            X = Pos.X (txtLabelTR),
            Y = Pos.Bottom (txtLabelTR) + 1,
            AutoSize = false,
            Width = Dim.Percent (100f, true),
            Height = Dim.Percent (100f / 3f),
            TextAlignment = TextAlignment.Right,
            VerticalTextAlignment = VerticalTextAlignment.Middle,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelBL = new Label
        {
            X = Pos.X (txtLabelML),
            Y = Pos.Bottom (txtLabelML) + 1,
            AutoSize = false,
            Width = Dim.Width (txtLabelML),
            Height = Dim.Percent (100f, true),
            TextAlignment = TextAlignment.Left,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelBC = new Label
        {
            X = Pos.X (txtLabelMC),
            Y = Pos.Bottom (txtLabelMC) + 1,
            AutoSize = false,
            Width = Dim.Width (txtLabelMC),
            Height = Dim.Percent (100f, true),
            TextAlignment = TextAlignment.Centered,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            ColorScheme = color1,
            Text = txt
        };

        var txtLabelBR = new Label
        {
            X = Pos.X (txtLabelMR),
            Y = Pos.Bottom (txtLabelMR) + 1,
            AutoSize = false,
            Width = Dim.Percent (100f, true),
            Height = Dim.Percent (100f, true),
            TextAlignment = TextAlignment.Right,
            VerticalTextAlignment = VerticalTextAlignment.Bottom,
            ColorScheme = color1,
            Text = txt
        };

        mtxts.Add (txtLabelTL);
        mtxts.Add (txtLabelTC);
        mtxts.Add (txtLabelTR);
        mtxts.Add (txtLabelML);
        mtxts.Add (txtLabelMC);
        mtxts.Add (txtLabelMR);
        mtxts.Add (txtLabelBL);
        mtxts.Add (txtLabelBC);
        mtxts.Add (txtLabelBR);

        // Save Alignments in Data
        foreach (Label t in mtxts)
        {
            t.Data = new { h = t.TextAlignment, v = t.VerticalTextAlignment };
        }

        container.Add (txtLabelTL);
        container.Add (txtLabelTC);
        container.Add (txtLabelTR);

        container.Add (txtLabelML);
        container.Add (txtLabelMC);
        container.Add (txtLabelMR);

        container.Add (txtLabelBL);
        container.Add (txtLabelBC);
        container.Add (txtLabelBR);

        app.Add (container);

        // Edit Text

        var editText = new TextView
        {
            X = 1,
            Y = Pos.Bottom (container) + 1,
            Width = Dim.Fill (10),
            Height = Dim.Fill (1),
            ColorScheme = Colors.ColorSchemes ["TopLevel"],
            Text = txt
        };

        editText.MouseClick += (s, m) =>
                               {
                                   foreach (Label v in txts)
                                   {
                                       v.Text = editText.Text;
                                   }

                                   foreach (Label v in mtxts)
                                   {
                                       v.Text = editText.Text;
                                   }
                               };

        app.KeyUp += (s, m) =>
                     {
                         foreach (Label v in txts)
                         {
                             v.Text = editText.Text;
                         }

                         foreach (Label v in mtxts)
                         {
                             v.Text = editText.Text;
                         }
                     };

        editText.SetFocus ();

        app.Add (editText);

        // JUSTIFY CHECKBOX

        var justifyCheckbox = new CheckBox
        {
            X = Pos.Right (container) + 1,
            Y = Pos.Y (container) + 1,
            AutoSize = false,
            Width = Dim.Fill (10),
            Height = 1,
            Text = "Justify"
        };

        justifyCheckbox.Toggled += (s, e) =>
                                   {
                                       if (e.OldValue == true)
                                       {
                                           foreach (Label t in mtxts)
                                           {
                                               t.TextAlignment = (TextAlignment)((dynamic)t.Data).h;
                                               t.VerticalTextAlignment = (VerticalTextAlignment)((dynamic)t.Data).v;
                                           }
                                       }
                                       else
                                       {
                                           foreach (Label t in mtxts)
                                           {
                                               if (TextFormatter.IsVerticalDirection (t.TextDirection))
                                               {
                                                   t.VerticalTextAlignment = VerticalTextAlignment.Justified;
                                                   t.TextAlignment = ((dynamic)t.Data).h;
                                               }
                                               else
                                               {
                                                   t.TextAlignment = TextAlignment.Justified;
                                                   t.VerticalTextAlignment = ((dynamic)t.Data).v;
                                               }
                                           }
                                       }
                                   };

        app.Add (justifyCheckbox);

        // Direction Options

        List<TextDirection> directionsEnum = Enum.GetValues (typeof (TextDirection)).Cast<TextDirection> ().ToList ();

        var directionOptions = new RadioGroup
        {
            X = Pos.Right (container) + 1,
            Y = Pos.Bottom (justifyCheckbox) + 1,
            Width = Dim.Fill (10),
            Height = Dim.Fill (1),
            HotKeySpecifier = (Rune)'\xffff',
            RadioLabels = directionsEnum.Select (e => e.ToString ()).ToArray ()
        };

        directionOptions.SelectedItemChanged += (s, ev) =>
                                                {
                                                    foreach (Label v in mtxts)
                                                    {
                                                        v.TextDirection = (TextDirection)ev.SelectedItem;
                                                    }
                                                };

        app.Add (directionOptions);

        Application.Run (app);
        app.Dispose ();
    }
}