How to achieve this with GameStudio/Editor?

#1

Hi,
I am trying to implement an app in which, some controls are shown in left side and model is shown in right side. (As shown in the image)

I downloaded the CodeOnly sample from https://github.com/xen2/Xenko.CodeOnlySample and changed code like below to achieve this.

namespace Xenko.CodeOnlySample.Windows
{
    class Xenko_CodeOnlySampleApp
    {
        static void Main(string[] args)
        {
            using (var game = new CodeOnlyGame())
            {
                var form = new GameForm();
                var splitContainer = new SplitContainer();
                splitContainer.Dock = DockStyle.Fill;
                form.Controls.Add(splitContainer);
                splitContainer.SplitterDistance = 100;
                splitContainer.Panel1.BackColor = Color.White;
                for (var i = 0; i < 10; i++)
                {
                    var button = new Button();
                    button.Text = "Button "+i.ToString();
                    button.Width = 70;
                    button.Height = 20;
                    button.Location = new System.Drawing.Point(10,10+( 25 * i));
                    splitContainer.Panel1.Controls.Add(button);
                }
              
                var context = new GameContextWinforms(splitContainer.Panel2, 500, 500, false);
                form.Show();
                game.Run(context);
            }
        }
    }
}

But, How to achieve this with GameStudio?

Thanks in advance.

image
image.png1920×1080 151 KB

#2

Do you mean how to create the UI in a loop? I start with placing a container in the UI section. And let startup code fill the buttons inside the container. It wouldn’t be much different than what you have right now I think.

#3

I mean, my approach works only with winforms. I want to design an user interface(as shown in the image ) at design time so that it works on all the platforms.