Application Look and Feel
Previous topic  First topic  Next topic


Note :"Tema" is an arbitrary adaptation for the english word "Theme"
Nota: "Tema" es una adaptacion arbitraria de la palabra inglesa "Theme"

Applications written in Marinas-GUI respect the default "theme" (style and colors) on the desktop where they are running, but for this, our program has to be stripped of personal decorations, for example, FONTCOLOR or BACKCOLOR because if we use these attributes might be the that the "theme " stop behaving as expected.
Progress in this topic to learn more about the application of colors or press here to get faster.

Las aplicaciones escritas en Marinas-GUI respetan el "tema" (estilo y colores) del escritorio en donde se estan ejecutando, pero para esto, nuestro programa tiene que estar despojado de decoraciones personales, por ejemplo, FONTCOLOR o BACKCOLOR, ya que si usamos dichos atributos puede que el "tema" deje de comportarse como lo esperamos.
Avance en este tópico para aprender mas sobre aplicación de colores o presione aquí para llegar más rapidamente.


See below examples of the same Marinas-GUI application in different desktop "themes " without making any change to it:
Veamos a continuacion ejemplos de una misma aplicación Marinas-GUI en diferentes "temas" de escritorios sin hacerle ningun cambio:


Linux Ubuntu 10.04 with GNOME and appearance "ambiance"
Linux Ubuntu 10.04 con GNOME y apariencia "ambiance"




Linux Ubuntu 10.04 with GNOME and appearance "high contrast invert"

Linux Ubuntu 10.04 con GNOME y apariencia "high contrast invert"




Linux Ubuntu 10.04 with GNOME and appearance "clearlooks"

Linux Ubuntu 10.04 con GNOME y apariencia "clearlooks"




Windows XP "theme"Windows XP and appearance "default (blue)"

Windows XP con "tema" Windows XP y apariencia "default (blue)"




Windows XP "theme"Windows Classic look "maple"

Windows XP con "tema" Windows Classic y apariencia "maple"




Windows XP "theme"Windows Classic look "high contrast # 1"

Windows XP con "tema" Windows Classic y apariencia "high contrast #1"





In turn, Qt has its own management styles system , which can be invoked from our application, preferably at the beginning of the program and preferably no longer be changed.

A su vez, Qt, tiene su propio manejo de estilos, los cuales podemos invocar desde nuestra aplicacion, preferentemente al inicio del programa y preferentemente no volviendolos a cambiar.

It uses the SET APPLSTYLE command explained
here.
Para ello se utiliza el comando SET APPLSTYLE que se explica aquí.

Within these styles, there is one called "MarinasLooks" which is the only one on which the creators of Marinas-GUI take action.
This style allows us to use our customization of colors and also make our application look similar in all operating systems and themes.

Dentro de estos estilos, existe uno llamado "MarinasLooks" que es el único sobre el cual los creadores de Marinas-GUI toman acción.
Este estilo nos permite utilizar nuestra personalizacion de colores y además, lograr que nuestra aplicacion luzca similar en todos los sistemas operativos y "temas".


Use the following command in continuation of the sentence FUNCTION Main(...) of your program:
Utilice el siguiente comando a continuación de la sentencia FUNCTION Main( ... ) de su programa:

SET APPLSTYLE TO "MarinasLooks"

See below the example of two "tracks" desktop color "aggressive" but with style "MarinasLooks":
Veamos a continuacion el mismo ejemplo en dos "temas" de escritorios con colores "agresivos" pero con estilo "MarinasLooks":


Linux Ubuntu 10.04 with GNOME and appearance "high contrast invert"
Linux Ubuntu 10.04 con GNOME y apariencia "high contrast invert"




Windows XP "theme" Windows Classic and look "high contrast # 1"

Windows XP con "tema" Windows Classic y apariencia "high contrast #1"




In these two images we noticed that while the two "themes " of desktop colors are aggressive, the impact on the appearance of our application is minimal.

En estas dos imágenes notamos que si bien los dos "temas" de escritorios contienen colores agresivos, el impacto sobre el aspecto de nuestra aplicación es mínimo.

This scenario is suitable to easily apply our customization of colors:
Este escenario es el propicio para poder aplicar facilmente nuestra customizacion de colores:


Linux Ubuntu 10.04 with GNOME and appearance "high contrast invert" with BACKCOLOR and FONTCOLOR in ToolBar, Button, Grid and Tab.
Linux Ubuntu 10.04 con GNOME y apariencia "high contrast invert" con BACKCOLOR y FONTCOLOR en ToolBar, Button, Grid and Tab.




Windows XP using Windows Classic "theme" and "high contrast # 1" look with FONTCOLOR and BACKCOLOR in ToolBar, Button, Grid and Tab.

Windows XP con "tema" Windows Classic y apariencia "high contrast #1" con BACKCOLOR y FONTCOLOR en ToolBar, Button, Grid and Tab.





Marinas-GUI Version 03.06 and
Marinas-IDE Version 05.06 and
LEX Files Version 02.06


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
last update: March 09
2017
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------




A Harbour/QT framework to make multiplatform programs

(©) Copyright 2009-2017 by Fernando Santolin (aka CarozoDeQuilmes)
CarozoDeQuilmes@gmail.com

2009-2017 Beta tester and full English translator: Bruno Luciani
Bruno.Luciani@gmail.com

2014-2015 Final English corrector: David Worboys
DavidWorboys@hotmail.com

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Jump to Donation Topic


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

www.marinas-gui.org


www.marinas-gui.org  

Previous topic  First topic  Next topic