PyQt5シリーズチュートリアル(2) QtDesignerを使ってUIインターフェースをデザインする_PHPチュートリアル

PyQt5 シリーズ チュートリアル (2) QtDesigner を使用した UI インターフェイスの設計

ソフトウェアおよびハードウェア環境

• OS
はじめに
• PyQt5 シリーズ チュートリアルの最初の記事 http://blog.csdn.net/ djstavaV/article/details/50218157、今日は、誰もが Qt 開発の魅力を感じ、GUI プログラムの開発の一般的なプロセスに慣れることができるように、Python を使用して最初の Qt GUI プログラムを開発する開発環境をセットアップしました。 Qtを使って
• プログラムの UI インターフェイスを作成するには、UI 制作ツールを使用する方法と、モバイル開発における Android や iOS などの純粋なコードを作成する方法の 2 つが一般的です。PyQt5 では、この 2 つの方法もあります。
• QtDesigner ツールの紹介

QtDesigner は、Qt プログラムの UI インターフェイスを作成するために特別に使用されるツールです。使い方は非常に簡単です。ドラッグしてクリックするだけで、いつでもレンダリングをプレビューして表示できます。

QtDesigner UI のデザイン

Main Window モジュールに基づいて UI ファイルを作成し、firstPyQt5.ui という名前を付けます。ウィジェット ボックスからプッシュ ボタンを見つけて (ドラッグすることもできます)、それをワークスペースにドラッグし、位置を調整し、ボタンにテキストを入力し、フォントとサイズを調整します。これらはすべてプロパティ エディターで操作できます。ボタン上のポップアップ ボックスをクリックする操作により、Qt の非常に重要な 2 つの概念、つまりシグナルとスロットが表示されます。これについては、別のブログ記事で詳しく説明する予定です。ここで必要なのは、スロットが関数であることだけです。信号がスロットにバインドされている場合、信号がトリガーされ、スロットが実行されます。

それでは、質問は、QtDesigner でシグナルとスロットをバインドする方法です。メニュー バーの [編集] -> [信号/スロットの編集] を開き、カーソルをボタンに移動してクリックしてドラッグすると、編集ボックスが表示されます。これはクリックなので、信号は clicked() を選択しません。まだ存在しますので、[編集] をクリックして、firstPyQt5_button_click() という名前の新しいファイルを作成しましょう

<rcc version="1.0">    <qresource>        <file>qt.png</file>        <file>penguin.jpg</file>    </qresource></rcc> 

pyuic5 -o firstPyQt5.py firstPyQt5.ui 

ログイン後にコピー

# -*- coding: utf-8 -*-__author__ = 'djstava@gmail.com'import sysfrom PyQt5.QtWidgets import QApplication , QMainWindowfrom firstPyQt5 import *if __name__ == '__main__':    '''    主函数    '''    app = QApplication(sys.argv)    mainWindow = QMainWindow()    ui = Ui_mainWindow()    ui.setupUi(mainWindow)    mainWindow.show()    sys.exit(app.exec_()) 

ログイン後にコピー

rree

通常、更新を容易にするために、ui ファイルはここでは別のファイルとして保存されます。

ソースコードのダウンロード

http://download.csdn.net/detail/djstavav/9351205