Qt Designer

Qt本身只提供了一些基本控件，如果想搞一些复杂的，即使用上qss, 有些复杂的控件也还是无法实现的，例如汽车仪表盘， 电池容量等， 这些是 需要自己绘制，再实现相关信号槽，才能达到效果。例如下图 的温度计： 根据温度不同显示不同的温度标识，这种不规则的图形，用基本控件是无法实现的， 一般需要美工 画好图像，程序员根据图形做叠加绘制，下面就上面的温度计的实现做说明，并提供完整代码。 新建一个Qt GUI项目，我的项目名Wenduji, 在界面Qt Designer上推动如下控件： 两个QLabel和一个Widget, 这个Widget用来 放置温度计， 需要把它做“控件提升”。 其实温度计是一张png图片，我们把它 绘制到界面上，再用根据温度数值不同，做手工绘制，就能模拟出温度变化的样子。 新建一个类CThermometer，继承于QWidget, 该类中加载图片，绘制温度计，用于上图QWidget的提升。 右键widget, 提升为CThermometer，如下图： 来源： oschina 链接： https://my.oschina.net/u/4363105/blog/4482996

目录 1、安装pyqt5designer、pyqt5 2、pycharm中添加外部工具 3、使用QtDesigner设计页面 1、安装相关库 　　pip install pyqt5designer 　　pip install pyqt5 2、pycharm添加外部工具 　　在setting中添加两个工具 　　 　　QtDesigner中按照如图填写： 　　Programe：选择designer的安装目录，当pip install pyqt5designer安装完成后就会出现，也可以双击直接打开QtDesigner 　　Working directory: $ProjectFileDir$ 　　 　　 　　PyUIC:这个工具可以将QtDesigner拖拽设计的页面转化为py文件 　　参数填写说明： 　　Programe：如图，其他版本（除了PyQt5）可能不在此路径 　　Arguments: -o $FileNameWithoutExtension$.py $FileName$ 　　Working directory: $FileDir$ 　　 　　打开QtDesigner工具设计页面 　　 3、简单设计一个login页面 　　　　1、创建界面，选择Wdiget 　　　　2、分别在窗口添加如下控件，Lable、pushButton、checkBox、lineEdit如图所示： 　　

仪表盘控件QDial在Qt Designer的input widgets 模块，如下图： 仪表盘在车载行业用的比较多，显示车速，油量等信息， 拖拽一个QDial、QPressBar到界面上，如下图： QDial是一个Slider, 派生于QAbstractSlider，也继承了它的信号，例如当仪表盘的值变化时，就会触发 valueChanged，这些都是它的父类QAbstractSlider的信号，如下： Q_SIGNALS: void valueChanged(int value); void sliderPressed(); void sliderMoved(int position); void sliderReleased(); void rangeChanged(int min, int max); void actionTriggered(int action); 以上信号都很好理解。 QDial还默认实现了 鼠标滚轮、上下左右箭头、PageUp, PageDown,Home, End 等事件。 home:回到0值 end:变为最大值，默认是100 上面的demo当表盘移动时，右边的进度条的值也会跟着变。 .cpp代码如下 来源： oschina 链接： https://my.oschina.net/u/4297302/blog/4436821

release 必须要release下，把dll复制到C:\Qt\Qt5.13.0\5.13.0\mingw73_64\plugins\designer 然后就可以在designer中看到自定义的插件 点击帮助-----关于插件 就可以看到插件 debug与release生成库的区别 debug下的dll库末尾带d release:::customwidgetplugin.dll libcustomwidgetplugin.a debug:: customwidgetplugind.dll libcustomwidgetplugind.a 来源： oschina 链接： https://my.oschina.net/u/4298883/blog/4330979

release 必须要release下，把dll复制到C:\Qt\Qt5.13.0\5.13.0\mingw73_64\plugins\designer 然后就可以在designer中看到自定义的插件 点击帮助-----关于插件 就可以看到插件 debug与release生成库的区别 debug下的dll库末尾带d release:::customwidgetplugin.dll libcustomwidgetplugin.a debug:: customwidgetplugind.dll libcustomwidgetplugind.a 来源： oschina 链接： https://my.oschina.net/u/4406404/blog/4330974

http://c.biancheng.net/view/1820.html Qt 项目中，后缀为“.ui”的文件是可视化设计的窗体的定义文件，如 widget.ui。双击项目文件目录树中的文件 widget.ui，会打开一个集成在 Qt Creator 中的 Qt Designer 对窗体进行可视化设计，如图 1 所示。 图 1 集成在 Qt Creator中的 UI 设计器 本教程后面将称这个集成在 Qt Creator 中的 Qt Designer 为“UI 设计器”，以便与独立运行的 Qt Designer 区别开来。 图 1 中的 UI 设计器有以下一些功能区域： 组件面板：窗口左侧是界面设计组件面板，分为多个组，如Layouts、Buttons、Display Widgets等，界面设计的常见组件都可以在组件面板里找到。 中间主要区域是待设计的窗体。如果要将某个组件放置到窗体上时，从组件面板上拖放一个组件到窗体上即可。例如，先放一个 Label 和一个 Push Button 到窗体上。 Signals 和 Slots 编辑器与 Action 编辑器是位于待设计窗体下方的两个编辑器。Signals 和Slots 编辑器用于可视化地进行信号与槽的关联，Action 编辑器用于可视化设计 Action。 布局和界面设计工具栏：窗口上方的一个工具栏

