Is there a way to have a horizontal group of buttons that take up even amounts of space?

[Shadowblitz16]

Is there a way to have a horizontal group of buttons that take up even amounts of space?

kinda like this...

|   text   |   text   |   text2  | 

I tried using stack panel layout panel and dynamic panel but I can't figure out how to get it to outsize.

            Options = new DynamicLayout();
            Options.Padding = new Padding(4,4,4,4);
            Options.Spacing = new Size   (4,4);
            Options.BeginHorizontal();
            Options.AddAutoSized(new Button()
            {             
                Text = "Selection",
            });
            Options.AddAutoSized(new Button()
            {             
                Text = "Selection",
            });
            Options.AddAutoSized(new Button()
            {             
                Text = "Selection",
            });
            Options.AddAutoSized(new Button()
            {             
                Text = "Selection",
            });
            Options.Add(new Button()
            {             
                Text = "Selection",
            });
            Options.EndBeginHorizontal();

            Content = new StackLayout()
            {
                //Dock
                Items = 
                {
                    new StackLayoutItem()
                    {
                        HorizontalAlignment = HorizontalAlignment.Stretch,
                        Expand  = true,
                        Control = Drawable,
                    },
                    new StackLayoutItem()
                    {
                        HorizontalAlignment = HorizontalAlignment.Stretch,
                        Expand  = true,
                        Control = Options,
                    },
                }
            };

[cwensley]

Try something like:

var layout = new DynamicLayout();
// take up all space at the top
layout.Add(Drawable, yscale: true); 

// begin a new section for the buttons
layout.BeginVertical();
layout.BeginHorizontal();
layout.Add(button1, xscale: true);
layout.Add(button2, xscale: true);
layout.Add(button3, xscale: true);
layout.Add(button4, xscale: true);
layout.EndHorizontal();
layout.EndVertical();

Content = layout;

[Shadowblitz16]

This works but is there a way to have spacing inbetween the buttons now?

[cwensley]

Yes, just specify the spacing in the layout.BeginVertical() line, like:

layout.BeginVertical(spacing: new Size(4, 4));