Como usar o Builder Pyqt GUI

O PYQT é uma biblioteca Python popular usada para implementar aplicativos gráficos em Python mais facilmente. Esta biblioteca vem com uma ferramenta de construtor de GUI (interface gráfica do usuário) chamada QT Designer. A GUI pode ser construída rapidamente em Python usando o recurso de arrastar e soltar esta biblioteca, embora essa ferramenta não tenha instalações de depuração como o IDE padrão. Este tutorial mostra como implementar a GUI usando a classe QT Designer de Pyqt.

Pré -requisitos

Você deve instalar a ferramenta QT Designer antes de praticar os exemplos fornecidos neste tutorial. Execute os seguintes comandos para instalar o QT Designer no seu sistema:

$ sudo apt-get install qttools5-dev-tools
$ sudo apt-get install qttools5-dev

Abra o designer QT

Execute o seguinte comando para alterar o local do diretório atual para o QT Designer pasta.

$ cd/usr/lib/x86_64-linux-gnu/qt5/bin/

Execute o seguinte comando para abrir o aplicativo QT Designer.

$ ./Designer

Se o QT Designer foi instalado corretamente, a seguinte janela aparecerá. O Ferramenta A caixa mostrada no lado esquerdo da janela principal contém vários widgets que você pode usar para projetar a interface do usuário do aplicativo. O Nova forma A janela é usada para criar uma nova janela usando os botões padrão. As janelas mostradas no lado direito da janela principal fornecem informações sobre os widgets que podem ser lidos ou modificados.

Crie o primeiro formulário usando o designer QT

Para começar a projetar a interface para o aplicativo Python, clicaremos no Criar Botão na janela seguinte para abrir a caixa de diálogo com dois botões padrão.

Em seguida, projetaremos um formulário de login usando o Rótulo, edição de texto e widgets de botão. A caixa de diálogo será salva com o nome de nome.interface do usuário, que será usada mais tarde no script python. O QObject nome será alterado para LogIndialog usando o Janela do editor de propriedades deste aplicativo.

Usando a caixa de diálogo de login

O arquivo de interface do usuário criado pelo QT Designer pode ser usado no script python de duas maneiras. O arquivo pode ser usado diretamente no script python, ou no arquivo python convertido do QT Designer O arquivo pode ser usado no script python. Ambas as maneiras de usar a caixa de diálogo de QT Designer são mostrados na seção a seguir do tutorial.

Execute o arquivo de designer QT diretamente

O módulo UIC da biblioteca Pyqt é usado para carregar o arquivo criado pelo designer QT e o loadUi () O método do módulo UIC é usado para carregar o arquivo de interface do usuário. O script a seguir mostra como carregar o QT Designer arquivo nomeado Conecte-se.Ui que criamos antes. Os módulos necessários são importados no início do script. O objeto do aplicativo é criado usando o Qapplication (), e a QT Designer O arquivo é carregado usando o loadUi () método. Em seguida, o exec () O método é chamado para iniciar o loop de evento do aplicativo.

# Importar módulo SYS
Importar sistemas
# Importar Qtwidgets e UIC Módulos
De pyqt5 importar qtwidgets, uic
# Criar objeto de aplicativo
app = QtWidgets.Qapplication (sys.argv)
# Carregar o formulário GUI e exibição
janela = uic.loadUi ("Login.ui ")
janela.mostrar()
# Inicie o loop de evento do aplicativo ou caixa de diálogo
aplicativo.exec ()

A seguinte caixa de diálogo aparecerá após a execução do script acima.

Execute o arquivo da interface do usuário convertendo em arquivo python

O arquivo de interface do usuário criado pelo designer QT pode ser convertido em um arquivo python usando o pyuic5 comando. Execute o seguinte comando para converter o Conecte-se.Ui Arquive no forma de login.py arquivo. O Conecte-se.Ui O arquivo deve ser armazenado no local atual para executar o seguinte comando; Caso contrário, um erro será gerado.

$ pyuic5 login.UI -O Loginform.py

O código a seguir será gerado no forma de login.py Arquivo após executar o comando acima.