Qt Creator 是Qt的一个集成开发环境，可以辅助我们进行qt程序的开发。 本人Qt Creator 界面如下： 一.空白工程建立： 在之后点击choose然后输入项目名和选择合适的文件路径，完成控项目的建立即可。 得到的界面效果如下： 若已存有写好的项目，可以右键项目名称（empth_pro）选择添加已有项目的选项。 二.完整Gui Application 项目建立： 1.非ui： New Project -> Application -> Qt Widgets Application -> choose 下面的步骤和一类似； 直到如下界面时注意，取消创建界面的选项。 注：如果创建完项目后只有一个.pro文件。解决办法： 在左侧的如下框图中，调节debug的配置项即可。 2.带有ui的项目创建：在创建界面中打勾。 从项目文件中我们可以看出，2中创建的项目多了一个.ui的文件，我们双击这个文件，就可以进入界面设计器 Qt Designer 编辑状态，开始进行设计器（Qt Designer）编程。 来源： oschina 链接： https://my.oschina.net/u/4309822/blog/3621541

http://blog.sina.com.cn/s/blog_989218ad0102wz1k.html 先看效果： 图 1 没错，学过C#的同学应该很熟悉这个界面，按钮风格和界面风格很相似，万万没想到，python也可以做出这样的界面，简直了！（图 1） 正文开始 一、安装python 为啥要说这个，我们打开pip，搜索：PyQt5，或者直接打开下面的连接： https://pypi.python.org/pypi/PyQt5/5.9.1 图 2 可以看到（图2），PyQt5所支持的python版本是从3.5开始的，博主开始用的是3.4，一直装不上，瞎折腾了2小时^~^... 找一个python3.5以上的版本安装： https://www.python.org/downloads/windows/ 二、安装PyQt5 推荐使用pip安装： pip3 install PyQt5 等待片刻，继续安装PyQt5-tools pip install PyQt5-tools 三、配置pycharm 官网下载安装pycharm：https://www.jetbrains.com/pycharm/ 1、点击：File -》Settings 图 3 2、Tools -》 External Tools -》点击“+”号（图4） （ps：下面是我配置好的，你的软件还没有很正常，继续往下看） 图 4

PyQt5环境安装 1.Python环境(我在练习的时候是用的Python3.6.8) 2.PyQt5安装 首先安装 sip pip install sip 然后安装PyQt5-tools pip install pyqt5-tools 这条命令会把PyQt5和需要用到的Qt Designer都安装上，我自己在测试的时候，如果先安装PyQt5再安装PyQt5-tools的话，安装PyQt5-tools会把之前已经安装的PyQt5给删掉，然后安装它所支持的PyQt5版本 下面是我安装好之后的pip环境 certifi== 2019.6 . 16 chardet == 3.0 . 4 Click == 7.0 idna == 2.8 PyQt5 == 5.11 . 3 PyQt5 -sip== 4.19 . 17 pyqt5 -tools== 5.11 . 3.1 . 4 python -dotenv== 0.10 . 3 requests == 2.22 . 0 sip == 4.19 . 8 urllib3 == 1.25 . 3 都安装好了之后在pycharm里新建一个demo.py文件，发现导入包的时候报红，但是运行是没有问题的，具体效果看下面 后来经过查询，发现是pycharm的问题，我的pycharm是用的破解版的注册码，解决方法是首先把pycharm的注册信息给清空

一、PyQT5的下载安装 1、Pycharm安装库文件 2、通过pip命令行安装 ①pip install PyQt5 ②pip install pyqt5-tools pip安装方式默认的安装路径在python的安装路径下，在我的电脑上是 E:\Python\Lib\site-packages 二、QtDesigner和QtUIC的配置 1、QtDesigner是pyqt5自带的可以通过图形界面直接设计窗口界面的一个软件，最终生成.UI文件 2、QtUIC是用来把.UI文件转化成为.py文件的工具 pycharm中QtDesigner的配置 2、QtUIC的配置 配置过程和前面配置QtDesigner的过程大致相同。在最后一步略有差别 到这里这两个工具就算配置完成了，就可以欢快的建立工程去尝试自己的PyQt5之旅了。 来源： oschina 链接： https://my.oschina.net/u/4263721/blog/3704262