PyQtの基礎 - 画面 - 版の履歴

Wiki: 文字列「」を「」に置換

2021-11-24T09:08:20Z

文字列「</source>」を「</syntaxhighlight>」に置換

← 古い版		2021年11月24日 (水) 18:08時点における版
36行目:		36行目:
	if __name__ == "__main__":		if __name__ == "__main__":
	main()		main()
	</~~source~~>		</syntaxhighlight>
	<br><br>		<br><br>

86行目:		86行目:
	if __name__ == "__main__":		if __name__ == "__main__":
	main()		main()
	</~~source~~>		</syntaxhighlight>
	<br>		<br>
	以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。<br>		以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。<br>
130行目:		130行目:
	if __name__ == "__main__":		if __name__ == "__main__":
	main()		main()
	</~~source~~>		</syntaxhighlight>
	<br>		<br>
	上記のサンプルコードでは、シグナルとスロットと呼ばれる機能を使用している。<br>		上記のサンプルコードでは、シグナルとスロットと呼ばれる機能を使用している。<br>
139行目:		139行目:
	timer.timeout.connect(self.getDateTime)		timer.timeout.connect(self.getDateTime)
	timer.start(1000)		timer.start(1000)
	</~~source~~>		</syntaxhighlight>
	<br><br>		<br><br>

193行目:		193行目:
	if __name__ == "__main__":		if __name__ == "__main__":
	main()		main()
	</~~source~~>		</syntaxhighlight>
	<br><br>		<br><br>

257行目:		257行目:
	Window.show()		Window.show()
	sys.exit(App.exec_())		sys.exit(App.exec_())
	</~~source~~>		</syntaxhighlight>
	<br>		<br>
	以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。<br>		以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。<br>
323行目:		323行目:
	Window.show()		Window.show()
	sys.exit(App.exec_())		sys.exit(App.exec_())
	</~~source~~>		</syntaxhighlight>
	<br><br>		<br><br>

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

Wiki: 文字列「
2021-11-18T00:21:44Z

文字列「<source」を「<syntaxhighlight」に置換

← 古い版 2021年11月18日 (木) 09:21時点における版
6行目: 6行目:

まず、PyQtで基本となるものは、画面を表示することである。 
まず、PyQtで基本となるものは、画面を表示することである。 

以下のサンプルコードでは、<code>QWidget</code>クラスを使用して画面のみを表示している。 
以下のサンプルコードでは、<code>QWidget</code>クラスを使用して画面のみを表示している。 

<source lang="python">
<syntaxhighlight lang="python">

# - * - coding: utf8 - * -
# - * - coding: utf8 - * -

56行目: 56行目:

 
 

以下のサンプルコードでは、ステータスバーを表示している。 
以下のサンプルコードでは、ステータスバーを表示している。 

<source lang="python">
<syntaxhighlight lang="python">

# - * - coding: utf8 - * -
# - * - coding: utf8 - * -

89行目: 89行目:

 
 

以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。 
以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。 

<source lang="python">
<syntaxhighlight lang="python">

# - * - coding: utf8 - * -
# - * - coding: utf8 - * -

135行目: 135行目:

オブジェクトは、何らかのイベントが生じた際にシグナルを発生させて、それをスロットの関数が受け取ることで画面上の情報を更新することができる。 
オブジェクトは、何らかのイベントが生じた際にシグナルを発生させて、それをスロットの関数が受け取ることで画面上の情報を更新することができる。 

ここでは、QTimerのインスタンスを生成した後、timeoutシグナルに対してgetDateTimeメソッドをスロットとして呼び出して、それらをconnectで結び付けている。 
ここでは、QTimerのインスタンスを生成した後、timeoutシグナルに対してgetDateTimeメソッドをスロットとして呼び出して、それらをconnectで結び付けている。 

<source lang="python">
<syntaxhighlight lang="python">

timer = QTimer(self)
timer = QTimer(self)

timer.timeout.connect(self.getDateTime)
timer.timeout.connect(self.getDateTime)

147行目: 147行目:

以下のサンプルコードでは、メニューバーと[ファイル]メニューおよび[終了]サブメニューを表示して、 
以下のサンプルコードでは、メニューバーと[ファイル]メニューおよび[終了]サブメニューを表示して、 

[終了]サブメニューにソフトウェアを終了するメニューバーアクションを定義している。 
[終了]サブメニューにソフトウェアを終了するメニューバーアクションを定義している。 

<source lang="python">
<syntaxhighlight lang="python">

