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:
[[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|简体中文]]
[[Category:snippets]]<br />[[Category:HowTo]]


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


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


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


最初のサンプルでは [http://doc.qt.io/qt-5.0/qtgui/qpalette.html QPalette] ''[qt.io]'' を使って背景色を変える方法を示します。
== パレットを使う ==


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


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


どちらの方法でも QWidget の背景色が変わったことを Qt <span class="caps">SDK</span> 1.1 と Symbian^3 デバイスで確認しました。
== スタイルシートを使う ==


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


* [[:Category:HowTo|HowTo]]
<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>
* [[:Category:snippets|snippets]]
 
どちらの方法でも QWidget の背景色が変わったことを Qt SDK 1.1 と Symbian^3 デバイスで確認しました。

Revision as of 14:40, 23 February 2015


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

QWidget の背景色を変える方法

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

パレットを使う

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

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

スタイルシートを使う

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

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

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