本文由腾讯云+社区自动同步,原文地址 https://stackoverflow.club/article/pyqt5_webbrowser_download_file/
之前的GUI方案是docker+flask+html+css+js+浏览器,但是很多人都说奇怪。可能他们没有见过这种快速开发桌面应用的方式,只会点击exe文件那种傻瓜的方式。
在实践中也碰到了一个问题,就是各个系统(win,linux)的浏览器各不相同,前端适配非常困难。另外我们希望打开软件时启动docker,关闭窗口时同步关闭docker,使用系统浏览器无法做到这点。因为打开系统浏览器有很多种方案,印象中都是异步,并且没有相应的通知接口。
所以考虑了新方案,docker+flask+html+css+js+自建浏览器,自建浏览器界面做成原生应用的样子。且自建浏览器打算采用pyqt5,其自带chromium。
似乎pyqt5比较挑版本,我这里使用ubuntu18.04,python版本为3.6.8
pip install PyQt5
pip install PyQtWebEngine
比较奇怪的是PyQt5.QtWebEngineWidgets
并不是自带,而是另外的库,否则会报下面的错误[1]。
ImportError: No module named 'PyQt5.QtWebEngineWidgets'
装好的pyqt5版本
PyQt5==5.12.2
PyQt5-sip==4.19.17
PyQtWebEngine==5.12.1
from PyQt5.QtWidgets import QApplication
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtCore import QUrl
app = QApplication([])
view = QWebEngineView()
view.load(QUrl("http://www.baidu.com"))
view.show()
app.exec_()
import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtWebEngineWidgets import QWebEngineView
################################################
#######创建主窗口
################################################
class MainWindow(QMainWindow):
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.setWindowTitle('My Browser')
self.showMaximized()
self.webview = WebEngineView()
self.webview.load(QUrl("http://localhost:8080/"))
self.setCentralWidget(self.webview)
################################################
#######创建浏览器
################################################
class WebEngineView(QWebEngineView):
windowList = []
# 重写createwindow()
def createWindow(self, QWebEnginePage_WebWindowType):
print('Enter new windows')
new_webview = WebEngineView()
new_window = MainWindow()
new_window.setCentralWidget(new_webview)
#new_window.show()
self.windowList.append(new_window) #注:没有这句会崩溃!!!
return new_webview
################################################
#######程序入门
################################################
if __name__ == "__main__":
app = QApplication(sys.argv)
w = MainWindow()
w.show()
sys.exit(app.exec_())
注释掉的代码是为了去掉地址栏,让窗口看起来不像是浏览器。
# v1.2
# created
# by Roger
# in 2017.1.3
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import QWebEngineView
import configparser
import sys
class MainWindow(QMainWindow):
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
# 设置窗口标题
self.setWindowTitle('谐波分析')
# 设置窗口图标
self.setWindowIcon(QIcon('icons/penguin.png'))
# 设置窗口大小900*600
self.resize(750, 400)
self.show()
self.frame=1
# 设置浏览器
self.browser = MyEngineView()
# config = configparser.ConfigParser()
# config.readfp(open('url.ini'))
# url= config.get("URL","url")
url="http://localhost:8080"
# 指定打开界面的 URL
self.browser.setUrl(QUrl(url))
# 添加浏览器到窗口中
self.setCentralWidget(self.browser)
self.tray = QSystemTrayIcon() #创建系统托盘对象
self.icon = QIcon('icons/back.png') #创建图标
self.tray.setIcon(self.icon) #设置系统托盘图标
self.tray.show()
#使用QToolBar创建导航栏,并使用QAction创建按钮
# 添加导航栏
navigation_bar = QToolBar('Navigation')
# 设定图标的大小
navigation_bar.setIconSize(QSize(16, 16))
#添加导航栏到窗口中
self.addToolBar(navigation_bar)
#QAction类提供了抽象的用户界面action,这些action可以被放置在窗口部件中
# 添加前进、后退、停止加载和刷新的按钮
back_button = QAction(QIcon('icons/back.png'), 'Back', self)
next_button = QAction(QIcon('icons/next.png'), 'Forward', self)
stop_button = QAction(QIcon('icons/cross.png'), 'stop', self)
reload_button = QAction(QIcon('icons/renew.png'), 'reload', self)
back_button.triggered.connect(self.browser.back)
next_button.triggered.connect(self.browser.forward)
stop_button.triggered.connect(self.browser.stop)
reload_button.triggered.connect(self.browser.reload)
# 将按钮添加到导航栏上
navigation_bar.addAction(back_button)
navigation_bar.addAction(next_button)
navigation_bar.addAction(stop_button)
navigation_bar.addAction(reload_button)
'''
#添加URL地址栏
self.urlbar = QLineEdit()
self.urlbar.setText(url)
# 让地址栏能响应回车按键信号
self.urlbar.returnPressed.connect(self.navigate_to_url)
navigation_bar.addSeparator()
navigation_bar.addWidget(self.urlbar)
#让浏览器相应url地址的变化
self.browser.urlChanged.connect(self.renew_urlbar)
'''
'''
def navigate_to_url(self):
q = QUrl(self.urlbar.text())
if q.scheme() == '':
q.setScheme('http')
self.browser.setUrl(q)
def renew_urlbar(self, q):
# 将当前网页的链接更新到地址栏
self.urlbar.setText(q.toString())
self.urlbar.setCursorPosition(0)
'''
class MyEngineView(QWebEngineView):
'''
浏览器类。
'''
def __init__(self, parent=None, ):
super(MyEngineView, self).__init__(parent)
self.parent = parent
#有下载信号发起
self.page().profile().downloadRequested.connect(self.on_downloadRequested)
def createWindow(self, type):
'''
实现点击跳转链接。
'''
return self
#以下函数里的 :后为注释,无实际作用
#下载信号连接到的槽
def on_downloadRequested(self, download : "QWebEngineDownloadItem" ):
# download是QWebEngineDownloadItem对象;
download.downloadProgress.connect(self._downloadProgress)
download.finished.connect(self._finished)
#下载文件的保存路径及文件名
old_path = download.path()
suffix = QFileInfo(old_path).suffix()
#下载文件类型
filttype = download.mimeType()
#后缀切割
unkonw_suffix = filttype.split(r'/')[-1]
path, _ =QFileDialog.getSaveFileName(self, "Save File", old_path, "*."+unkonw_suffix + ";;" + "*."+suffix )
print(old_path, suffix)
if path!="":
download.setPath(path)
download.accept()
def _downloadProgress(self , bytesReceived:"qint64", bytesTotal:"qint64"):
# bytesReceived 当前下载值 ; bytesTotal 文件总大小值
# self.bytesReceived = bytesReceived
# self.bytesTotal = bytesTotal
print(bytesReceived , bytesTotal )
def _finished(self):
print("下载完成")
if __name__ == "__main__":
# 创建应用
app = QApplication(sys.argv)
# 创建主窗口
window = MainWindow()
# 显示窗口
window.show()
# 运行应用,并监听事件
app.exec_()
只给出大致流程
if __name__ == "__main__":
if False == check_images():
load_images()
start_container()
# wait for sometime
print('Wait for several seconds...')
time.sleep(5)
# 创建应用
app = QApplication(sys.argv)
# 创建主窗口
window = MainWindow()
# 显示窗口
window.show()
# 运行应用,并监听事件
app.exec_()
# stop container
stop_container()
参考: