Graphical user interface builder: Difference between revisions
Jump to navigation
Jump to search
imported>Janan2025 Reverting edit(s) by 139.64.140.168 (talk) to rev. 1265721783 by Spidermario: Unexplained content removal (UV 0.1.6) |
imported>AnomieBOT m Dating maintenance tags: {{Refimprove}} |
||
| Line 1: | Line 1: | ||
{{Short description|Software development tool}} | {{Short description|Software development tool}} | ||
{{refimprove|date=November 2025}} | |||
[[File:Gui-builder.png|thumb|[[NetBeans]] GUI builder]] | [[File:Gui-builder.png|thumb|[[NetBeans]] GUI builder]] | ||
A '''graphical user interface builder''' (or '''GUI builder'''), also known as '''GUI designer''' or sometimes | A '''graphical user interface builder''' (or '''GUI builder'''), also known as '''GUI designer''' or sometimes [[Rapid application development|RAD]] [[Integrated development environment|IDE]], is a [[software development tool]] that simplifies the creation of [[graphical user interface|GUIs]] by allowing the designer to arrange [[graphical control element]]s (often called widgets) using a [[drag-and-drop]] [[WYSIWYG]] editor.<ref>{{Cite conference | author = Zarras, Apostolos V.; Mamalis, Georgios; Papamichail, Aggelos; Kollias, Panagiotis; Vassiliadis, Panos | title = And the Tool Created a GUI That was Impure and Without Form: Anti-Patterns in Automatically Generated GUIs | year = 2018 | book-title = Proceedings of the 23rd European Conference on Pattern Languages of Programs (EuroPLoP '18) | location = Irsee, Germany | publisher = ACM | doi = 10.1145/3273418.3273450 | url = https://www.cse.uoi.gr/~pvassil/publications/2018_EuroPlop/Europlop_2018.pdf}}</ref> Without a GUI builder, a GUI must be built by manually specifying each widget's parameters in the source code, with no visual feedback until the program is run. | ||
User interfaces are commonly programmed using an [[Event-driven programming|event-driven architecture]], so GUI builders also simplify creating event-driven code. This supporting code connects [[software widget]]s with the outgoing and incoming [[Event (computing)|events]] that trigger the functions providing the application logic. | User interfaces are commonly programmed using an [[Event-driven programming|event-driven architecture]], so GUI builders also simplify creating event-driven code. This supporting code connects [[software widget]]s with the outgoing and incoming [[Event (computing)|events]] that trigger the functions providing the application logic. | ||
| Line 47: | Line 48: | ||
===HTML/JavaScript based=== | ===HTML/JavaScript based=== | ||
* [[Adobe Dreamweaver]] | * [[Adobe Dreamweaver]] | ||
=== Python based === | |||
=== Object Pascal based=== | === Object Pascal based=== | ||
| Line 56: | Line 60: | ||
* [[Tk (framework)]] for [[Tcl]] | * [[Tk (framework)]] for [[Tcl]] | ||
** [[ActiveState Komodo]] (No longer{{Since when|date = April 2015}} has a GUI builder) | ** [[ActiveState Komodo]] (No longer{{Since when|date = April 2015}} has a GUI builder) | ||
===Visual Basic based=== | ===Visual Basic based=== | ||
| Line 67: | Line 70: | ||
* [[App Inventor for Android]] | * [[App Inventor for Android]] | ||
* [[AutoIt]] | * [[AutoIt]] | ||
* [[Creately]] | * [[Creately]] | ||
* [[Embedded Wizard]] | * [[Embedded Wizard]] | ||
| Line 123: | Line 125: | ||
== See also == | == See also == | ||
* [[Model–view–controller]] | |||
* [[Web template system]] | |||
* [[Rapid application development]] (RAD) | * [[Rapid application development]] (RAD) | ||
* [[Human interface guidelines]] (HIG) | * [[Human interface guidelines]] (HIG) | ||
| Line 128: | Line 132: | ||
* [[User interface markup language]] | * [[User interface markup language]] | ||
* [[User interface modeling]] | * [[User interface modeling]] | ||
* [[Linux on the desktop]] | * [[Linux on the desktop]] | ||
==References== | |||
{{Reflist}} | |||
{{GUI builders}} | {{GUI builders}} | ||
{{Graphical control elements}} | {{Graphical control elements}} | ||
[[Category:Graphical control elements]] | [[Category:Graphical control elements]] | ||
[[Category:Graphical user interfaces|builder]] | [[Category:Graphical user interfaces|builder]] | ||
[[Category:User interface builders|*]] | [[Category:User interface builders|*]] | ||
Latest revision as of 02:03, 9 November 2025
Template:Short description Template:Refimprove
A graphical user interface builder (or GUI builder), also known as GUI designer or sometimes RAD IDE, is a software development tool that simplifies the creation of GUIs by allowing the designer to arrange graphical control elements (often called widgets) using a drag-and-drop WYSIWYG editor.[1] Without a GUI builder, a GUI must be built by manually specifying each widget's parameters in the source code, with no visual feedback until the program is run.
User interfaces are commonly programmed using an event-driven architecture, so GUI builders also simplify creating event-driven code. This supporting code connects software widgets with the outgoing and incoming events that trigger the functions providing the application logic.
Some graphical user interface builders automatically generate all the source code for a graphical control element. Others, like Interface Builder or Glade Interface Designer, generate serialized object instances that are then loaded by the application.
List of GUI builders
C language based
C# based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Expression Blend
- SharpDevelop
- Xamarin.Forms / .NET Core
C++ based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Blend
- Qt (toolkit)
- FLTK
- JUCE
- U++
- wxWidgets
Objective-C / Swift based
Java based
- Android Studio, XML-based GUI layout
- NetBeans GUI design tool
HTML/JavaScript based
Python based
Object Pascal based
- Delphi / VCL (Visual Component Library)
- Lazarus / LCL (Lazarus Component Library)
Tk framework based
- Tk (framework) for Tcl
- ActiveState Komodo (No longerTemplate:Since when has a GUI builder)
Visual Basic based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Expression Blend
Other tools
- Adobe Animate
- App Inventor for Android
- AutoIt
- Creately
- Embedded Wizard
- GEM
- Interface Builder
- LucidChart
- OpenWindows
- Resource construction set
- Stetic
- Scaleform
- Wavemaker
List of development environments
IDEs with GUI builders (RAD IDEs)
- 4D
- ActiveState Komodo (No longerTemplate:Since when has a GUI builder)
- Android Studio
- Anjuta
- AutoIt3
- C++Builder
- Clarion
- Blocks
- CodeLite
- dBase
- Delphi/RAD Studio
- Embedded Wizard
- Eclipse
- Gambas
- IntelliJ IDEA
- InForm
- JDeveloper
- KDevelop
- LabWindows/CVI
- LANSA
- Lazarus
- Liberty BASIC
- Microsoft Visual Studio
- MonoDevelop
- MSEide+MSEgui
- MyEclipse
- NetBeans
- OutSystems
- PascalABC.NET
- Projucer
- Purebasic
- Qt Creator
- SharpDevelop
- Softwell Maker
- U++
- VB6
- WinFBE
- Xcode
- Xojo
See also
- Model–view–controller
- Web template system
- Rapid application development (RAD)
- Human interface guidelines (HIG)
- Human interface device
- User interface markup language
- User interface modeling
- Linux on the desktop
References
<templatestyles src="Reflist/styles.css" />
- ↑ Script error: No such module "citation/CS1".
Script error: No such module "Check for unknown parameters".