使用Python开发美观GUI

之前，我有一篇文章《Python GUI美化小技巧》，其中提到了两种美化GUI的方式，嗯，两种方式我都不太满意。

Tkinter Designer需要学习Figma这款设计软件如何使用，其美化GUI的原理就是用图片去填充，从而让Tkinter有比较美观的样式，抱歉，我暂时还不想学Figma。

而文中另外一个方案：TTk Bootstrap其实是更大的坑，如果你只是开发单窗口GUI软件，TTkBootstrap挺好的，但当你有开启一个窗口后，关闭并开启另外一个新窗口的需求时，TTKBoostrap就是一个大坑，新的窗口会丢失掉相应的样式。

我希望Python生态中有类似Electron的库，让我们可以利用HTML、CSS、JS来构建前端页面，而后端的逻辑使用Python来实现，这样就可以轻松构建出美观的GUI了。

有我微信好友的朋友应该知道，上两周我发布了视频同步助手，可以帮助大家将视频一键同步到6个不同的媒体平台，这个软件便使用PyWebView框架开发，软件界面如下：

PyWebView可以让你通过HTML、CSS、JS来构建GUI的前端页面，使用Python来实现软件中的业务逻辑，再配合使用Pyinstaller实现软件打包，便可以构建一个美观的GUI应用了。

遗憾的是PyWebView资料比较少，Github的star数也不多，我实际操作下来，有些Windows平台无法打开，因精力有限，也没有去深究为何无法打开。

本文便简单介绍PyWebView的使用方法，相比于官方文档，会突出其中遇到的坑和相应的解决方案，也算是视频同步助手这个项目的技术复盘吧（嗯，变现阶段失败了，所以）。

简单使用

光读PyWebView的文档，是比较难起步的，比较好的方式是去PyWebView的github中将源码拉下来，其中有example目录，提供了一下例子项目，其中要搞懂的核心逻辑是，前端JS写的逻辑，怎么去与Python互通。

PyWebView提供了js api和接口请求这两种方法，先看js api。

JS api

在实例化webview时，将定义好的Api类实例作为js_api的参数传入：

class Api():
    def addItem(self, title):
        print('Added item %s' % title)
 
    def removeItem(self, item):
        prin