How to Change the Background Color of QWidget/es: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[Category:snippets]]<br />[[Category:HowTo]]<br />[[Category:QtDevelopmentSpanish::General]]
[[Category:snippets]]
[[Category:HowTo]]
[[Category:QtDevelopmentSpanish::General]]


'''Spanish''' | [[How_to_Change_the_Background_Color_of_QWidget|English]] | [[How_to_Change_the_Background_Color_of_QWidget_Bulgarian|Български]] | [[How_to_Change_the_Background_Color_of_QWidget_Japanese|日本語]] |[[How_to_Change_the_Background_Color_of_QWidget_SimplifiedChinese|简体中文]]
'''Spanish''' | [[How_to_Change_the_Background_Color_of_QWidget|English]] | [[How_to_Change_the_Background_Color_of_QWidget_Bulgarian|Български]] | [[How_to_Change_the_Background_Color_of_QWidget_Japanese|日本語]] |[[How_to_Change_the_Background_Color_of_QWidget_SimplifiedChinese|简体中文]]
Line 5: Line 7:
= Como Cambiar el Color de fondo de un QWidget =
= Como Cambiar el Color de fondo de un QWidget =


El &quot;QWidget &quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html es la clase base para todos los objetos de la interfaz de usuario, lo que significa que se puede usar el mismo enfoque para cambiar el color de fondo de estos.
El "QWidget ":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html es la clase base para todos los objetos de la interfaz de usuario, lo que significa que se puede usar el mismo enfoque para cambiar el color de fondo de estos.


== Usando la Paleta ==
== Usando la Paleta ==


El primer ejemplo ilustra como cambiar el color de fondo por medio de &quot;QPalette&amp;quot;:http://doc.qt.io/qt-5.0/qtgui/qpalette.html.
El primer ejemplo ilustra como cambiar el color de fondo por medio de "QPalette":http://doc.qt.io/qt-5.0/qtgui/qpalette.html.


<code>myWidget = new QWidget(this);<br />myWidget-&gt;setGeometry(0,0,300,100);<br />QPalette Pal(palette());<br />// Asignar el color de fondo como Negro<br />Pal.setColor(QPalette::Background, Qt::black);<br />myWidget-&gt;setAutoFillBackground(true);<br />myWidget-&gt;setPalette(Pal);<br />myWidget-&gt;show();</code>
<code>myWidget = new QWidget(this);
myWidget->setGeometry(0,0,300,100);
QPalette Pal(palette());
// Asignar el color de fondo como Negro
Pal.setColor(QPalette::Background, Qt::black);
myWidget->setAutoFillBackground(true);
myWidget->setPalette(Pal);
myWidget->show();</code>


== Usando la Hoja de Estilos ==
== Usando la Hoja de Estilos ==


La hoja de estilos contiene la descripción textual de las personalizaciones aplicadas al estilo de los widgets, tal como se describe en &quot;Qt Style Sheets&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.
La hoja de estilos contiene la descripción textual de las personalizaciones aplicadas al estilo de los widgets, tal como se describe en "Qt Style Sheets":http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.


<code>myWidget = new QWidget(this);<br />myWidget-&gt;setGeometry(0,0,300,100);<br />myWidget-&gt;setStyleSheet(&quot;background-color:black;&quot;);<br />myWidget-&gt;show();</code>
<code>myWidget = new QWidget(this);
myWidget->setGeometry(0,0,300,100);
myWidget->setStyleSheet("background-color:black;");
myWidget->show();</code>

Revision as of 10:34, 25 February 2015


Spanish | English | Български | 日本語 |简体中文

Como Cambiar el Color de fondo de un QWidget

El "QWidget ":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html es la clase base para todos los objetos de la interfaz de usuario, lo que significa que se puede usar el mismo enfoque para cambiar el color de fondo de estos.

Usando la Paleta

El primer ejemplo ilustra como cambiar el color de fondo por medio de "QPalette":http://doc.qt.io/qt-5.0/qtgui/qpalette.html.

myWidget = new QWidget(this);
myWidget->setGeometry(0,0,300,100);
QPalette Pal(palette());
// Asignar el color de fondo como Negro
Pal.setColor(QPalette::Background, Qt::black);
myWidget->setAutoFillBackground(true);
myWidget->setPalette(Pal);
myWidget->show();

Usando la Hoja de Estilos

La hoja de estilos contiene la descripción textual de las personalizaciones aplicadas al estilo de los widgets, tal como se describe en "Qt Style Sheets":http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.

myWidget = new QWidget(this);
myWidget->setGeometry(0,0,300,100);
myWidget->setStyleSheet("background-color:black;");
myWidget->show();