how to use builder tool

Started by abd dabbour, 23 August 2019, 11:48:38

abd dabbour

first, thank you for the nice tool you provide
I using TGUI with visual studio 2017 on windows 7 x64
I compiled and run example successfully
now I am trying to using builder tool
I designed my form but I wonder how to use it visual studio

the file generated from GUI Builder like following

Renderer.1 {
    backgroundcolor = transparent;
    bordercolor = #3C3C3C;
    borders = (0, 0, 0, 0);
    textcolor = #3C3C3C;
}

Renderer.2 {
    textcolor = rgb(100, 100, 100);

    scrollbar {
        texturearrowdown = "themes/BabyBlue.png" Part(20, 2, 16, 16);
        texturearrowup = "themes/BabyBlue.png" Part(2, 2, 16, 16);
        texturethumb = "themes/BabyBlue.png" Part(414, 2, 16, 32);
        texturetrack = "themes/BabyBlue.png" Part(432, 2, 16, 32);
    }
}

Renderer.3 {
    textcolor = rgb(100, 100, 100);
    texture = "themes/BabyBlue.png" Part(269, 40, 90, 60) Middle(30, 0, 30, 60);
    texturedisabled = None;
    texturedown = "themes/BabyBlue.png" Part(177, 40, 90, 60) Middle(30, 0, 30, 60);
    texturefocused = None;
    texturehover = "themes/BabyBlue.png" Part(361, 40, 90, 60) Middle(30, 0, 30, 60);
}

Renderer.4 {
    caretcolor = rgb(110, 110, 255);
    defaulttextcolor = rgb(120, 120, 120);
    padding = (6, 4, 6, 4);
    selectedtextbackgroundcolor = rgb( 10, 110, 255);
    selectedtextcolor = White;
    textcolor = rgb(190, 190, 190);
    texture = "themes/Black.png" Part(0, 114, 60, 40) Middle(15, 0, 30, 40);
    texturedisabled = None;
    texturefocused = "themes/Black.png" Part(120, 114, 60, 40) Middle(15, 0, 30, 40);
    texturehover = "themes/Black.png" Part(60, 114, 60, 40) Middle(15, 0, 30, 40);
}

Renderer.5 {
    padding = (3, 3, 3, 3);
    textcolor = rgb(190, 190, 190);
    texturearrow = "themes/Black.png" Part(60, 0, 32, 32);
    texturearrowhover = "themes/Black.png" Part(60, 32, 32, 32);
    texturebackground = "themes/Black.png" Part(0, 154, 48, 48) Middle(16, 16, 16, 16);

    listbox {
        backgroundcolorhover = rgb(100, 100, 100);
        padding = (3, 3, 3, 3);
        selectedbackgroundcolor = rgb( 10, 110, 255);
        selectedbackgroundcolorhover = rgb(30, 150, 255);
        selectedtextcolor = White;
        textcolor = rgb(190, 190, 190);
        textcolorhover = rgb(250, 250, 250);
        texturebackground = "themes/Black.png" Part(0, 154, 48, 48) Middle(16, 16, 16, 16);

        scrollbar {
            texturearrowdown = "themes/Black.png" Part(163, 174, 20, 20) Middle(0, 1, 20, 19);
            texturearrowdownhover = "themes/Black.png" Part(183, 174, 20, 20) Middle(0, 1, 20, 19);
            texturearrowup = "themes/Black.png" Part(163, 154, 20, 20) Middle(0, 0, 20, 19);
            texturearrowuphover = "themes/Black.png" Part(183, 154, 20, 20) Middle(0, 0, 20, 19);
            texturethumb = "themes/Black.png" Part(143, 154, 20, 20);
            texturethumbhover = "themes/Black.png" Part(143, 174, 20, 20);
            texturetrack = "themes/Black.png" Part(123, 154, 20, 20);
            texturetrackhover = "themes/Black.png" Part(123, 174, 20, 20);
        }
    }
}

Label.Label1 {
    AutoSize = true;
    Position = (20, 20);
    ScrollbarPolicy = Never;
    Size = (93.2, 18);
    Text = "Port Number :";
    TextSize = 13;
    VerticalAlignment = Center;
    renderer = &2;
}

ComboBox.combo_Port_Name {
    ChangeItemOnScroll = true;
    ExpandDirection = Down;
    Items = [0, 1, 2, 3, 4, 5];
    ItemsToDisplay = 0;
    MaximumItems = 0;
    Position = (150, 20);
    SelectedItemIndex = 3;
    Size = (100, 22);
    TextSize = 13;
    renderer = &5;
}

