Dmi7ry
Member
KinGUIru (aka KindGUI) is a GUI system for GMS (GMS1.x, GMS2; all platforms).
First release is planned before the end of the current year (as paid asset).
A few words about its features.
- Nice-looking (I hope) default design. Themes are supported (you can customize the default theme, like changing sizes/colors/etc, but you can use sprites as well)
- It supports relative size/position
- Just one object for the whole GUI
- Visual designer
- Window (nested windows are supported)
- Button (simple button, trigger, image button)
- CheckBox
- RadioButton
- ListView
- Table (grid)
- TreeView
- Properties (It supports several types: Caption, Text, Bool, Number, Font, Script, Sprite, Enum, Collection)
- DropdownList
- Image (+animated; normal/premultiplied)
- ProgressBar
- Menu
- PopupMenu
- Slider
- Text
- EditLine
- Groups
- Tabs (horizontal and vertical)
- ToolBar
- Switcher
- RTF-like texts + editor (different alignment, fonts, colors, images, subscript/superscript, underline, links/anchors, etc)
- HLayout, VLayout
- ComboBox
- and other.
Few examples (WIP):
Popup Menu (default skin)
Properties (default skin)
Code:
var p = kg_properties_create(-1, 10, 50, 70, 300, 550, 110, 25, -1, c_dkgray, c_white, true, user_properties_changed);
kg_properties_add(p, property_type_caption, "ProgressBar");
kg_properties_add(p, property_type_number, "X", 60, tag_progressbar_x);
kg_properties_add(p, property_type_number, "Y", 86, tag_progressbar_y);
kg_properties_add(p, property_type_number, "Width", 200, tag_progressbar_width);
kg_properties_add(p, property_type_number, "Height", 20, tag_progressbar_height);
kg_properties_add(p, property_type_script, "Action", -1, tag_progressbar_action);
kg_properties_add(p, property_type_caption, "Data");
kg_properties_add(p, property_type_number, "Value", 50, tag_progressbar_value);
kg_properties_add(p, property_type_number, "Total value", 100, tag_progressbar_total);
kg_properties_add(p, property_type_caption, "Background");
kg_properties_add(p, property_type_color, "Color", rgb($4e464a), tag_progressbar_bg_col);
kg_properties_add(p, property_type_sprite, "Sprite", -1, tag_progressbar_sprite);
kg_properties_add(p, property_type_enum, "Scale mode", pack(en_scale_mode, SCALE_MODE_STRETCH), tag_progressbar_bg_scale_mode);
kg_properties_add(p, property_type_caption, "Foreground");
kg_properties_add(p, property_type_color, "Color", rgb($966a76), tag_progressbar_fg_col);
kg_properties_add(p, property_type_enum, "Scale mode", pack(en_scale_mode, SCALE_MODE_STRETCH), tag_progressbar_fg_scale_mode);
kg_properties_add(p, property_type_caption, "Text");
kg_properties_add(p, property_type_font, "Font", -1, tag_progressbar_font);
kg_properties_add(p, property_type_color, "Color", rgb($ffffff), tag_progressbar_text_color);
kg_properties_add(p, property_type_enum, "Mode", pack(en_progressbar_mode, PROGRESSBAR_MODE_ALL), tag_progressbar_text_mode);
kg_properties_add(p, property_type_bool, "Bool example", true);
kg_properties_add(p, property_type_text, "Text example", "Hello world");
Dropdown
opened
Horizontal Tabs
Vertical Tabs
Visual designer
View attachment 13984
here you can also see Listview (with icons and without icons) and Treeview elements.
Very old examples (that were made when I just started the work on the GUI):
Table (grid)
Windows (1st - default, 2nd - sprites)
Windows (1st - default, 2nd - sprites)
Test of multiple nested windows (there are 5 windows used - you can see two of them on shot and 3 more are below the visible area)
View attachment 13985
Feel free to write your questions/suggestions/etc.
P.S. KindGUI already tried and tested in battle conditions.
P.P.S. I know that I write bad in English, so if you want you can PM me about my mistakes.
Last edited: