Howto:Create a custom GUI style: Difference between revisions
m (+cat: PUI) |
(→Creating your custom GUI style: Menubar#Styles should be moved here) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
[[File:Autopilot.jpg|thumb|The [[autopilot]] dialog, here with the default ''Anthrax'' style.]] | |||
The FlightGear | 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 | == The GUI of FlightGear == | ||
[[File: | {{main article|PUI}} | ||
[[File: | |||
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 == | ||
{{mergefrom|Menubar#Styles|Talk:Menubar#Moving section on styles and creating them |date=October 2020}} | |||
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 === | ||
The | 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")''. | |||
=== Existing GUI stiles === | |||
* {{fgdata source|path=gui/styles/}} | |||
[[Category:Howto|Create a custom GUI style]] | [[Category:Howto|Create a custom GUI style]] | ||
[[Category:PUI]] | [[Category:PUI]] |
Latest revision as of 12:35, 14 October 2020
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
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:
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
Manually editing a GUI style
See the readme file below.
Related content
Wiki articles
Forum topics
- GUI Styles vastly ignored, Why ? topic on the forum (February 2015)
- Increase Font Size for Menubar, those with Bigger Monitors topic on the forum (April 2014)
- Cool new instant replay style GUI topic on the forum (April 2012-May 2013)
- Black Glass / Sleek Black GUI Style topic on the forum (Mars-April 2012)
Readme file
- $FG_ROOT/Docs/README.gui - Scroll down to GLOBAL SETTINGS ("THEMES").