Qtの基礎 - ウインドウ - 版の履歴

Wiki: 文字列「FORCETOC」を「{{#seo: |title={{PAGENAME}} : Exploring Electronics and SUSE Linux | MochiuWiki |keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板 |description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 | This pag…

2024-10-14T01:58:34Z

文字列「__FORCETOC__」を「{{#seo: |title={{PAGENAME}} : Exploring Electronics and SUSE Linux | MochiuWiki |keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板 |description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 | This pag…

← 古い版		2024年10月14日 (月) 10:58時点における版
652行目:		652行目:
	</syntaxhighlight>		</syntaxhighlight>
	<br><br>		<br><br>

			{{#seo:
			\|title={{PAGENAME}} : Exploring Electronics and SUSE Linux \| MochiuWiki
			\|keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板
			\|description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 \| This page is {{PAGENAME}} in our wiki about electronic circuits and SUSE Linux
			\|image=/resources/assets/MochiuLogo_Single_Blue.png
			}}

	__FORCETOC__		__FORCETOC__
	[[カテゴリ:Qt]]		[[カテゴリ:Qt]]

Wiki: /* タイトルバー */

2023-11-27T07:58:06Z

タイトルバー

@@ 4行目: / 4行目: @@
 == タイトルバー ==
 ウインドウのタイトルバーにアイコンを指定するには、<code>setWindowIcon</code>メソッドを使用する。<br>
 <center>
 {| class="wikitable" style="background-color:#fefefe;"
 |-
-! style="background-color:#00ffff;" | データ
+! style="background-color:#66CCFF;" | データ
-! style="background-color:#00ffff;" | アイコンの設定例(QIconクラス)
+! style="background-color:#66CCFF;" | アイコンの設定例(QIconクラス)
 |-
-| 標準画像 || QIcon Icon = style()->standardIcon(QStyle::SP_MediaPlay);<br>setWindowIcon(Icon);
+| style="text-align: center;" | 標準画像 ||
 |-
-| 標準カーソル || QCursor Cursor = Qt::WaitCursor;<br>if(!Cursor.pixmap().isNull())<br>{<br>　 QIcon Icon = QIcon(QPixmap(csr.pixmap()));<br>　 setWindowIcon(Icon);<br>}
+| style="text-align: center;" | 標準カーソル ||
 |-
-| リソース || QIcon Icon = QIcon(":/images/mouse.png");<br>setWindowIcon(Icon);
+| style="text-align: center;" | リソースの指定 ||
 |-
-| ファイル || QIcon Icon = QIcon("C:/temp/testimage.ico");<br>setWindowIcon(Icon);
+| style="text-align: center;" | ファイルパスの指定 ||
 |}
 </center>
 <br><br>

Wiki: /* タブオーダーの設定 */

2021-03-29T04:23:02Z

タブオーダーの設定

@@ 223行目: / 223行目: @@
+  {
      widget->setTabOrder(widget, widget);
+  }
   </syntaxhighlight>

Wiki: /* QSSをプロジェクト全体に適用する */

2021-03-26T11:28:21Z

QSSをプロジェクト全体に適用する

← 古い版		2021年3月26日 (金) 20:28時点における版
272行目:		272行目:
	QSSの書式や構文は、CSSとほぼ同じである。<br>		QSSの書式や構文は、CSSとほぼ同じである。<br>
	<br>		<br>
	以下の例は、Qtに付属しているサンプルを参考にしている。(<Qtのインストールディレクトリ>/~~examples~~/widgets/stylesheetディレクトリ)<br>		以下の例は、Qtに付属しているサンプルを参考にしている。<br>
			(<Qtのインストールディレクトリ>/Examples/Qt-<バージョン名>/widgets/widgets/stylesheetディレクトリ)<br>
	まず、MainWindow.qssファイルを作成する。<br>		まず、MainWindow.qssファイルを作成する。<br>
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
324行目:		325行目:
	</syntaxhighlight>		</syntaxhighlight>
	<br>		<br>

	==== ウィンドウの背景を画像にする ====		==== ウィンドウの背景を画像にする ====
	<code>QStyle</code>クラスは、ウィンドウの外見を詳細に設定することができる。<br>		<code>QStyle</code>クラスは、ウィンドウの外見を詳細に設定することができる。<br>

Wiki: /* ウィンドウの背景を画像にする */

2021-03-26T11:26:37Z

ウィンドウの背景を画像にする

← 古い版		2021年3月26日 (金) 20:26時点における版
330行目:		330行目:
	<code>QStyle</code>クラスを継承した派生クラスは数種類用意されており、OSにより使用できるものが決まっている。<br>		<code>QStyle</code>クラスを継承した派生クラスは数種類用意されており、OSにより使用できるものが決まっている。<br>
	<br>		<br>
	~~以下の例は、Qtに付属しているサンプルを参考にしている。(<Qtのインストールディレクトリ>/examples/widgets/stylesheetディレクトリ)<br>~~		以下の例は、<code>QStyle</code>クラスを継承した派生クラスを作成している。<br>
	~~ここでは、examples/widgets/stylesディレクトリに合わせて、~~<code>~~QMotifStyle~~</code>クラスを継承した派生クラスを作成している。<br>
	<br>		<br>
	設定後、<code>QMainWindow</code>クラスまたは<code>QDialog</code>クラスのコンストラクタにおいて、以下のように記述して適用する。<br>		設定後、<code>QMainWindow</code>クラスまたは<code>QDialog</code>クラスのコンストラクタにおいて、以下のように記述して適用する。<br>
	<syntaxhighlight lang="c++">		<syntaxhighlight lang="c++">
	QApplication::setStyle(new MyStyle); // ~~MyStyleクラスは、QMotifStyleクラスの派生クラス~~		QApplication::setStyle(new MyStyle); // MyStyleクラスは、QStyleクラスの派生クラス
	</syntaxhighlight>		</syntaxhighlight>
	<br>		<br>
343行目:		342行目:
	#pragma once		#pragma once

	#include <~~QtGui/QMotifStyle~~>		#include <QStyle>

	class MyStyle : public ~~QMotifStyle~~		class MyStyle : public QStyle
	{		{
	public:		public:
378行目:		377行目:
	</syntaxhighlight>		</syntaxhighlight>
	<br>		<br>

	==== ボタンのスタイルの変更 ====		==== ボタンのスタイルの変更 ====
	上記のセクションにも記述した<code>polish</code>メソッドを使用して、ボタンのスタイルを変更することができる。<br>		上記のセクションにも記述した<code>polish</code>メソッドを使用して、ボタンのスタイルを変更することができる。<br>

Wiki: /* ウインドウおよびウィジェットの形状を変更する */

2021-03-26T10:55:21Z

ウインドウおよびウィジェットの形状を変更する

← 古い版		2021年3月26日 (金) 19:55時点における版
425行目:		425行目:
	<br>		<br>
	以下の例では、ボタンの形状を変更している。<br>		以下の例では、ボタンの形状を変更している。<br>
	Qtに付属しているサンプルを参考にしている。(<Qtのインストールディレクトリ>/~~examples~~/widgets/styles/norwegianwoodstyle.cppファイル)<br>		Qtに付属しているサンプルを参考にしている。<br>
			(<Qtのインストールディレクトリ>/Examples/Qt-<バージョン名>/widgets/widgets/styles/norwegianwoodstyle.cppファイル)<br>
	<syntaxhighlight lang="c++">		<syntaxhighlight lang="c++">
	void MyStyle::drawPrimitive(PrimitiveElement element, const QStyleOption option, QPainter painter, const QWidget *widget) const		void MyStyle::drawPrimitive(PrimitiveElement element, const QStyleOption option, QPainter painter, const QWidget *widget) const

Wiki: /* ツールボタンの画像 */

2021-03-21T07:17:13Z

ツールボタンの画像

← 古い版		2021年3月21日 (日) 16:17時点における版
89行目:		89行目:
	また、アイコンのサイズも指定できる。<br>		また、アイコンのサイズも指定できる。<br>
	<syntaxhighlight lang="c++">		<syntaxhighlight lang="c++">
	std::~~make_unique~~<QToolButton> pToolBtn = std::make_unique<QToolButton>();		std::unique_ptr<QToolButton> pToolBtn = std::make_unique<QToolButton>();
	QIcon Icon = QIcon(style()->standardPixmap(QStyle::SP_TitleBarMenuButton));		QIcon Icon = QIcon(style()->standardPixmap(QStyle::SP_TitleBarMenuButton));

Wiki: /* リソースの保存 */

2021-03-21T07:15:59Z

リソースの保存

@@ 82行目: / 82行目: @@
 メニューを選択してリソースファイルを上書き保存する。<br>
 [ファイル] - [<リソースファイル名>の保存]<br>
 <br><br>

Wiki: /* 概要 */

2021-03-21T03:42:35Z

概要

@@ 1行目: / 1行目: @@
 == 概要 ==
 Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。<br>
 <br><br>

Wiki: /* ボタンのスタイルの変更 */

2021-03-16T22:02:15Z

ボタンのスタイルの変更

@@ 351行目: / 351行目: @@
      setTexture(palette, QPalette::Mid, midImage);
      setTexture(palette, QPalette::Window, backgroundImage);
+  }
   </syntaxhighlight>

Wiki: /* ウインドウおよびウィジェットの形状の変更 */

2021-03-16T21:27:18Z

ウインドウおよびウィジェットの形状の変更

@@ 261行目: / 261行目: @@
      return app.exec();
+  }
   </syntaxhighlight>

Wiki: /* タブオーダーの設定 */

2021-03-11T11:39:32Z

タブオーダーの設定

@@ 163行目: / 163行目: @@
+  {
      widget->setTabOrder(widget, widget);
+  }
   </syntaxhighlight>

Wiki: /* ステータスバー */

2021-03-10T12:45:20Z

ステータスバー

@@ 152行目: / 152行目: @@
   StatusBar->removeWidget(&bar);
   </syntaxhighlight>
 <br><br>

Wiki: /* 使用例 4 */

2021-03-07T15:41:54Z

使用例 4

@@ 123行目: / 123行目: @@
 # ツールバーの追加は、Qt Designerに表示しているウィンドウを右クリックして、[ツールバーを追加]を選択する。
 # ツールバーの追加後、アクションエディタから任意のアクションをツールバーへ、ドラッグ&ドロップする。
 <br><br>
 __FORCETOC__
 [[カテゴリ:Qt]]

Wiki: /* リソースの使用例 */

2021-02-24T12:49:34Z

リソースの使用例

← 古い版		2021年2月24日 (水) 21:49時点における版
121行目:		121行目:
	==== 使用例 4 ====		==== 使用例 4 ====
	ツールバーにアイコンを割り当てる手順を示す。<br>		ツールバーにアイコンを割り当てる手順を示す。<br>
	# ツールバーの追加は、左側のウィジェットボックスからではなく、デザイン中のウィンドウ上を右クリックして表示されるポップアップメニューから、「ツールバーを追加」メニューを選択します。		# ツールバーの追加は、Qt Designerに表示しているウィンドウを右クリックして、[ツールバーを追加]を選択する。
	# ~~ツールバーを追加したら、アクションエディタからアクションをドラッグしてツールバーへドロップします。~~		# ツールバーの追加後、アクションエディタから任意のアクションをツールバーへ、ドラッグ&ドロップする。
	<br><br>		<br><br>

	__FORCETOC__		__FORCETOC__
	[[カテゴリ:Qt]]		[[カテゴリ:Qt]]

Wiki: /* リソースの使用例 */

2021-02-24T00:29:43Z

リソースの使用例

← 古い版		2021年2月24日 (水) 09:29時点における版
112行目:		112行目:
	qDrag->setPixmap(QPixmap(":/images/drag.png"));		qDrag->setPixmap(QPixmap(":/images/drag.png"));
	</syntaxhighlight>		</syntaxhighlight>
			<br>
			==== 使用例 3 ====
			サブメニューにアイコンを割り当てる手順を示す。<br>
			# Qt Designer画面下のアクションエディタを右クリックして、[編集...]を選択する。
			# [アクションを編集]画面が開くので、[アイコン(I):]項目の[...]ボタンを押下してリソースに登録した画像ファイルを選択する。<br>または、[▼]ボタンを押下して、[ファイルを選択...]から画像ファイルを選択することもできる。
			# アクションエディタにて、アクションの左側に選択したアイコンが表示される。
			<br>
			==== 使用例 4 ====
			ツールバーにアイコンを割り当てる手順を示す。<br>
			# ツールバーの追加は、左側のウィジェットボックスからではなく、デザイン中のウィンドウ上を右クリックして表示されるポップアップメニューから、「ツールバーを追加」メニューを選択します。
			# ツールバーを追加したら、アクションエディタからアクションをドラッグしてツールバーへドロップします。
	<br><br>		<br><br>

	__FORCETOC__		__FORCETOC__
	[[カテゴリ:Qt]]		[[カテゴリ:Qt]]

Wiki: /* メニュー */

2021-02-23T20:54:48Z

メニュー

← 古い版		2021年2月24日 (水) 05:54時点における版
5行目:		5行目:
	== メニュー ==		== メニュー ==
	サブメニュー名の<code>&</code>の直後の文字列がニーモニックとして使用される。<br>		サブメニュー名の<code>&</code>の直後の文字列がニーモニックとして使用される。<br>

	下図の"File"は<code>QMenu</code>クラス、"Open"は<code>QAction</code>クラスである。<br>		下図の"File"は<code>QMenu</code>クラス、"Open"は<code>QAction</code>クラスである。<br>
			[[ファイル:Qt Basic Window 1.jpg\|フレームなし\|中央]]
	<br>		<br>
	"Open"の右側にあるアイコンを選択するとサブメニューを入力できる。<br>		"Open"の右側にあるアイコンを選択するとサブメニューを入力できる。<br>
	~~サブメニューを入力すると、その親メニューは~~<code>QMenu</code>クラスに変更される。<br>		サブメニューを入力すると、その親メニュー(上図では、"Open")は<code>QMenu</code>クラスに変更される。<br>
	<br>		<br>
	追加したアクションは、Qt Designer画面下にある[アクションエディタ]ペインに表示される。<br>		追加したアクションは、Qt Designer画面下にある[アクションエディタ]ペインに表示される。<br>
			[[ファイル:Qt Basic Window 2.jpg\|フレームなし\|中央]]
	<br><br>		<br><br>

Wiki: ページの作成:「== 概要 == Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。

== メニュ…」

2021-02-23T20:43:45Z

ページの作成:「== 概要 == Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。 == メニュ…」

新規ページ

== 概要 ==
Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。 
 

== メニュー ==
サブメニュー名の<code>&</code>の直後の文字列がニーモニックとして使用される。 
下図の"File"は<code>QMenu</code>クラス、"Open"は<code>QAction</code>クラスである。 
 
"Open"の右側にあるアイコンを選択するとサブメニューを入力できる。 
サブメニューを入力すると、その親メニューは<code>QMenu</code>クラスに変更される。 
 
追加したアクションは、Qt Designer画面下にある[アクションエディタ]ペインに表示される。 
 

== ツールバー ==
ここでは、ツールバーのアイコン(24x24のpng形式が標準)を作成したとする。 
 
==== リソースファイルの作成 ====
[ファイル] - [ファイル/プロジェクトの新規作成] - 画面左の[ファイルとクラス] - [Qt] - [Qt リソースファイル]を選択する。 
Qtのリソースディレクトリ名をResource、ディレクトリパスはプロジェクト直下とする。 
 
==== リソースエディタを開く ====
Qtのメイン画面左にあるプロジェクトツリーの[Resources]直下に、リソースファイル(.qrc)が表示されるので、 
リソースファイルを右クリックして、[エディタで開く]を選択する。 
 
※注意 
リソースファイルの新規作成時は、自動的にリソースエディタが開く。 
 
==== 新規登録 ====
以下に、リソースファイルが空の場合の登録手順を示す。 
# まず、リソースエディタを開いて、[Add Prefix]ボタンを押下する。 または、プロジェクトツリーにあるリソースファイルを右クリックして、[プレフィックスの追加...]を選択する。
# プレフィックス名に<code>/</code>(スラッシュ)を入力する。
# 次に、[Add Files]ボタンを押下する。
# ファイル選択ダイアログ画面にて、リソースファイルを選択する。([Ctrl] + [A]キーで全選択できる)
 
※注意 
プロジェクトツリーにあるリソースファイルを右クリックして、[既存ファイルの追加...]を選択する場合、既定のプレフィックスが作成される。 
また、プレフィックスには任意の文字列を指定することができる。 
 
==== 追加登録 ====
以下に、リソースを追加する手順を示す。 
# まず、リソースエディタを開いて、プレフィックスの行を選択する。 または、プロジェクトツリーにあるプレフィックス名を右クリックして、[既存のファイルの追加...]を選択する。
# [Add Files]ボタンを押下する。
# ファイル選択ダイアログ画面にて、リソースファイルを選択する。([Ctrl] + [A]キーで全選択できる)
 
※注意 
プロジェクトツリーのプレフィックス(/)を右クリックして、[既存のファイルを追加]を選択して登録することもできる。 
 
==== リソースの削除 ====
以下に、リソースを削除する手順を示す。 
# 削除するリソースの行を選択する。
# [削除]ボタンを押下して、ファイルの削除画面を表示する。
# ファイル名を確認して、[OK]ボタンを押下する。
 
※注意 
[Delete file permanently]にチェックを入力して削除する場合、ファイルの実体も削除される。 
プロジェクトツリーで削除するリソースを右クリックして、[Remove...]を選択して削除することもできる。 
 
==== リソースの保存 ====
メニューを選択してリソースファイルを上書き保存する。 
[ファイル] - [<リソースファイル名>の保存] 
 

== リソースをテキストエディタで編集する ==
テキストエディタを使用すると、リソースファイルの内容を直接変更することができる。 
 
プロジェクトツリーのリソースファイル(.qrc)を右クリックして、[テキストエディタで開く]を選択する。 
<syntaxhighlight lang="xml">
// リソースのテキストエディタでの編集例
<RCC>
<qresource prefix="/">
<file>images/drag.png</file>
<file>images/flower.png</file>
<file>images/photo.png</file>
</qresource>
</RCC>
</syntaxhighlight>
 
※注意 
テキストエディタでファイルパスの設定を削除しても、ファイルの実体が削除されることはない。 
 

== リソースの使用例 ==
==== リソース名の文字列の取得 ====
プロジェクトツリーのプレフィックスの下にリソース名が表示されている。 
 
リソース名を右クリックして、[パス ":～" をコピー]を選択する。 
 
==== 使用例 1 ====
ソフトウェアのタイトルバーのアイコンとして使用する。 
<syntaxhighlight lang="c++">
// プロジェクトディレクトリ直下のimagesディレクトリ内にあるflower.pngファイル
setWindowIcon(QIcon(":/images/flower.png"));
</syntaxhighlight>
 
==== 使用例 2 ====
ラベルにセットして、画像として表示する。 
<syntaxhighlight lang="c++">
// プロジェクトディレクトリ直下のimagesディレクトリ内にあるphoto.pngファイル
std::unique_ptr<QLabel> pLabel = std::make_unique<QLabel>();
pLabel->setPixmap(QPixmap(":/images/photo.png"));
</syntaxhighlight>
 
==== 使用例 3 ====
ドラッグ&ドロップにおいて、ドラッグ中の画像として使用する。 
<syntaxhighlight lang="c++">
// プロジェクトディレクトリ直下のimagesディレクトリ内にあるdrag.pngファイル
std::unique_ptr<QDrag> pDrag = std::make_unique<QDrag>(this);
qDrag->setPixmap(QPixmap(":/images/drag.png"));
</syntaxhighlight>
 

__FORCETOC__
[[カテゴリ:Qt]]

Qtの基礎 - ウインドウ - 版の履歴

Wiki: /* タイトルバー */

Wiki: /* タブオーダーの設定 */

Wiki: /* QSSをプロジェクト全体に適用する */

Wiki: /* ウィンドウの背景を画像にする */

Wiki: /* ウインドウおよびウィジェットの形状を変更する */

Wiki: /* ツールボタンの画像 */

Wiki: /* リソースの保存 */

Wiki: /* 概要 */

Wiki: /* ボタンのスタイルの変更 */

Wiki: /* ウインドウおよびウィジェットの形状の変更 */

Wiki: /* タブオーダーの設定 */

Wiki: /* ステータスバー */

Wiki: /* 使用例 4 */

Wiki: /* リソースの使用例 */

Wiki: /* リソースの使用例 */

Wiki: /* メニュー */

Wiki: ページの作成:「== 概要 == Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。 == メニュ…」

Wiki: ページの作成:「== 概要 == Qtにおいて、ウィンドウのメニューバー、ツールバー、ステータスバーの作成手順を記載する。

== メニュ…」