# - * - coding: utf8 - * -
# - * - coding: utf8 - * -

211行目: 211行目:

36行目において、チェックボックスにチェックが入力されていない時は、 
36行目において、チェックボックスにチェックが入力されていない時は、 

<code>removeWiget</code>関数により、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。 
<code>removeWiget</code>関数により、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。 

<source lang="python">
<syntaxhighlight lang="python">

import sys
import sys

import sip
import sip

261行目: 261行目:

以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。 
以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。 

output関数では、各チェックボックスにチェックが入力されている時、それぞれ文字Aと文字Bをコンソールに出力している。 
output関数では、各チェックボックスにチェックが入力されている時、それぞれ文字Aと文字Bをコンソールに出力している。 

<source lang="python">
<syntaxhighlight lang="python">

import sys
import sys

import sip
import sip

Wiki: /* レイアウト */

2020-10-02T02:58:09Z

レイアウト

← 古い版		2020年10月2日 (金) 11:58時点における版
250行目:		250行目:
	self.vertical.removeWidget(self.upper_a)		self.vertical.removeWidget(self.upper_a)
	self.vertical.removeWidget(self.upper_b)		self.vertical.removeWidget(self.upper_b)


			if __name__ == '__main__':
			App = QApplication(sys.argv)
			Window = MainWindow()
			Window.show()
			sys.exit(App.exec_())
			</source>
			<br>
			以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。<br>
			output関数では、各チェックボックスにチェックが入力されている時、それぞれ文字Aと文字Bをコンソールに出力している。<br>
			<source lang="python">
			import sys
			import sip

			from PyQt5.QtCore import *
			from PyQt5.QtWidgets import *


			class MainWindow(QWidget):
			def __init__(self, parent=None):
			super(MainWindow, self).__init__(parent)

			# 一つ目のチェックボックス
			self.upper = QCheckBox('Upper', self)
			self.upper.move(100, 30)
			self.upper.stateChanged.connect(self.uppercase)

			# 横のレイアウト
			self.horizon = QHBoxLayout()
			# 縦のレイアウト
			self.vertical = QVBoxLayout()

			# ボタンの追加
			self.button = QPushButton('コンソールに出力', self)
			self.button.clicked.connect(self.output)

			self.horizon.addLayout(self.vertical)
			self.setLayout(self.horizon)

			self.setGeometry(300, 50, 400, 350)
			self.setWindowTitle('QCheckBox')


			def uppercase(self):
			if(self.upper.isChecked()):
			self.upper_a = QCheckBox('A', self)
			self.vertical.addWidget(self.upper_a)

			self.upper_b = QCheckBox('B', self)
			self.vertical.addWidget(self.upper_b)
			else:
			self.vertical.removeWidget(self.upper_a)
			self.vertical.removeWidget(self.upper_b)


			def output(self):
			outputs = []

			if(self.upper_a.isChecked()):
			outputs.append("A")
			if(self.upper_b.isChecked()):
			outputs.append("B")

			for output in outputs:
			print(output)

Wiki: /* レイアウト */

2020-10-02T02:42:37Z

レイアウト

← 古い版		2020年10月2日 (金) 11:42時点における版
202行目:		202行目:
	以下のサンプルコードにおいて、13行目の<code>self.upper.stateChanged.connect(self.uppercase)</code>では、<br>		以下のサンプルコードにおいて、13行目の<code>self.upper.stateChanged.connect(self.uppercase)</code>では、<br>
	<code>connect</code>により、"Upper"チェックボックスにチェックが入っている時、<code>uppercase</code>関数にコネクトする。<br>		<code>connect</code>により、"Upper"チェックボックスにチェックが入っている時、<code>uppercase</code>関数にコネクトする。<br>
			<br>
	<code>addWiget</code>関数では、upper_aチェックボックスとupper_bチェックボックスを指定している。<br>		<code>addWiget</code>関数では、upper_aチェックボックスとupper_bチェックボックスを指定している。<br>
	また、<code>addWiget</code>関数では、<code>vertical</code>を指定している。<br>		また、<code>addWiget</code>関数では、<code>vertical</code>を指定している。<br>
	<br>		<br>
	~~verticalにはQVBoxLayout~~(縦のレイアウト)を指定しているので、チェックボックスが縦に並ぶ。<br>		<code>vertical</code>には<code>QVBoxLayout(縦のレイアウト)</code>を指定しているので、チェックボックスが縦に並ぶ。<br>
	グループ化されていないので、複数のチェックボックスを選択することができる。<br>		グループ化されていないので、複数のチェックボックスを選択することができる。<br>
	<br>		<br>
	else文では、チェックボックスにチェックが入っていない時は、removeWigetをすることにより、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。<br>		36行目において、チェックボックスにチェックが入力されていない時は、<br>
			<code>removeWiget</code>関数により、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。<br>
	<source lang="python">		<source lang="python">
	import sys		import sys

