PySideTutorials Simple Dialog Japanese: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Category:LanguageBindings::PySide]]<br />[[Category:LanguageBindings::PySide Japanese]]
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}
 
[[Category:PySide]]
[[Category:PySide]]


'''日本語''' [[PySideTutorials_Simple_Dialog|English]]
'''日本語''' [[PySideTutorials_Simple_Dialog|English]]
Line 9: Line 12:
それではダイアログを作成して表示する簡単なプログラムから始めましょう。次のプログラムはチュートリアルを通して更新されていきますが、このままあなたのPySideプロジェクトに使ってもかまいません。
それではダイアログを作成して表示する簡単なプログラムから始めましょう。次のプログラムはチュートリアルを通して更新されていきますが、このままあなたのPySideプロジェクトに使ってもかまいません。


<code><br />#!/usr/bin/python<br /># <s>'''- coding: utf-8 <s>'''-
<pre>
<br />import sys<br />from PySide.QtCore import'''<br />from PySide.QtGui import *
#!/usr/bin/python
<br />class Form(QDialog):
# -'''- coding: utf-8 -'''-
<br /> def ''init''(self, parent=None):<br /> super(Form, self).''init''(parent)<br /> self.setWindowTitle(&quot;My Form&amp;quot;)
 
import sys
from PySide.QtCore import *
from PySide.QtGui import *
 
class Form(QDialog):
    def __init__(self, parent=None):
        super(Form, self).__init__(parent)
        self.setWindowTitle("My Form")
 
if __name__ == '__main__':
    # Qt Applicationを作成します
    app = QApplication(sys.argv)
    # formを作成して表示します
    form = Form()
    form.show()
    # Qtのメインループを開始します
    sys.exit(app.exec_())
</pre>
 
前回のチュートリアルに目を通しているなら、コードのほとんどはもう見慣れているでしょう。インポートやQApplicationの作成、そしてQtのメインループの実行は、これまでと変わりありません。ここで唯一目新しいのはクラス定義です。
 
PySideのウィジェットはサブクラス化することができます。この例ではQDialogをサブクラス化し、Formというカスタムダイアログを作ります。クラスには ''init()'' メソッドを実装し、このメソッドの中でQDialogの ''init()'' メソッドを呼び出して(superを使います)、親ウィジェットであるparentを渡します。もうひとつ新しいのはsetWindowTitle()です。このメソッドはダイアログウィンドウのタイトルを設定します。また ''main()'' ではFormオブジェクトの作成と表示を行います。
 
== ウィジェットの作成 ==
これから2つ​​のウィジェットを作成します。ユーザーが名前を入力するQLineEditと、その内容を出力するためのQPushButtonです。 では、Formクラスの ''init()'' メソッドに次のコードを追加しましょう。
 
<pre>
# ウィジェットを作ります
self.edit = QLineEdit("Write my name here..")
self.button = QPushButton("Show Greetings")
</pre>
 
もうお分かりだとおもいますが、ウィジェットはコンストラクタで受け取ったテキストを表示します.
 
== レイアウトの作成とウィジェットの整理 ==
Qtにはアプリケーション上のウィジェットを整理するレイアウトがあります。ここではシンプルに、ウィジェットを垂直に配置するQVBoxLayoutを使います。 ''init()'' メソッドのウィジェット作成​後に次のコードを追加します。
 
<pre>
# レイアウトを作成し、ウィジェットを追加します
layout = QVBoxLayout()
layout.addWidget(self.edit)
layout.addWidget(self.button)
# ダイアログのレイアウトを設定します
self.setLayout(layout)
</pre>
 
レイアウトを作成したらaddWidget()を使ってウィジェットを追加します。最後にFormのレイアウトとしてQVBoxLayoutを設定します。
 
== 挨拶メソッドの作成とボタンとの接続 ==
仕上げにFormに機能を追加しましょう。一つはユーザに挨拶をするメソッド、もうひとつはボタンとメソッドとの接続です。このメソッドはFormの一部になるので ''init''() メソッドの後に追加します。
 
<pre>
# ユーザーに挨拶します
def greetings(self):
    print ("Hello s" self.edit.text())
</pre>
 
このメソッドはpythonコンソールにQLineEditの内容を書き込みます。テキストはQLineEdit.text()メソッドで取り出します。
 
これで全て材料がそろいました。あとはQPushButtonとForm.greetings()メソッドとを接続するだけです。 ''init()'' メソッドに、次のように追加します。
 
<pre>
# ボタンのシグナルとgreetingsスロットを接続します
self.button.clicked.connect(self.greetings)
</pre>
 
プログラムを実行すると、QLineEditで名前が入力できるようになり、コンソール上に挨拶が表示されます。
 
=== やってみよう: ===
* 自分の名前をpythonコンソールに表示する代わりに、ポップアップメッセージボックスに表示できますか?QMessageBoxの詳しい解説は [http://www.pyside.org/docs/pyside/PySide/QtGui/QMessageBox.html PySide オンラインリファレンス] をご覧ください。
* ウィンドウにアイコンを追加できますか? [http://www.pyside.org/docs/pyside/PySide/QtGui/QWidget.htm PySide オンラインリファレンス] でWidgetの説明を確認しましょう。
* 閉じるボタンを追加してはどうでしょうか?新しいボタンを作成してレイアウトに追加し、 exitスロットに接続します。
* QHBoxLayoutを使えばレイアウトを水平方向にできます! [http://www.pyside.org/docs/pyside/PySide/QtGui/index.html PySide オンラインリファレンス] で他のレイアウトチェックしましょう。とくにQHBoxLayout、 QGridLayoutなどです。
 
== コード全体 ==
このチュートリアルの完全なコードは次のとおりです。
 
<pre>
#!/usr/bin/python
#-'''- coding: utf-8 -'''-


<br />if ''name'' == '''main''':<br /> # Qt Applicationを作成します<br /> app = QApplication(sys.argv)<br /> # formを作成して表示します<br /> form = Form()<br /> form.show()<br /> # Qtのメインループを開始します<br /> sys.exit(app.exec_())<br /></code>
import sys
<br />前回のチュートリアルに目を通しているなら、コードのほとんどはもう見慣れているでしょう。インポートやQApplicationの作成、そしてQtのメインループの実行は、これまでと変わりありません。ここで唯一目新しいのはクラス定義です。
from PySide.QtCore import *
<br />PySideのウィジェットはサブクラス化することができます。この例ではQDialogをサブクラス化し、Formというカスタムダイアログを作ります。クラスには ''init()'' メソッドを実装し、このメソッドの中でQDialogの ''init()'' メソッドを呼び出して(superを使います)、親ウィジェットであるparentを渡します。もうひとつ新しいのはsetWindowTitle()です。このメソッドはダイアログウィンドウのタイトルを設定します。また ''main()'' ではFormオブジェクトの作成と表示を行います。
from PySide.QtGui import *
<br />h2. ウィジェットの作成
<br />これから2つ​​のウィジェットを作成します。ユーザーが名前を入力するQLineEditと、その内容を出力するためのQPushButtonです。 では、Formクラスの ''init()'' メソッドに次のコードを追加しましょう。
<br /><code><br /># ウィジェットを作ります<br />self.edit = QLineEdit(&quot;Write my name here..&quot;)<br />self.button = QPushButton(&quot;Show Greetings&amp;quot;)<br /></code>
<br />もうお分かりだとおもいますが、ウィジェットはコンストラクタで受け取ったテキストを表示します.
<br />h2. レイアウトの作成とウィジェットの整理
<br />Qtにはアプリケーション上のウィジェットを整理するレイアウトがあります。ここではシンプルに、ウィジェットを垂直に配置するQVBoxLayoutを使います。 ''init()'' メソッドのウィジェット作成​後に次のコードを追加します。
<br /><code><br /># レイアウトを作成し、ウィジェットを追加します<br />layout = QVBoxLayout()<br />layout.addWidget(self.edit)<br />layout.addWidget(self.button)<br /># ダイアログのレイアウトを設定します<br />self.setLayout(layout)<br /></code>
<br />レイアウトを作成したらaddWidget()を使ってウィジェットを追加します。最後にFormのレイアウトとしてQVBoxLayoutを設定します。
<br />h2. 挨拶メソッドの作成とボタンとの接続
<br />仕上げにFormに機能を追加しましょう。一つはユーザに挨拶をするメソッド、もうひとつはボタンとメソッドとの接続です。このメソッドはFormの一部になるので ''init''() メソッドの後に追加します。
<br /><code><br /># ユーザーに挨拶します<br />def greetings(self):<br /> print (&quot;Hello s&amp;quot; self.edit.text())<br /></code>
<br />このメソッドはpythonコンソールにQLineEditの内容を書き込みます。テキストはQLineEdit.text()メソッドで取り出します。
<br />これで全て材料がそろいました。あとはQPushButtonとForm.greetings()メソッドとを接続するだけです。 ''init()'' メソッドに、次のように追加します。
<br /><code><br /># ボタンのシグナルとgreetingsスロットを接続します<br />self.button.clicked.connect(self.greetings)<br /></code>
<br />プログラムを実行すると、QLineEditで名前が入力できるようになり、コンソール上に挨拶が表示されます。
<br />h3. やってみよう:
<br />* 自分の名前をpythonコンソールに表示する代わりに、ポップアップメッセージボックスに表示できますか?QMessageBoxの詳しい解説は &quot;PySide オンラインリファレンス&amp;quot;:http://www.pyside.org/docs/pyside/PySide/QtGui/QMessageBox.html をご覧ください。<br />* ウィンドウにアイコンを追加できますか? &quot;PySide オンラインリファレンス&amp;quot;:http://www.pyside.org/docs/pyside/PySide/QtGui/QWidget.htm でWidgetの説明を確認しましょう。<br />* 閉じるボタンを追加してはどうでしょうか?新しいボタンを作成してレイアウトに追加し、 exitスロットに接続します。<br />* QHBoxLayoutを使えばレイアウトを水平方向にできます! &quot;PySide オンラインリファレンス&amp;quot;:http://www.pyside.org/docs/pyside/PySide/QtGui/index.html で他のレイアウトチェックしましょう。とくにQHBoxLayout、 QGridLayoutなどです。
<br />h2. コード全体
<br />このチュートリアルの完全なコードは次のとおりです。
<br /><code><br />#!/usr/bin/python<br />#</s>'''</s> coding: utf-8 -'''-
<br />import sys<br />from PySide.QtCore import'''<br />from PySide.QtGui import *


