Difference between revisions of "Howto:Create a custom GUI style"

From FlightGear wiki
Jump to: navigation, search
m (Switch to the {{forum link}} template for all forum links.)
(Forum topics: + Some related forum topics)
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
A GUI (Graphical User Unterface) is is a type of user interface that allows users to interact with electronic devices graphically, i.e. with clickable images/buttons, rather than conventional text commands.  
+
[[File:Autopilot.jpg|thumb|The [[autopilot]] dialog, here with the default ''Anthrax'' style.]]
  
The FlightGear GUI can be customized to a certain degree by changing the appearance (colors and transparency) of all major GUI widgets (such as buttons, text fields, sliders, checkboxes etc), so that different GUI styles can be created easily.
+
The '''style of the GUI of FlightGear''', in essence the menus, most dialogs and their widgets, uses styles that can be changed or modified after taste.
  
As of version 2.6 there are two diferent gui styles provided in the base package:
+
== The GUI of FlightGear ==
[[File:menubar1.jpg]]
+
{{main article|PUI}}
[[File:menubar2.jpg]]
+
 
 +
For the graphical user interface (GUI) in FlightGear uses PUI, the ''Picoscopic User Interface'', one of the [[PLIB]] libraries.
 +
 
 +
The GUI style can be customized to a certain degree by changing the appearance (colors and transparency) of all major GUI widgets (such as buttons, text fields, sliders, checkboxes etc.), so that different GUI styles can be created.  The style of of the GUI is configured through [[PropertyList XML files]].
 +
 
 +
=== Included styles ===
 +
As of FlightGear 2.6 there are two different GUI styles provided in the base package:
 +
 
 +
[[File:menubar2.jpg|left|frame|The main menu in the default ''Anthrax'' style.]]
 +
[[File:menubar1.jpg|left|frame|The main menu in the ''Tortola'' style.]]{{-}}
 +
 
 +
You can switch between GUI styles with ''Main Menu'' > ''Debug'' > ''Cycle GUI Style''.  Press {{key press|F10}} if the main menu is hidden.
  
 
== Creating your custom GUI style  ==
 
== Creating your custom GUI style  ==
 
Creating a GUI style is fairly easy. and there are infact 2 different ways of making one. Eather way uses the RGB color system and alpha to add transparancy.
 
Creating a GUI style is fairly easy. and there are infact 2 different ways of making one. Eather way uses the RGB color system and alpha to add transparancy.
  
=== Gui styler ===
+
=== GUI styler ===
The first and easier way is using omega95's GUI styler, just turn the knobs until you get the color you want, it's fairly easy and quick. Your GUI can be finished in less than ten minutes.
+
The easier way to make a custom style is to use the GUI styler dialog by omega95.  Just turn the knobs until you get the color you want, making it fairly easy and quick. Your GUI can be finished in less than ten minutes.
 +
 
 +
You can get Omega95's GUI styler here: {{forum link|p=152423|title=Re: Black Glass / Sleek Black GUI Style}}
 +
 
 +
=== Manually editing a GUI style ===
 +
See the readme file below.
 +
 
 +
== Related content ==
 +
=== Wiki articles ===
 +
* [[FlightGear configuration via XML#Adding your own settings]]
 +
 
 +
=== Forum topics ===
 +
* {{forum link|t=25487|title=GUI Styles vastly ignored, Why ?}} (February 2015)
 +
* {{forum link|t=22834|title=Increase Font Size for Menubar, those with Bigger Monitors}} (April 2014)
 +
* {{forum link|t=15959|title=Cool new instant replay style GUI}} (April 2012-May 2013)
 +
* {{forum link|t=15611|title=Black Glass / Sleek Black GUI Style}} (Mars-April 2012)
 +
 
 +
=== Readme file ===
 +
* {{readme file|gui}} - Scroll down to ''GLOBAL SETTINGS ("THEMES")''.
  
Omega95's GUI styler is included as of 2.7 GIT but you can get it here: {{forum link|p=152423}}
+
=== Existing GUI stiles ===
 +
* {{fgdata source|path=gui/styles/}}
  
 
[[Category:Howto|Create a custom GUI style]]
 
[[Category:Howto|Create a custom GUI style]]
 +
[[Category:PUI]]

Revision as of 17:08, 12 October 2020

The autopilot dialog, here with the default Anthrax style.

The style of the GUI of FlightGear, in essence the menus, most dialogs and their widgets, uses styles that can be changed or modified after taste.

The GUI of FlightGear

1rightarrow.png See PUI for the main article about this subject.

For the graphical user interface (GUI) in FlightGear uses PUI, the Picoscopic User Interface, one of the PLIB libraries.

The GUI style can be customized to a certain degree by changing the appearance (colors and transparency) of all major GUI widgets (such as buttons, text fields, sliders, checkboxes etc.), so that different GUI styles can be created. The style of of the GUI is configured through PropertyList XML files.

Included styles

As of FlightGear 2.6 there are two different GUI styles provided in the base package:

The main menu in the default Anthrax style.
The main menu in the Tortola style.

You can switch between GUI styles with Main Menu > Debug > Cycle GUI Style. Press F10 if the main menu is hidden.

Creating your custom GUI style

Creating a GUI style is fairly easy. and there are infact 2 different ways of making one. Eather way uses the RGB color system and alpha to add transparancy.

GUI styler

The easier way to make a custom style is to use the GUI styler dialog by omega95. Just turn the knobs until you get the color you want, making it fairly easy and quick. Your GUI can be finished in less than ten minutes.

You can get Omega95's GUI styler here: Re: Black Glass / Sleek Black GUI Style post on the forum This is a link to the FlightGear forum.

Manually editing a GUI style

See the readme file below.

Related content

Wiki articles

Forum topics

Readme file

Existing GUI stiles