2020年10月2日 (金) 02:37にWikiによる

2020-10-02T02:37:56Z

@@ 193行目: / 193行目: @@
   if __name__ == "__main__":
      main()
   </source>
 <br><br>

2020年9月28日 (月) 20:23にWikiによる

2020-09-28T20:23:43Z

← 古い版		2020年9月29日 (火) 05:23時点における版
5行目:		5行目:
	== 画面の表示 ==		== 画面の表示 ==
	まず、PyQtで基本となるものは、画面を表示することである。<br>		まず、PyQtで基本となるものは、画面を表示することである。<br>
	~~以下のサンプルコードでは、画面のみを表示している。~~<br>		以下のサンプルコードでは、<code>QWidget</code>クラスを使用して画面のみを表示している。<br>
	<source lang="python">		<source lang="python">
	# - * - coding: utf8 - * -		# - * - coding: utf8 - * -
43行目:		43行目:
	ステータスバーには、現在の画面内の情報等を表示することが可能である。<br>		ステータスバーには、現在の画面内の情報等を表示することが可能である。<br>
	<br>		<br>
	~~上記のセクションでは、QWidgetクラスを継承したMainWindowクラスを作成して画面を表示しているが、~~<br>		上記のセクションでは、<code>QWidget</code>クラスを継承したMyWindowクラスを作成して画面を表示しているが、<br>
	~~ステータスバーを表示するには、QMainWindowクラスを継承して画面を作成する必要がある。~~<br>		ステータスバーを表示するには、<code>QMainWindow</code>クラスを継承して画面を作成する必要がある。<br>
	<br>		<br>
	~~QWidgetクラスやQDialogクラスを使用して画面を作成することもできるが、メイン画面においてはQMainWindowクラスを使用することを推奨する。~~<br>		<code>QWidget</code>クラスや<code>QDialog</code>クラスを使用して画面を作成することもできるが、<br>
	~~QMainWindowクラスは、以下に示すソフトウェアのメイン画面を作成するための機能を提供しているからである。~~<br>		メイン画面においては<code>QMainWindow</code>クラスを使用することを推奨する。<br>
			それは、<u><code>QMainWindow</code>クラスは、以下に示すメイン画面を作成するための機能を提供しているからである。</u><br>
	* メニューバー		* メニューバー
	* ツールバー		* ツールバー
53行目:		54行目:
	* 中央ウィジェット		* 中央ウィジェット
	* ステータスバー		* ステータスバー
			<br>
	以下のサンプルコードでは、ステータスバーを表示している。<br>		以下のサンプルコードでは、ステータスバーを表示している。<br>
	<source lang="python">		<source lang="python">
62行目:		63行目:
	from PyQt5.QtWidgets import *		from PyQt5.QtWidgets import *

	# ~~QWidgetクラスの使用~~		# QMainWindowクラスの使用
	class MyWindow(~~QWidget~~):		class MyWindow(QMainWindow):

	def __init__(self, parent=None):		def __init__(self, parent=None):
97行目:		98行目:
	from PyQt5.QtWidgets import *		from PyQt5.QtWidgets import *

	# ~~QWidgetクラスの使用~~		# QMainWindowクラスの使用
	class MyWindow(~~QWidget~~):		class MyWindow(QMainWindow):

	def __init__(self, parent=None):		def __init__(self, parent=None):
154行目:		155行目:
	from PyQt5.QtWidgets import *		from PyQt5.QtWidgets import *

	# ~~QWidgetクラスの使用~~		# QMainWindowクラスの使用
	class MyWindow(~~QWidget~~):		class MyWindow(QMainWindow):

	def __init__(self, parent=None):		def __init__(self, parent=None):

Wiki: ページの作成:「== 概要 ==

== 画面の表示 == まず、PyQtで基本となるものは、画面を表示することである。
以下のサンプルコードでは…」

2020-09-28T16:54:30Z

ページの作成:「== 概要 == == 画面の表示 == まず、PyQtで基本となるものは、画面を表示することである。 以下のサンプルコードでは…」

