PyQt 6(二) 亲手编写界面

悠悠 2023-01-11 01:21 138阅读 0赞

### 文章目录 ###

*  前提概要
 *   *  本文内容
     *  资源概览
     *  如何找到自己需要的组件类
     *  用户体验
     *   *  PyQt 系列

# 前提概要 #

1.  [PyQt 6 (一) 最强大的python客户端界面][PyQt 6 _ _python]
2.  文章讲述了，PyQt是什么，介绍PyQt的主要概念，创建一个简单的界面

## 本文内容 ##

1.  网上很多PyQt的博客，但对如何实现这一代码的过程，却少有提及，本文会从我收集到的信息（文档，官方示例，搜索），讲述一个界面如何开发出来
2.  希望通过自己亲手理解并掌握PyQt，能够日后应对更多复杂的情况，快速构建一个界面

## 资源概览 ##

1.  [PyQt 官方文档][PyQt]
    
     *  文档包括了很多东西，其中 API Docs以及Examples很重要  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI5MDkyNw_size_16_color_FFFFFF_t_70]
2.  以控件为例
    
     *  [QCheckBox][]
     *  文章会给出函数及其使用方法  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI5MDkyNw_size_16_color_FFFFFF_t_70 1]
     *  显示界面如下  
        ![在这里插入图片描述][20210125172611300.png]
     *  代码如下
    
        self.checkBox = QCheckBox("对比文件夹")
                self.checkBox.setChecked(True)
                # 该代码未嵌入layout中，仅演示创建过程
3.  重要的参考 – 官方示例
    
     *  [Example][]
     *  使用git 进行克隆
        
         *  `git clone git://code.qt.io/pyside/pyside-setup.git`
     *  如果官方文档不清楚的话，搜索类名(如QCheckBox)
     *  里面会有使用到该类的一些代码，进行参考

## 如何找到自己需要的组件类 ##

1.  分析自己的界面大概长什么样子
    
     *  选择相应主要的框架layout
2.  理解动静结合
    
     *  动就是点击一个按钮，出现一个文件选择框，这样的
     *  静就是界面上的标题是什么，界面上有什么组件
     *  就像 HTML，CSS 和 Javascript 的配合，HTML和 CSS 负责静，Javascript负责动
     *  如何配合，完成界面的功能，是非常考验用户体验的
3.  从 HTML 到 PyQt
    
     *  HTML 的很多元素，几乎都能在 PyQt 中找到
     *  比如 button，label，checkbox，radiobutton等等
     *  理解HTML的元素组成对于找到PyQt的组件非常有帮助

## 用户体验 ##

1.  如何衡量界面好不好，无外乎两个指标
    
     *  好不好看
     *  好不好用
2.  后期再仔细介绍 UI 等优化界面的样式
3.  主要提及 QMessageBox 这个控件，能够给出提示
    
     *  在成功执行或失败报错的时候，及时给出提示，帮助用户理解界面使用
     *  另一个就是程序的异常捕捉，要捕获足够仔细的错误，又要保证程序不至于崩溃

### PyQt 系列 ###

1.  [PyQt 6(一) PyQt 介绍][PyQt 6_ PyQt]
2.  [PyQt 6(二) 亲手编写界面][PyQt 6_]

[PyQt 6 _ _python]: https://blog.csdn.net/weixin_42290927/article/details/112918767
[PyQt]: https://doc.qt.io/qtforpython-6/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI5MDkyNw_size_16_color_FFFFFF_t_70]: /images/20221119/b0810f2c5f6d424fb845d597c9d05827.png
[QCheckBox]: https://doc.qt.io/qtforpython-6/PySide6/QtWidgets/QCheckBox.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI5MDkyNw_size_16_color_FFFFFF_t_70 1]: /images/20221119/a485227fb4c14bf59e2fed8c5d6c8bce.png
[20210125172611300.png]: https://img-blog.csdnimg.cn/20210125172611300.png
[Example]: https://code.qt.io/cgit/pyside/pyside-setup.git/tree/examples/widgets/dialogs/classwizard?h=6.0
[PyQt 6_ PyQt]: https://editor.csdn.net/md/?articleId=112918767
[PyQt 6_]: https://blog.csdn.net/weixin_42290927/article/details/113124277