FLUID

Graphical editor and GUI builder
LicenseGNU Lesser General Public LicenceWebsitewww.fltk.org
FLUID widget list window

FLUID (Fast Light User Interface Designer) is a graphical editor and GUI builder that is used to produce FLTK source code. FLUID edits and saves its state in text .fl files, which can be edited in a text editor for finer control over display and behavior.[1]

After designing the application, FLUID compiles the .fl file into a .cxx file, which defines all the objects from the .fl file, and an .h file, which declares all the global ones.[2] FLUID also supports localization of label strings using message files and the GNU gettext or POSIX catgets interfaces.[3]

A flowchart showing the steps needed to compile FLUID-generated code

A simple program can be made by putting all non-interface code (including a main function) into the .fl file, thus making the .cxx file a single source file to compile. Most programs are more complex than this, so other .cxx files can be written that call the FLUID functions. These .cxx files must #include the .h file, or they can #include the .cxx file so it still appears to be a single source file.

Normally the FLUID file defines one or more functions or classes, which output C++ code. Each function defines one or more FLTK windows, and all the widgets that go inside those windows.

Widgets created by FLUID are "named", "complex named", or "unnamed". A named widget has a legal C++ variable identifier as its name (i.e. only alphanumeric and underscore), and is defined by a global variable or class member that will point at the widget after the function defining it is called. A complex named object has punctuation such as '.' or '->' or any other symbols in its name. In this case, FLUID assigns a pointer to the widget to the name, but does not attempt to declare it. This can be used to get the widgets into structures. An unnamed widget has a blank name and no pointer is stored.

Widgets may either call a named callback function that one writes in another source file, or one can supply a small piece of C++ source and FLUID will write a private callback function into the .cxx file.

Code View window

While editing the program FLUID the user can look at the Code View window which shows exactly how the C++ output of the program would look. The Code View window supports auto refreshing (when something in the program is changed, Code View will automatically change the source code being shown) which can be disabled by the user. It won't let the user change the code being shown through it. Code View is part of FLUID and is not automatically shown on startup. It can be enabled through FLUID's menu.

Widget bin window

FLUID's widget bin window

See also

  • Free and open-source software portal

References

  1. ^ Reference, from the FLTK documentation
  2. ^ FLTK 1.3.3: Programming with FLUID, from the FLTK manual.
  3. ^ fltk.org/doc-1.3/fluid.html#fluid_i18n FLTK 1.3.3: Programming with FLUID, FLTK manual

External links

  • Official website Edit this at Wikidata
  • FLTK & FLUID in motion - A FLUID tutorial
  • Video tutorial on FLUID covering only the basics
  • Erco's FLTK Cheat Page
  • The flPhoto user-interface was done completely with FLUID.
  • v
  • t
  • e
Qt
Open source
GTK
Open source
Proprietary
wxWidgets
Open source
CLI
Open source
Proprietary
VCL,
related
Open source, LCL
Proprietary
Cocoa
Proprietary
Java-based
Open source
Proprietary
Windows API
Open source
Proprietary
Other
Open source
Proprietary
  • v
  • t
  • e
Low-level
On AmigaOS
  • Intuition
On Classic Mac OS, macOS
On Windows
On Unix,
under X11
On BeOS, Haiku
Cross-platform
CLI
C
Java
On Android
CLI
  • Xamarin.Android
High-level, platform-specific
On AmigaOS
On Classic Mac OS, macOS
Object Pascal
Objective-C, Swift
C++
CLI
On Windows
CLI
C++
Object Pascal
On Unix,
under X11
On Android
High-level, cross-platform
C
C++
Objective-C
CLI
Adobe Flash
Go
  • Fyne
Haskell
Java
JavaScript
Common Lisp
Lua
  • IUP
Pascal
Object Pascal
Perl
PHP
Python
Ruby
Tcl
  • Tcl/Tk
XML
shell
  • Newt
  • CDK
  • Dialog
Dart
  • Flutter