Howto:Create a custom GUI style: Difference between revisions

From FlightGear wiki
Jump to navigation Jump to search
mNo edit summary
Line 1: Line 1:
== What is a GUI? ==
== What is a GUI? ==
A GUI (graphical user interface) is is a type of user interface that allows users to interact with electronic devices with images/buttons rather than text commands.
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.  
As of version 2.6 there are two diferent gui types:
 
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.
 
As of version 2.6 there are two diferent gui styles provided in the base package:
[[File:menubar1.jpg]]
[[File:menubar1.jpg]]
[[File:menubar2.jpg]]
[[File:menubar2.jpg]]
== Creating your custom gui style  ==
== Creating your custom GUI style  ==
Creating a gui style is fairly easy. and there are infact 2 diferent ways of making one. Eather way uses the 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 the 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 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 styler is included as of 2.7 GIT but you can get it here[http://flightgear.org/forums/viewtopic.php?f=18&t=15611#p152423]
Omega95's GUI styler is included as of 2.7 GIT but you can get it here: [http://flightgear.org/forums/viewtopic.php?f=18&t=15611#p152423]

Revision as of 11:08, 9 April 2012

What is a GUI?

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.

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.

As of version 2.6 there are two diferent gui styles provided in the base package: Menubar1.jpg Menubar2.jpg

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 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.

Omega95's GUI styler is included as of 2.7 GIT but you can get it here: [1]