新規ページ

== 概要 ==

 

== 画面の表示 ==
まず、PyQtで基本となるものは、画面を表示することである。 
以下のサンプルコードでは、画面のみを表示している。 
<source lang="python">
# - * - coding: utf8 - * -

import sys
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

# QWidgetクラスの使用
class MyWindow(QWidget):

def __init__(self, parent=None):
super(MyWindow, self).__init__(parent)

self.title = "ウィンドウのタイトル"
self.width = 500
self.height = 400
self.setWindowTitle(self.title)
self.setGeometry(0, 0, self.width, self.height)

self.show()

def main():
App = QApplication(sys.argv)
Window = MyWindow()
sys.exit(App.exec_())

if __name__ == "__main__":
main()
</source>
 

== ステータスバーの表示 ==
ここでは、画面にステータスバーを表示する方法を記載する。 
ステータスバーには、現在の画面内の情報等を表示することが可能である。 
 
上記のセクションでは、QWidgetクラスを継承したMainWindowクラスを作成して画面を表示しているが、 
ステータスバーを表示するには、QMainWindowクラスを継承して画面を作成する必要がある。 
 
QWidgetクラスやQDialogクラスを使用して画面を作成することもできるが、メイン画面においてはQMainWindowクラスを使用することを推奨する。 
QMainWindowクラスは、以下に示すソフトウェアのメイン画面を作成するための機能を提供しているからである。 
* メニューバー
* ツールバー
* ドックウィジェット
* 中央ウィジェット
* ステータスバー

以下のサンプルコードでは、ステータスバーを表示している。 
<source lang="python">
# - * - coding: utf8 - * -

import sys
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

# QWidgetクラスの使用
class MyWindow(QWidget):

def __init__(self, parent=None):
super(MyWindow, self).__init__(parent)

self.title = "ウィンドウのタイトル"
self.width = 500
self.height = 400
self.setWindowTitle(self.title)
self.setGeometry(0, 0, self.width, self.height)
self.statusBar().showMessage('ステータスバーの表示')
self.show()

def main():
App = QApplication(sys.argv)
Window = MyWindow()
sys.exit(App.exec_())

if __name__ == "__main__":
main()
</source>
 
以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。 
<source lang="python">
# - * - coding: utf8 - * -

import sys
import datetime # 時計を表示するために必要

from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

# QWidgetクラスの使用
class MyWindow(QWidget):

def __init__(self, parent=None):
super(MyWindow, self).__init__(parent)

self.title = "ウィンドウのタイトル"
self.width = 500
self.height = 400
self.setWindowTitle(self.title)
self.setGeometry(0, 0, self.width, self.height)
self.show()

timer = QTimer(self)
timer.timeout.connect(self.getDateTime)
timer.start(1000) # 1000ミリ秒

def getDateTime(self):
dt = datetime.datetime.today()
dt_str = dt.strftime("%Y年%m月%d日 %H時%M分%S秒")
self.statusBar().showMessage("ステータスバーの時計" + " " + dt_str)

def main():
App = QApplication(sys.argv)
Window = MyWindow()
sys.exit(App.exec_())

if __name__ == "__main__":
main()
</source>
 
上記のサンプルコードでは、シグナルとスロットと呼ばれる機能を使用している。 
オブジェクトは、何らかのイベントが生じた際にシグナルを発生させて、それをスロットの関数が受け取ることで画面上の情報を更新することができる。 
ここでは、QTimerのインスタンスを生成した後、timeoutシグナルに対してgetDateTimeメソッドをスロットとして呼び出して、それらをconnectで結び付けている。 
<source lang="python">
timer = QTimer(self)
timer.timeout.connect(self.getDateTime)
timer.start(1000)
</source>
 

== メニューバーの表示 ==
このセクションでは、メニューバーを表示する。 
 
以下のサンプルコードでは、メニューバーと[ファイル]メニューおよび[終了]サブメニューを表示して、 
[終了]サブメニューにソフトウェアを終了するメニューバーアクションを定義している。 
<source lang="python">
# - * - coding: utf8 - * -

import sys

from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

# QWidgetクラスの使用
class MyWindow(QWidget):

def __init__(self, parent=None):
super(MyWindow, self).__init__(parent)

self.title = "ウィンドウのタイトル"
self.width = 500
self.height = 400

# メニューバーの定義
exitAction = QAction('&終了', self)
exitAction.setShortcut('Ctrl+Q')
exitAction.setStatusTip('終了する')
exitAction.triggered.connect(qApp.quit)

