macOS 使用 Qt Designer + pyUIC 完成一个小工具

最终效果

选择城市后点击运行可以查看接口响应信息，用到的接口是：http://notify.mse.sogou.com/weather?city=北京

1 环境准备

安装 PyQt5

代码语言：javascript复制

pip3 install PyQt5

安装 PyQt5-tools

代码语言：javascript复制

pip3 install pyqt5-tools

安装 Qt Designer

下载地址

安装 pyuic5-tool

代码语言：javascript复制

pip3 install pyuic5-tool

2 配置 Qt Designer

name ：可以随便填 program ：填写 Qt Designer 的安装路径 working directory：填写 ProjectFileDir

上面的步骤完成后就可以工具栏Tools-External Tools 里面就可以看到Qt Designer这个扩展功能了，可以快速启动Designer

3 配置 pyUIC

pyUIC 可以将 .ui 转为 .py 格式的文件，保存在当前 python 项目同目录中

name ：可以随便填 program ：填写 pyUIC 路径 Arguments：FileName -o FileNameWithoutExtension.py working directory：FileDir

同样，Tools-External Tools 里面就可以看到 pyUIC 这个扩展功能了

4 使用 Qt Designer 绘制页面

完成页面绘制后，将页面信息保存，此时保存的是 .ui 格式的，记住保存地址

将.ui文件移动到我们创建的 Python 项目中

右击.ui文件找到 External Tools，单击 pyUIC 生成.py 格式的文件

代码生成后，我们先准备执行接口请求的脚本，将请求封装到 WeatherTest类中

代码语言：javascript复制

import requests


class WeatherTest:
    def __init__(self):
        self

    def testWeather(self, city):
        url = "http://notify.mse.sogou.com/weather"

        querystring = {"city": city}

        headers = {
            'User-Agent': "PostmanRuntime/7.16.3",
            'Accept': "*/*",
            'Cache-Control': "no-cache",
            'Postman-Token': "de3c837b-6f0c-48c8-a49d-1ca310c98917,d028ac2b-f12f-4fbd-ab4a-2aabfb32ab13",
            'Host': "notify.mse.sogou.com",
            'Accept-Encoding': "gzip, deflate",
            'Cookie': "IPLOC=CN1100",
            'Connection': "keep-alive",
            'cache-control': "no-cache"
        }

        response = requests.request("GET", url, headers=headers, params=querystring)
        print(response.text)

然后我们在刚刚生成的 .py 文件中，对代码进行修改增加城市列表和按钮绑定事件，这样就可以实现点击→触发→输出→展示的过程了

0.界面初始化

代码语言：javascript复制

 def __init__(self):
      super().__init__()
      self.setupUi(self)
      # 添加下拉列表选项
      self.comboBox.addItem("北京")
      self.comboBox.addItem("上海")
      # 省略添加了其他城市
      # 重定向输出流
      sys.stdout = EmittingStr(textWritten=self.outputWritten)
      sys.stderr = EmittingStr(textWritten=self.outputWritten)
      # 绑定按钮事件
      self.pushButton.clicked.connect(self.buttClicked)

1.绑定按钮事件 - 获取参数&触发请求

代码语言：javascript复制

def buttClicked(self):
    est = WeatherTest()
    selectedCity = self.comboBox.currentText()
    test.testWeather(city=selectedCity)

2.重定向输出流 - 展示在文本区域内

代码语言：javascript复制

def outputWritten(self, text):
    cursor = self.textBrowser.textCursor()
    cursor.movePosition(QtGui.QTextCursor.End)
    cursor.insertText(text)
    self.textBrowser.setTextCursor(cursor)
    self.textBrowser.ensureCursorVisible()

定义 EmittingStr 类

代码语言：javascript复制

class EmittingStr(QtCore.QObject):
    textWritten = QtCore.pyqtSignal(str)  # 定义一个发送str的信号

    def write(self, text):
        self.textWritten.emit(str(text))

主程序入口

代码语言：javascript复制

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ui = Ui_MainWindow()
    ui.show()
    sys.exit(app.exec_())

完成上面的步骤直接运行程序就可以看到界面，选择一个城市，执行就能看到接口请求的结果了~

qt python

0 人点赞