PyQt Designer设计出来的界面怎么和python 代码结合起来

保存为.ui的文件后，可以从pyqt的代码文件里直接引用。具体实现，如果你是在win下装的会自带Pyqt的demo，参看下源码就可以，如果是Unix里，可以去官网下份单独的tar.gz的包，里面也有demo部分的源码uic.loadUi 方法可以导入ui文件 但是我发现，在众多的PyQt demo里面只用到.ui 文件的例子只是占了一部分，并不是大部分例子都是通过载入ui文件，而是听过Python 调用PyQt 拼成的 界面。 或者说是不是后者有着更好的控制或者性能？其实我是用Vala写GTK的，我自己是用直接在代码里写布局的，不用可视化的布局方案，当然后者性能会更好一些但是可以忽略不计，有更好的可控性是真的。

python做界面我首先想到的是pyqt5，但是笔者之前基本是用wpf做界面，再用其他的做界面都有点不畅快的感觉。直接用到了HTML + CSS + js。随着前端技术的快速发展，如VUE，AUI这类框架的兴起，做个炫酷的页面，远比后端做个界面要快捷方便的多。

但是HTML + CSS + js是运行在浏览器里的，这个系列文章就是要打破python和前端的壁垒，让它们携手打造桌面程序。

那么这个心思路就是，利用pyqt5的QtWebEngineWidgets和QtWebChannel来做媒介，

python完成后台功能，HTML + CSS + js完成全部的界面功能。

界面需要python功能时，js方便的调用python函数并获取返回值。这样各自完成擅长部分，想想都有点小激动呢。

那这样是否靠谱呢？

根据笔者的目前尝试，感觉还是很靠谱的：

1 运行不卡顿，相对于纯的pyqt我感觉这种界面运行起来更流畅。

2 QtWebEngineWidgets移植V8引擎，基本和谷歌的效果是一样的。Vue这样的框架也可以直接引用。

讲QtWebEngineWidgets的文章有很多，我学习这个时候看到网上的很多文章也和受益，但是，基本都是讲的一样的，没有深挖。

首先，QtWebEngineWidgets和QtWebChannel是可以实现双向交互的，但是，在应用的过程中我发现，python调用js会比较简单，有现成的语法可用，而且传输过程中有的数据的类型都不用转换。而且能获取到js的返回值。

而js调用python就复杂一点，传递类型也只能字符串和int（目前我测试的结果是这样），目前网上大多的例子就是基于共享属性这个概念，js是可以调用python函数，但是没法获取到返回值。

但是应用中你就会发现，基本都是js调用python，比如界面中的按钮点击后需要执行数据分析，然后将结果渲染在界面上。那么过程就是js调用py并获取返回值。

今天的内容就是这些，喜欢的可以点赞支持，如果点赞较多，关于这个知识点我将继续做一期有趣的内容。谢谢！

---