class Form(QDialog):
class Form(QDialog):


def ''init''(self, parent=None):<br /> super(Form, self).''init''(parent)<br /> # ウィジェットを作成します。<br /> self.edit = QLineEdit(&quot;Write my name here&amp;quot;)<br /> self.button = QPushButton(&quot;Show Greetings&amp;quot;)<br /> # レイアウトを作成しウィジェットを追加します<br /> layout = QVBoxLayout()<br /> layout.addWidget(self.edit)<br /> layout.addWidget(self.button)<br /> # ダイアログのレイアウトを設定します<br /> self.setLayout(layout)<br /> # ボタンのシグナルをgreetingsと接続します<br /> self.button.clicked.connect(self.greetings)
    def __init__(self, parent=None):
        super(Form, self).__init__(parent)
        # ウィジェットを作成します。
        self.edit = QLineEdit("Write my name here")
        self.button = QPushButton("Show Greetings")
        # レイアウトを作成しウィジェットを追加します
        layout = QVBoxLayout()
        layout.addWidget(self.edit)
        layout.addWidget(self.button)
        # ダイアログのレイアウトを設定します
        self.setLayout(layout)
        # ボタンのシグナルをgreetingsと接続します
        self.button.clicked.connect(self.greetings)


# ユーザへ挨拶します<br /> def greetings(self):<br /> print (&quot;Hello s&amp;quot; self.edit.text())
# ユーザへ挨拶します
    def greetings(self):
        print ("Hello", self.edit.text())


