About

News

Mde's GUI

Features

Ideas

Platforms

Building

Utility Programs

Forum

Trac Wiki Help

GUI Screenshots

All these screenshots show the GUI's SimpleRenderer?, a very basic renderer using direct openGL calls. The renderer system is designed in such a way that renderers can easily be swapped, at run-time if multiple renderers are compiled in.

Note that the GUI is only rendered when necessary, rather than every iteration of the main loop (hence very little processing is required).

TODO: Make newer screen-shots (drag-and-drop, a few new widgets).

Parent widgets: placing other widgets

To position the widgets, some special parent widgets are available: a grid widget, a floating-area widget and a switch widget. These all use the minimal size of child widgets to decide how to place them, and can resize child widgets which declare themselves as resizable.

Grid layout widgets

5 different grid layout widgets are used in this screenshot: a 3x3 grid creating the "border", a 3x1 grid holding the floating area, the option list and the gray block below, a content-list widget giving a row for each option, and, instanced for each option, a 2x1 grid placing the description under the option and a 1x3 grid showing the name, the '=', and the value.

Floating area widget (windows)

The floating-area above the options is controlled by one widget, which controls both the blank "floating area" which it's children can occupy and (optionally) puts the borders around it's child widgets allowing them to be moved and resized within the floating area.

Switch widget

The switch widget is basically a tabbing widget without the tabs. It takes a set of child widgets and displays one based on an EnumContent?, whose value can be set by separate widgets, such as a drop-down selection menu or a series of check boxes (as in the screenshot).

---

Popup widget (menus)

This widget, when clicked, shows a pop-up of it's child widget. In this screenshot, that child widget is a content list widget showing a button or sub-menu for each member of the content list it's connected to (in other words, the menu is created dependant on the connected content and is extremely easy to adjust).

---

Other widgets

Button widget

This was mentioned under popup widget; however the same widget can also be used for ordinary buttons. There's no difference in appearance though.

Bool widget (red/green "checkbox")

This widget can set bool content true or false, and is also used for setting a value of an enum content (like the logging level).

Text content widget

There is a widget allowing text-based editing of many types of content; it is normally used for editing text (shown in screenshot) and number content, but can also be used for adjusting boolean and enum content.

---