wxPython - 高级控件之HtmlWindow
实战wxPython系列-044
本文介绍如何在Python的GUI工具中嵌入HTML页面。
wxPython的wx.html和wx.html2模块支持解析和显示HTML文件内容。wx.html.HtmlWindow对象是一个通用的HTML浏览器，但不是一个全功能的浏览器，所以支持的功能有限。wx.html.HtmlWindow只支持HTML标准的一个子集，不支持Javascript或者CSS。如果要支持全特性的HTML渲染组件，请使用wx.html2.WebView。
一、wx.html.HtmlWindow简介
wx.html.HtmlWindow控件的目的是显示基于HTML标准字迹的富内容页面（本地文件或者通过HTTP下载的网页文件），一定创建了该窗口控件，可以通过调用SetPage和LoadPage来设置它的内容。
wx.html.HtmlWindow支持的窗口样式：
- wx.html.HW_SCROLLBAR_NEVER：不显示滚动条。
- wx.html.HW_SCROLLBAR_AUTO：在需要的时候显示滚动条。
- wx.html.HW_NO_SELECTION：用户不可以选择其中的文本(默认可以)。
wx.html.HtmlWindow发出的事件：
- EVT_HTML_CELL_CLICKED：单击wx.html.HtmlCell时产生。
- EVT_HTML_CELL_HOVER：鼠标经过一个wx.html.HtmlCell时产生。
- EVT_HTML_LINK_CLICKED：单击了包含超链接的wx.html.HtmlCell时产生。
wx.html.HtmlWindow常用方法：
- AppendToPage(self, source)：将HTML片段附加到当前显示的文本并刷新窗口。
- GetOpenedAnchor(self)：返回当前打开页面中的锚点。如果没有打开任何页，或者所显示的页不是通过调用LoadPage生成的，则返回空字符串。
- GetOpenedPage(self)：返回所打开页面的完整位置。如果没有打开任何页，或者所显示的页不是通过调用LoadPage生成的，则返回空字符串。
- GetOpenedPageTitle(self)：返回所打开页面的标题，如果当前页面不包含< title >标记，则返回“”。
- HistoryBack(self)：移动回上一页。只有使用LoadPage显示的页面才存储在历史列表中。
- HistoryCanBack(self)：如果有可能在历史页面向后操作，即返回True。
- HistoryCanForward(self)：如果有可能在历史中向前操作，即返回True。
- HistoryClear(self)：清除历史页面。
- HistoryForward(self)：移动到下一页。只有使用LoadPage显示的页面才存储在历史列表中。
- LoadFile(self, filename)：从文件加载HTML页面并显示它。
- LoadPage(self, location)：与SetPage不同，这个函数首先从给定的location加载HTML页面，然后显示它。
- OnCellClicked(self, cell, x, y, event)：在wx.html.HtmlWindow内单击鼠标按钮时调用此方法。默认行为是发出wx.html.HtmlCellEvent，如果事件没有被处理或跳过，如果单元格包含超文本链接，则调用OnLinkClicked。
- OnCellMouseHover(self, cell, x, y)：当鼠标移动到HTML单元格上时调用此方法。默认行为是发出wx.html.HtmlCellEvent。
- OnLinkClicked(self, link)：当用户单击超文本链接时调用。默认行为是触发wx.html.HtmlLinkEvent，如果没有处理或跳过该事件，则调用LoadPage，不做任何其他事情。
- OnOpeningURL(self, type, url)：在URL被打开时调用(当用户单击链接或加载图像时)。只有OnOpeningURL返回HTML_OPEN时，URL才会被打开。此方法由wx.html.HtmlParser.OpenURL调用。
二、wx.html.HtmlWindow演示
Htmlwin.py文件
#html窗口(wx.html.HtmlWindow)
import wx
import wx.html
class SampleHtmlWindow(wx.Frame):
def __init__(self, *args, **kw):
super(SampleHtmlWindow, self).__init__(*args, **kw)
self.InitUi()
def InitUi(self):
self.SetTitle("实战wxPython: HtmlWindow演示")
self.SetSize(400, 300)
panel = wx.Panel(self)
vbox = wx.BoxSizer(wx.VERTICAL)
hbox = wx.BoxSizer(wx.HORIZONTAL)
htmlwin = wx.html.HtmlWindow(panel, wx.ID_ANY, style = wx.NO_BORDER)
htmlwin.SetStandardFonts()
htmlwin.LoadPage("page.html")
"""
htmlwin.SetPage('''
<html>
<body bgcolor="#fdd22f">
<h1>这是标题</h1>
<b style="color:blue">实战wxPython</b>
<p>通过RGB值设置背景颜色</p>
<br/>
<p>
这是一个段落
</p>
<i>这是斜体文本</i>
</body>
</html>
''')
"""
vbox.Add((-1, 10), 0)
vbox.Add(htmlwin, 1, wx.EXPAND | wx.ALL, 9)
bitmap = wx.StaticBitmap(panel, wx.ID_ANY, wx.Bitmap("newt.png"))
hbox.Add(bitmap, 0, wx.LEFT | wx.BOTTOM | wx.TOP, 10)
btnOk = wx.Button(panel, wx.ID_ANY, "确定")
self.Bind(wx.EVT_BUTTON, self.OnClose, id=btnOk.GetId())
hbox.Add((100, -1), 1, wx.LEFT)
hbox.Add(btnOk, flag = wx.TOP | wx.BOTTOM | wx.RIGHT, border = 10)
vbox.Add(hbox, 0, wx.EXPAND)
panel.SetSizer(vbox)
self.Centre()
def OnClose(self, e):
self.Close()
def main():
app = wx.App()
sample = SampleHtmlWindow(None)
sample.Show()
app.MainLoop()
if __name__ == "__main__":
main()page.html文件
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<html>
<table cellspacing="5" border="0" width="250">
<tr width="200" align="left">
<td bgcolor="#e7e7e7"> Maximum</td>
<td bgcolor="#aaaaaa"> <b>9000</b></td>
</tr>
<tr align="left">
<td bgcolor="#e7e7e7"> Mean</td>
<td bgcolor="#aaaaaa"> <b>6076</b></td>
</tr>
<tr align="left">
<td bgcolor="#e7e7e7"> Minimum</td>
<td bgcolor="#aaaaaa"> <b>3800</b></td>
</tr>
<tr align="left">
<td bgcolor="#e7e7e7"> Median</td>
<td bgcolor="#aaaaaa"> <b>6000</b></td>
</tr>
<tr align="left">
<td bgcolor="#e7e7e7"> Standard Deviation</td>
<td bgcolor="#aaaaaa"> <b>6076</b></td>
</tr>
</table>
</html>上面的示例演示了如何使用wx.html.HtmlWindow来加载一个html文件并显示它。
htmlwin = wx.html.HtmlWindow(panel, wx.ID_ANY, style = wx.NO_BORDER)
htmlwin.SetStandardFonts()
htmlwin.LoadPage("page.html")创建wx.html.HtmlWindow对象，然后使用LoadPage方法加载文件。
三、本文知识点
- 了解wx.html.HtmlWindow控件。
- 使用wx.html.HtmlWindow加载并显示HTML文件。
请关注，评论，收藏，点赞，和转发。