if ''name'' == '''main''':<br /> # Qt Applicationを作ります<br /> app = QApplication(sys.argv)<br /> # formを作成して表示します<br /> form = Form()<br /> form.show()<br /> # Qtのメインループを開始します<br /> sys.exit(app.exec_())
if __name__ == '__main__':
    # Qt Applicationを作ります
    app = QApplication(sys.argv)
    # formを作成して表示します
    form = Form()
    form.show()
    # Qtのメインループを開始します
    sys.exit(app.exec_())
</pre>

Latest revision as of 05:16, 10 May 2017

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

日本語 English

PySideの簡単なダイアログアプリケーションの作成

このチュートリアルでは、基本的なウィジェットを持ったシンプルなダイアログの作り方を紹介します。ユーザーが自分の名前をQLineEditに入力し、QPushButtonのクリックで挨拶をするダイアログを作ります。

それではダイアログを作成して表示する簡単なプログラムから始めましょう。次のプログラムはチュートリアルを通して更新されていきますが、このままあなたのPySideプロジェクトに使ってもかまいません。

#!/usr/bin/python
# -'''- coding: utf-8 -'''-

import sys
from PySide.QtCore import *
from PySide.QtGui import *

class Form(QDialog):
    def __init__(self, parent=None):
        super(Form, self).__init__(parent)
        self.setWindowTitle("My Form")

if __name__ == '__main__':
    # Qt Applicationを作成します
    app = QApplication(sys.argv)
    # formを作成して表示します
    form = Form()
    form.show()
    # Qtのメインループを開始します
    sys.exit(app.exec_())