# -* -Codificação: UTF -8 -*-
# Implementação de formulário gerado a partir do arquivo da interface do usuário de leitura 'Login.ui '
#
# Criado por: PYQT5 Código da UI Gerador 5.12.3
#
# AVISO! Todas as alterações feitas neste arquivo serão perdidas!
De Pyqt5 Import qtcore, qtgui, qtwidgets
Classe UI_Logindialog (Object):
def setupui (self, logindialog):
LogIndialog.setObjectName ("LogIndialog")
LogIndialog.redimensionar (400, 224)
auto.TextEdit = QtWidgets.Qtextedit (LogIndialog)
auto.Textedit.SetGeometria (qtcore.Qrect (130, 70, 221, 31)))
auto.Textedit.setObjectName ("textEdit")
auto.textEdit_2 = QtWidgets.Qtextedit (LogIndialog)
auto.Textedit_2.SetGeometria (qtcore.Qrect (130, 120, 221, 31)))
auto.Textedit_2.setObjectName ("textedit_2")
auto.Rótulo = QtWidgets.Qlabel (LogIndialog)
auto.rótulo.SetGeometria (qtcore.Qrect (140, 20, 131, 31)))
Fonte = Qtgui.Qfont ()
Fonte.SetPointSize (18)
auto.rótulo.setFont (fonte)
auto.rótulo.setObjectName ("Label")
auto.Label_2 = QtWidgets.Qlabel (LogIndialog)
auto.Label_2.SetGeometria (qtcore.Qrect (36, 70, 81, 20)))
auto.Label_2.setObjectName ("Label_2")
auto.Label_3 = QtWidgets.Qlabel (LogIndialog)
auto.Label_3.SetGeometria (qtcore.Qrect (40, 120, 67, 17)))
auto.Label_3.setObjectName ("Label_3")
auto.btnlogin = Qtwidgets.QPUSHButton (LogIndialog)
auto.btnlogin.SetGeometria (qtcore.Qrect (150, 170, 89, 25)))
auto.btnlogin.setObjectName ("btnlogin")
auto.BtNCancel = Qtwidgets.QPUSHButton (LogIndialog)
auto.BtNCancel.SetGeometria (qtcore.Qrect (250, 170, 89, 25)))
auto.BtNCancel.setObjectName ("btncancel")
auto.retranslateui (logindialog)
Qtcore.QMetaObject.ConnectSlotsByName (LogIndialog)
def retranslateui (self, logindialog):
_Translate = Qtcore.QCOREAPPLICAÇÃO.traduzir
LogIndialog.SetWindowTitle (_Translate ("LogIndialog", "Dialog"))))
auto.rótulo.setText (_Translate ("LogIndialog", "Formulário de login")))
auto.Label_2.setText (_Translate ("LogIndialog", "Nome de usuário")))
auto.Label_3.setText (_Translate ("LogIndialog", "Senha")))
auto.btnlogin.setText (_Translate ("LogIndialog", "Login")))
auto.BtNCancel.setText (_Translate ("LogIndialog", "Cancel")))

O seguinte exibirá o Conecte-se caixa de diálogo Importando o forma de login.py arquivo criado usando o pyuic5 comando. O objeto do aplicativo é criado usando Qapplication (), e a caixa de diálogo de login é carregada usando o setupui () método. O botão de login está anexado com o Loginclicked () método para verificar se o nome de usuário e a senha retirados do usuário são válidos. O Cancelar o botão está anexado ao cancelclicked () Método para sair da aplicação. O exec () O método é chamado para iniciar o loop de evento do aplicativo.

# Importar QtWidgets
De pyqt5 importar qtwidgets
# Importar sistemas
Importar sistemas
# Importar Formulário de Login UI
importar loginform
# Defina uma classe para configurar a interface do usuário
Classe MyApp (qtwidgets.QMainWindow, Loginform.Ui_logindialog):
def __init __ (self, pai = nenhum):
Super (MyApp, eu).__init __ (pai)
# Carregue o formulário de login
auto.Setupui (self)
# Call Loginclicked () Método
auto.btnlogin.clicado.Conecte -se (self.Loginclicked)
# Call CancelClicked () Método
auto.BtNCancel.clicado.Conecte -se (self.cancelclicked)
# Declare o método para verificar o nome de usuário e a senha quando o botão de login clicar
Def Loginclicked (self):
se eu.Textedit.topLaintext () == 'admin' e self.Textedit_2.topLaintext () == 'SuperUser':
Imprimir ('Usuário autenticado')
outro:
Imprimir ('Usuário não autenticado')
# Declare o método para encerrar o script quando o botão cancelar clicar
def cancelclicked (self):
saída()
# Criar objeto de aplicativo
app = QtWidgets.Qapplication (sys.argv)
# Criar objeto de classe
forma = myApp ()
# Exiba o formulário
forma.mostrar()
# Inicie o loop de evento do aplicativo ou caixa de diálogo
aplicativo.exec ()

A seguinte caixa de diálogo aparecerá após a execução do script acima.

Se o usuário inserir o nome de usuário ou senha errados no Conecte-se formulário, então a saída a seguir aparecerá após clicar no Conecte-se botão.

Se o usuário inserir o nome de usuário e a senha corretos no Conecte-se formulário, então a saída a seguir aparecerá após clicar no Conecte-se botão.

Se o usuário clicar no Cancelar botão no Conecte-se formulário, então a caixa de diálogo desaparecerá.

Conclusão

Este tutorial mostrou como instalar QT Designer e como projetar um formulário simples usando este aplicativo. O tutorial também mostrou como carregar a caixa de diálogo da interface do usuário diretamente e, depois de convertê -lo no script python, mostrou -se na outra parte deste tutorial. Felizmente, este artigo ajudou você a entender melhor o uso do QT Designer para construir e usar a GUI em aplicativos.