Button.but_Connect {
    Position = (260, 20);
    Size = (110, 20);
    Text = Connect;
    TextSize = 13;
    renderer = &3;
}

Label.Label2 {
    AutoSize = true;
    Position = (20, 110);
    ScrollbarPolicy = Never;
    Size = (307.2, 18);
    Text = "*********** Robot Manual Control \"***********";
    TextSize = 13;
    renderer = &1;
}

Label.Label3 {
    AutoSize = true;
    Position = (20, 140);
    ScrollbarPolicy = Never;
    Size = (60.2, 18);
    Text = "Pose X : ";
    TextSize = 13;
    renderer = &1;
}

Label.Label4 {
    AutoSize = true;
    Position = (20, 170);
    ScrollbarPolicy = Never;
    Size = (59.2, 18);
    Text = "Pose Y : ";
    TextSize = 13;
    renderer = &1;
}

Label.Label5 {
    AutoSize = true;
    Position = (20, 200);
    ScrollbarPolicy = Never;
    Size = (61.2, 18);
    Text = "Pose Z : ";
    TextSize = 13;
    renderer = &1;
}

Label.Label6 {
    AutoSize = true;
    Position = (20, 230);
    ScrollbarPolicy = Never;
    Size = (115.2, 18);
    Text = "Theta Up/Down : ";
    TextSize = 13;
    renderer = &1;
}

Label.Label7 {
    AutoSize = true;
    Position = (20, 260);
    ScrollbarPolicy = Never;
    Size = (115.2, 18);
    Text = "Theta Rotation  : ";
    TextSize = 13;
    renderer = &1;
}

EditBox.txt_Pose_X {
    Position = (150, 140);
    Size = (100, 22);
    TextSize = 13;
    renderer = &4;
}

EditBox.EditBox1 {
    Position = (150, 170);
    Size = (100, 22);
    TextSize = 13;
    renderer = &4;
}

EditBox.EditBox2 {
    Position = (150, 200);
    Size = (100, 22);
    TextSize = 13;
    renderer = &4;
}

EditBox.EditBox3 {
    Position = (150, 230);
    Size = (100, 22);
    TextSize = 13;
    renderer = &4;
}

EditBox.EditBox4 {
    Position = (150, 260);
    Size = (100, 22);
    TextSize = 13;
    renderer = &4;
}

Button.But_Go2Pose {
    Position = (260, 140);
    Size = (110, 20);
    Text = "Go to Position";
    TextSize = 13;
    renderer = &3;
}

Button.But_go2HP {
    Position = (260, 170);
    Size = (110, 20);
    Text = "Go to HP";
    TextSize = 13;
    renderer = &3;
}

Button.But_RobotReset {
    Position = (260, 200);
    Size = (110, 20);
    Text = "Reset Position";
    TextSize = 13;
    renderer = &3;
}

Button.But_GO {
    Position = (260, 230);
    Size = (110, 20);
    Text = "Gripper Open";
    TextSize = 13;
    renderer = &3;
}

Button.But_GC {
    Position = (260, 260);
    Size = (110, 20);
    Text = "Gripper Close";
    TextSize = 13;
    renderer = &3;
}

Label.Label8 {
    AutoSize = true;
    Position = (20, 50);
    ScrollbarPolicy = Never;
    Size = (93.2, 18);
    Text = "Port Number :";
    TextSize = 13;
    VerticalAlignment = Center;
    renderer = &2;
}

ComboBox.combo_Port_CommSpeed {
    ChangeItemOnScroll = true;
    ExpandDirection = Down;
    Items = [9600, 14400, 19200, 28800, 38400, 57600, 115200];
    ItemsToDisplay = 0;
    MaximumItems = 0;
    Position = (150, 50);
    SelectedItemIndex = 4;
    Size = (100, 22);
    TextSize = 13;
    renderer = &5;
}


best regards


Kvaz1r

You can load widgets from file:
gui.loadWidgetsFromFile("form.txt");

abd dabbour

Quote from: Kvaz1r on 23 August 2019, 13:31:08
You can load widgets from file:
gui.loadWidgetsFromFile("form.txt");

thank you very much
it works.

texus

This question comes up occasionally (which is understandable as it isn't documented). The gui builder itself isn't even in the documentation or tutorials so I wasn't sure where to document it, but I have decided to just add a line on the home page, as this is the only place where the gui builder is currently mentioned on the site.