Potkhon 3.6 NPS 5.12.1
我准备通过pyqt5显示我需要的样式,我知道pyqt5中的QTextEdit可以很好地显示html代码(我有一些Web开发经验),所以我决定用html / css来展示我的风格。但是,在css中显示代码可能会有一些问题。我该怎么做才能让它显示css / javascript?如果不能,可以推荐其他方法来修改样式吗?
它可以显示一些像width = "100" height = "100"
的样式,当我在html中编码而不是css,有些不能像border-radius:50%;
那样显示。当我在css中编写样式时,它不会产生任何影响。顺便说一句,我已经导入了CSS代码。 CSS代码在QTextEdit中什么都不做(但在html中没问题)
的.py
#!/usr/bin/python3
# -*- coding: utf-8 -*-
import sys
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
class WINDOW(QMainWindow):
def __init__(self):
super().__init__()
self.init()
def init(self):
w_width,w_height,w_x,w_y = 700,640,700,200
self.set_size_pos(w_width,w_height,w_x,w_y);
self.set_message_textedit()
self.message_textedit.setHtml(self.get_html())
self.show()
def set_size_pos(self,width,height,x,y):
'''
set window's width , height and position
'''
self.resize(width,height)
self.move(x,y)
def set_message_textedit(self):
self.message_textedit = QTextEdit(self)
self.message_textedit.setFont(QFont("Microsoft YaHei",12))
self.message_textedit.resize(680,420)
self.message_textedit.move(10,50)
self.message_textedit.setReadOnly(True)
def get_html(self):
html = ""
with open("./chat-style/chat.html","r",encoding = "utf-8") as f:
html = f.read()
return html
if __name__ == '__main__':
app = QApplication(sys.argv)
test = WINDOW()
sys.exit(app.exec_())
html的
<!doctype html>
<html lange="zh-CN">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./chat.css">
<script src = "chat.js"></script>
</head>
<body>
<img class = "tx" src="E:\study\assiataant\picture\icon.jpg">
<div>Welcome ~ Don!</div>
</body>
</html>
的CSS
.tx
{
border-radius:50%;
width: 30;
height: 30;
}
QTextEdit仅支持the docs指示的CSS 2.1:
除了伪类选择器之外,支持所有CSS 2.1选择器类,例如:first-child,:visited和:hover。
但border-radius
是在CSS3中引入的。所以你不能不幸地使用它。我建议您阅读以下链接,以便了解允许的标签。
另一种方法是使用支持这些标记的QWebEngineView:
*的.py
#!/usr/bin/python3
# -*- coding: utf-8 -*-
import os
import sys
from PyQt5 import QtCore, QtWidgets, QtWebEngineWidgets
class MainWindow(QtWidgets.QMainWindow):
def __init__(self, parent=None):
super(MainWindow, self).__init__(parent)
view = QtWebEngineWidgets.QWebEngineView()
file = os.path.join(
os.path.dirname(os.path.realpath(__file__)),
"chat-style/chat.html"
)
view.load(QtCore.QUrl.fromLocalFile(file))
self.setCentralWidget(view)
self.resize(640, 480)
if __name__ == "__main__":
app = QtWidgets.QApplication(sys.argv)
w = MainWindow()
w.show()
sys.exit(app.exec_())
如果未安装QWebEngineView,则必须使用以下命令安装它:
python -m pip install PyQtWebEngine