# メニューバーアクションの追加
menubar = self.menuBar()
fileMenu = menubar.addMenu('&ファイル')
fileMenu.addAction(exitAction)

self.setWindowTitle(self.title)
self.setGeometry(0, 0, self.width, self.height)

# ステータスバー
self.statusBar()
　
self.show()

def main():
App = QApplication(sys.argv)
Window = MyWindow()
sys.exit(App.exec_())

if __name__ == "__main__":
main()
</source>
 

__FORCETOC__
[[カテゴリ:Python]]

← 古い版		2021年11月18日 (木) 09:21時点における版
6行目:		6行目:
	まず、PyQtで基本となるものは、画面を表示することである。<br>		まず、PyQtで基本となるものは、画面を表示することである。<br>
	以下のサンプルコードでは、<code>QWidget</code>クラスを使用して画面のみを表示している。<br>		以下のサンプルコードでは、<code>QWidget</code>クラスを使用して画面のみを表示している。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	# - * - coding: utf8 - * -		# - * - coding: utf8 - * -

56行目:		56行目:
	<br>		<br>
	以下のサンプルコードでは、ステータスバーを表示している。<br>		以下のサンプルコードでは、ステータスバーを表示している。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	# - * - coding: utf8 - * -		# - * - coding: utf8 - * -

89行目:		89行目:
	<br>		<br>
	以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。<br>		以下のサンプルコードでは、ステータスバーにデジタル時計を表示している。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	# - * - coding: utf8 - * -		# - * - coding: utf8 - * -

135行目:		135行目:
	オブジェクトは、何らかのイベントが生じた際にシグナルを発生させて、それをスロットの関数が受け取ることで画面上の情報を更新することができる。<br>		オブジェクトは、何らかのイベントが生じた際にシグナルを発生させて、それをスロットの関数が受け取ることで画面上の情報を更新することができる。<br>
	ここでは、QTimerのインスタンスを生成した後、timeoutシグナルに対してgetDateTimeメソッドをスロットとして呼び出して、それらをconnectで結び付けている。<br>		ここでは、QTimerのインスタンスを生成した後、timeoutシグナルに対してgetDateTimeメソッドをスロットとして呼び出して、それらをconnectで結び付けている。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	timer = QTimer(self)		timer = QTimer(self)
	timer.timeout.connect(self.getDateTime)		timer.timeout.connect(self.getDateTime)
147行目:		147行目:
	以下のサンプルコードでは、メニューバーと[ファイル]メニューおよび[終了]サブメニューを表示して、<br>		以下のサンプルコードでは、メニューバーと[ファイル]メニューおよび[終了]サブメニューを表示して、<br>
	[終了]サブメニューにソフトウェアを終了するメニューバーアクションを定義している。<br>		[終了]サブメニューにソフトウェアを終了するメニューバーアクションを定義している。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	# - * - coding: utf8 - * -		# - * - coding: utf8 - * -

211行目:		211行目:
	36行目において、チェックボックスにチェックが入力されていない時は、<br>		36行目において、チェックボックスにチェックが入力されていない時は、<br>
	<code>removeWiget</code>関数により、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。<br>		<code>removeWiget</code>関数により、チェックを入力するたびにチェックボックスが追加される現象を防いでいる。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	import sys		import sys
	import sip		import sip
261行目:		261行目:
	以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。<br>		以下のサンプルコードでは、QPushButtonを追加して、ボタンの押下時のイベントをoutput関数にコネクトしている。<br>
	output関数では、各チェックボックスにチェックが入力されている時、それぞれ文字Aと文字Bをコンソールに出力している。<br>		output関数では、各チェックボックスにチェックが入力されている時、それぞれ文字Aと文字Bをコンソールに出力している。<br>
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	import sys		import sys
	import sip		import sip

PyQtの基礎 - 画面 - 版の履歴

Wiki: 文字列「」を「」に置換

Wiki: /* レイアウト */

Wiki: /* レイアウト */

2020年10月2日 (金) 02:37にWikiによる

2020年9月28日 (月) 20:23にWikiによる

Wiki: ページの作成:「== 概要 == == 画面の表示 == まず、PyQtで基本となるものは、画面を表示することである。 以下のサンプルコードでは…」

Wiki: ページの作成:「== 概要 ==

== 画面の表示 == まず、PyQtで基本となるものは、画面を表示することである。
以下のサンプルコードでは…」