前回のチュートリアルに目を通しているなら、コードのほとんどはもう見慣れているでしょう。インポートやQApplicationの作成、そしてQtのメインループの実行は、これまでと変わりありません。ここで唯一目新しいのはクラス定義です。

PySideのウィジェットはサブクラス化することができます。この例ではQDialogをサブクラス化し、Formというカスタムダイアログを作ります。クラスには init() メソッドを実装し、このメソッドの中でQDialogの init() メソッドを呼び出して(superを使います)、親ウィジェットであるparentを渡します。もうひとつ新しいのはsetWindowTitle()です。このメソッドはダイアログウィンドウのタイトルを設定します。また main() ではFormオブジェクトの作成と表示を行います。

ウィジェットの作成

これから2つ​​のウィジェットを作成します。ユーザーが名前を入力するQLineEditと、その内容を出力するためのQPushButtonです。 では、Formクラスの init() メソッドに次のコードを追加しましょう。

# ウィジェットを作ります
self.edit = QLineEdit("Write my name here..")
self.button = QPushButton("Show Greetings")

もうお分かりだとおもいますが、ウィジェットはコンストラクタで受け取ったテキストを表示します.

レイアウトの作成とウィジェットの整理

Qtにはアプリケーション上のウィジェットを整理するレイアウトがあります。ここではシンプルに、ウィジェットを垂直に配置するQVBoxLayoutを使います。 init() メソッドのウィジェット作成​後に次のコードを追加します。

# レイアウトを作成し、ウィジェットを追加します
layout = QVBoxLayout()
layout.addWidget(self.edit)
layout.addWidget(self.button)
# ダイアログのレイアウトを設定します
self.setLayout(layout)

レイアウトを作成したらaddWidget()を使ってウィジェットを追加します。最後にFormのレイアウトとしてQVBoxLayoutを設定します。

挨拶メソッドの作成とボタンとの接続

仕上げにFormに機能を追加しましょう。一つはユーザに挨拶をするメソッド、もうひとつはボタンとメソッドとの接続です。このメソッドはFormの一部になるので init() メソッドの後に追加します。

# ユーザーに挨拶します
def greetings(self):
    print ("Hello s" self.edit.text())

このメソッドはpythonコンソールにQLineEditの内容を書き込みます。テキストはQLineEdit.text()メソッドで取り出します。

これで全て材料がそろいました。あとはQPushButtonとForm.greetings()メソッドとを接続するだけです。 init() メソッドに、次のように追加します。

# ボタンのシグナルとgreetingsスロットを接続します
self.button.clicked.connect(self.greetings)

プログラムを実行すると、QLineEditで名前が入力できるようになり、コンソール上に挨拶が表示されます。

やってみよう:

  • 自分の名前をpythonコンソールに表示する代わりに、ポップアップメッセージボックスに表示できますか?QMessageBoxの詳しい解説は PySide オンラインリファレンス をご覧ください。
  • ウィンドウにアイコンを追加できますか? PySide オンラインリファレンス でWidgetの説明を確認しましょう。
  • 閉じるボタンを追加してはどうでしょうか?新しいボタンを作成してレイアウトに追加し、 exitスロットに接続します。
  • QHBoxLayoutを使えばレイアウトを水平方向にできます! PySide オンラインリファレンス で他のレイアウトチェックしましょう。とくにQHBoxLayout、 QGridLayoutなどです。

コード全体

このチュートリアルの完全なコードは次のとおりです。

#!/usr/bin/python
#-'''- coding: utf-8 -'''-

import sys
from PySide.QtCore import *
from PySide.QtGui import *

class Form(QDialog):

    def __init__(self, parent=None):
        super(Form, self).__init__(parent)
        # ウィジェットを作成します。
        self.edit = QLineEdit("Write my name here")
        self.button = QPushButton("Show Greetings")
        # レイアウトを作成しウィジェットを追加します
        layout = QVBoxLayout()
        layout.addWidget(self.edit)
        layout.addWidget(self.button)
        # ダイアログのレイアウトを設定します
        self.setLayout(layout)
        # ボタンのシグナルをgreetingsと接続します
        self.button.clicked.connect(self.greetings)

# ユーザへ挨拶します
    def greetings(self):
        print ("Hello", self.edit.text())

if __name__ == '__main__':
    # Qt Applicationを作ります
    app = QApplication(sys.argv)
    # formを作成して表示します
    form = Form()
    form.show()
    # Qtのメインループを開始します
    sys.exit(app.exec_())