How to Change the Background Color of QWidget/ja: 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]]
[[Category:snippets]]
[[Category:HowTo]]


[[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_SimplifiedChinese|简体中文]]
[[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_SimplifiedChinese|简体中文]]
Line 5: Line 6:
= QWidget の背景色を変える方法 =
= QWidget の背景色を変える方法 =


&quot;QWidget&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html は全てのユーザーインターフェースオブジェクトの基底クラスです。そのため、他のウィジェットでも同じ方法で背景色を変えることが出来ます。
"QWidget":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html は全てのユーザーインターフェースオブジェクトの基底クラスです。そのため、他のウィジェットでも同じ方法で背景色を変えることが出来ます。


== パレットを使う ==
== パレットを使う ==


最初のサンプルでは &quot;QPalette&amp;quot;:http://doc.qt.io/qt-5.0/qtgui/qpalette.html を使って背景色を変える方法を示します。
最初のサンプルでは "QPalette":http://doc.qt.io/qt-5.0/qtgui/qpalette.html を使って背景色を変える方法を示します。


<code><br />m_pMyWidget = new QWidget(this);<br />m_pMyWidget-&gt;setGeometry(0,0,300,100);<br />QPalette Pal(palette());<br />// 背景色を黒にする<br />Pal.setColor(QPalette::Background, Qt::black);<br />m_pMyWidget-&gt;setAutoFillBackground(true);<br />m_pMyWidget-&gt;setPalette(Pal);<br />m_pMyWidget-&gt;show();<br /></code>
<code>
m_pMyWidget = new QWidget(this);
m_pMyWidget->setGeometry(0,0,300,100);
QPalette Pal(palette());
// 背景色を黒にする
Pal.setColor(QPalette::Background, Qt::black);
m_pMyWidget->setAutoFillBackground(true);
m_pMyWidget->setPalette(Pal);
m_pMyWidget->show();
</code>


== スタイルシートを使う ==
== スタイルシートを使う ==


スタイルシートではウィジェットのスタイルをテキストの記述を用いてカスタマイズすることが出来ます。詳細は &quot;Qt Style Sheets document&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html を参照してください。
スタイルシートではウィジェットのスタイルをテキストの記述を用いてカスタマイズすることが出来ます。詳細は "Qt Style Sheets document":http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html を参照してください。


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


どちらの方法でも QWidget の背景色が変わったことを Qt SDK 1.1 と Symbian^3 デバイスで確認しました。
どちらの方法でも QWidget の背景色が変わったことを Qt SDK 1.1 と Symbian^3 デバイスで確認しました。

Revision as of 09:03, 25 February 2015


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

QWidget の背景色を変える方法

"QWidget":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html は全てのユーザーインターフェースオブジェクトの基底クラスです。そのため、他のウィジェットでも同じ方法で背景色を変えることが出来ます。

パレットを使う

最初のサンプルでは "QPalette":http://doc.qt.io/qt-5.0/qtgui/qpalette.html を使って背景色を変える方法を示します。

m_pMyWidget = new QWidget(this);
m_pMyWidget->setGeometry(0,0,300,100);
QPalette Pal(palette());
// 背景色を黒にする
Pal.setColor(QPalette::Background, Qt::black);
m_pMyWidget->setAutoFillBackground(true);
m_pMyWidget->setPalette(Pal);
m_pMyWidget->show();

スタイルシートを使う

スタイルシートではウィジェットのスタイルをテキストの記述を用いてカスタマイズすることが出来ます。詳細は "Qt Style Sheets document":http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html を参照してください。

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

どちらの方法でも QWidget の背景色が変わったことを Qt SDK 1.1 と Symbian^3 デバイスで確認しました。