how to use builder tool

  • 3 Replies
  • 55 Views
how to use builder tool
« on: 23 August 2019, 11:48:38 »
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


Re: how to use builder tool
« Reply #1 on: 23 August 2019, 13:31:08 »
You can load widgets from file:
Code: [Select]
gui.loadWidgetsFromFile("form.txt");

Re: how to use builder tool
« Reply #2 on: 23 August 2019, 15:27:48 »
You can load widgets from file:
Code: [Select]
gui.loadWidgetsFromFile("form.txt");

thank you very much
it works.

*

texus

  • *****
  • 1463
    • View Profile
    • Texus's Blog
Re: how to use builder tool
« Reply #3 on: 23 August 2019, 23:16:03 »
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.