006.PyQt5_初识控件_控件效果展示

初识控件

什么是控件

  • 控件:一个程序界面上的各个独立的元素(一块矩形区域)
  • 控件具备不同的功能
    • 用户点击
    • 接收用户输入
    • 展示内容
    • 存放其他控件(容器控件)
    • ......
  • 常用控件
    • 2.1 按钮的展示效果图
      • 2.1.1 QPushButton:普通按钮
      • 2.1.2 QCommandLinkButton:箭头指示按钮
      • 2.1.3 QRadioButton:单选框
      • 2.1.4 QCheckBox:复选框
    • 2.2 输入控件的效果展示图
      • 2.2.1 QLineEdit:单行纯文本框
      • 2.2.2 QTextEdit:多行富文本框
      • 2.2.3 QPlainTextEdit:多行纯文本框
      • 2.2.4 QKeySequenceEdit:获取用户输入的快捷键
      • 2.2.5 QDataTimeEdit:日期时间控件
      • 2.2.6 QCalenderWidget:日期控件
      • 2.2.7 QDataEdit:日期控件
      • 2.2.8 QTimeEdit:时间控件
      • 2.2.9 QSpinBox:数字步长调节
      • 2.2.10 QDoubleSpinBox:浮点数步长调节
      • 2.2.11 QComboBox:下拉选择框
      • 2.2.12 QFontComboBox:字体下拉选择框
      • 2.2.13 QDial:旋钮,可以缩放字体大小
      • 2.2.14 QSlider:纵向滑块
      • 2.2.15 QScrollBar:纵向滚动条
      • 2.2.16 QRubberBand:橡皮筋框选控件
      • 2.2.17 QColorDialog:颜色选择对话框
      • 2.2.18 QFileDialog:文件选择对话框
      • 2.2.19 QFontDialog:字体选择对话框
      • 2.2.20 QInputDialog:简单输入对话框
    • 2.3 展示控件
      • 2.3.1 QLabel:纯文本标签
      • 2.3.2 QLCDNumber:液晶屏显示控件
      • 2.3.3 QProgressBar:进度条
      • 2.3.5 QMessageBox:消息提示框
      • 2.3.6 QErrorMessage:错误信息提示框
      • 2.3.7 QProgressDialog:加载进度条对话框
    • 2.4 容器控件
      • 2.4.1 QToolBox:可收缩分组控件
      • 2.4.2 QDialogButtonBox:按钮盒控件
      • 2.4.3 QGroupBox:分组框控件
      • 2.4.4 QMidArea和QMdisubWindow:多重窗口界面控件
    • 2.5 结构控件
      • 2.5.1 QMainWindow:主窗口控件
        • 2.5.1.1 QMenuBar:菜单栏
        • 2.5.1.2 QMenu:菜单
        • 2.5.1.3 QToolBar:工具栏
        • 2.5.1.4 QStatusBar:状态栏
      • 2.5.2 QTabwidget:选项卡窗口框控件
        • 2.5.2.1 QTabBar:选项卡标题栏控件
      • 2.5.3 QStackedWidget:堆叠窗口控件
      • 2.5.4 QSplitter:可拉伸区域分隔器控件
      • 2.5.5 QDockWidget:浮动窗口控件
    • 2.6 滚动控件
      • 2.6.1 QTextBrowser:富文本浏览器控件
      • 2.6.2 QScrollArea:组件容器控件
      • 2.6.3 QAbstractItemView
        • 2.6.3.1 QColumnView:级联列表控件
        • 2.6.3.2 QHeaderView:
        • 2.6.3.3 QListView:列表控件
        • 2.6.3.4 QTableView:表格控件
        • 2.6.3.5 QTreeView:树形列表控件
      • 2.6.4 QGraphicsView:绘图架构控件
    • 2.7 辅助控件
      • 2.7.1 QFocusFrame:焦点框控件(选中的框框与其他的不一样)
      • 2.7.2 QSizeGrip:文件选择框(右下角有个可以拖动大小的)
      • 2.7.3 QDesktopWidget:快速访问电脑桌面信息,比如它的尺寸,宽高,个数等信息
    • 2.8 其他控件
      • 2.8.1 QWizard:向导对话框控件
      • 2.8.2 QWizardPage:向导对话框内嵌页面
      • 2.8.3 QPrintDialog:打印对话框控件
      • 2.8.4 QPrintPreviewDialog:打印预览控件
      • 2.8.5 QPageSetupDialog:打印设置对话框
      • 2.8.6 QAbstractPrintDialog
      • 2.8.7 QSplashScreen:欢迎界面
      • 2.8.8 QVideoWidget:用于播放视频
      • 2.8.9 QCameraViewfinder:相机
      • 2.8.10 QWebEngineView:一个浏览器引擎
  • 006.PyQt5_初识控件_控件效果展示_第1张图片



控件效果展示图

  • 按钮类控件
    QPushButton:普通按钮
    QCommandLinkButton:箭头指示按钮
    QRadioButton:单选框
    QCheckBox:复选框
    
  • QPushButton:普通按钮
    • 006.PyQt5_初识控件_控件效果展示_第2张图片

    • 006.PyQt5_初识控件_控件效果展示_第3张图片

  • QCommandLinkButton:箭头指示按钮
    • 006.PyQt5_初识控件_控件效果展示_第4张图片

    • 006.PyQt5_初识控件_控件效果展示_第5张图片

  • QRadioButton:单选框
    • 006.PyQt5_初识控件_控件效果展示_第6张图片

    • 006.PyQt5_初识控件_控件效果展示_第7张图片

  • QCheckBox:复选框
    • 006.PyQt5_初识控件_控件效果展示_第8张图片


  • 输入类控件
    QLineEdit:单行纯文本框
    QTextEdit:多行富文本框
    QPlainTextEdit:多行纯文本框
    QKeySequenceEdit:获取用户输入的快捷键
    QDataTimeEdit:日期时间控件
    QCalenderWidget:日期控件
    QDataEdit:日期控件
    QTimeEdit:时间控件    
    QSpinBox:数字步长调节
    QDoubleSpinBox:浮点数步长调节
    QComboBox:下拉选择框
    QFontComboBox:字体下拉选择框
    QDial:旋钮,可以缩放字体大小
    QSlider:纵向滑块
    QScrollBar:纵向滚动条
    QRubberBand:橡皮筋框选控件
    QColorDialog:颜色选择对话框
    QFileDialog:文件选择对话框
    QFontDialog:字体选择对话框
    QInputDialog:简单输入对话框
    
  • QLineEdit:单行纯文本框
    • 006.PyQt5_初识控件_控件效果展示_第9张图片

    • 006.PyQt5_初识控件_控件效果展示_第10张图片

  • QTextEdit:多行富文本框
    • 006.PyQt5_初识控件_控件效果展示_第11张图片

  • QPlainTextEdit:多行纯文本框
  • QKeySequenceEdit:获取用户按下的快捷键
    • 006.PyQt5_初识控件_控件效果展示_第12张图片

  • QCalenderWidget:日期控件
    • 006.PyQt5_初识控件_控件效果展示_第13张图片

    • 006.PyQt5_初识控件_控件效果展示_第14张图片

  • QDataTimeEdit:日期时间控件
    • 006.PyQt5_初识控件_控件效果展示_第15张图片

    • 006.PyQt5_初识控件_控件效果展示_第16张图片

  • QDataEdit:日期控件
    • 006.PyQt5_初识控件_控件效果展示_第17张图片

    • 006.PyQt5_初识控件_控件效果展示_第18张图片

  • QTimeEdit(时间控件
    • 006.PyQt5_初识控件_控件效果展示_第19张图片

    • 006.PyQt5_初识控件_控件效果展示_第20张图片

  • QSpinBox:数字步长调节
    • 006.PyQt5_初识控件_控件效果展示_第21张图片

    • 006.PyQt5_初识控件_控件效果展示_第22张图片

  • QDoubleSpinBox:浮点数据步长调节控件
    • 006.PyQt5_初识控件_控件效果展示_第23张图片

    • 006.PyQt5_初识控件_控件效果展示_第24张图片

  • QComboBox:下拉框
    • 006.PyQt5_初识控件_控件效果展示_第25张图片

    • 006.PyQt5_初识控件_控件效果展示_第26张图片

  • QFontComboBox:字体选择下拉框
    • 006.PyQt5_初识控件_控件效果展示_第27张图片

  • 滑块(QAbstractSlider)(鼠标)
  • QDial:旋钮,可以缩放字体大小
    • 006.PyQt5_初识控件_控件效果展示_第28张图片

  • QSlider:纵向滑块
    • 006.PyQt5_初识控件_控件效果展示_第29张图片

    • 006.PyQt5_初识控件_控件效果展示_第30张图片

  • QScrollBar:纵向滚动条
    • 006.PyQt5_初识控件_控件效果展示_第31张图片

    • 006.PyQt5_初识控件_控件效果展示_第32张图片

  • QRubberBand:橡皮筋框选控件
    • 006.PyQt5_初识控件_控件效果展示_第33张图片

    • 006.PyQt5_初识控件_控件效果展示_第34张图片

  • QColorDialog:颜色选择对话框
    • 006.PyQt5_初识控件_控件效果展示_第35张图片

  • QFileDialog:文件选择对话框
    • 006.PyQt5_初识控件_控件效果展示_第36张图片

  • QFontDialog:字体选择对话框
    • 006.PyQt5_初识控件_控件效果展示_第37张图片

    • 006.PyQt5_初识控件_控件效果展示_第38张图片

  • QInputDialog:简单输入对话框
    • 006.PyQt5_初识控件_控件效果展示_第39张图片

    • 006.PyQt5_初识控件_控件效果展示_第40张图片

    • 006.PyQt5_初识控件_控件效果展示_第41张图片


  • 展示类控件
    QLabel:纯文本标签
    QLCDNumber:液晶屏显示控件
    QProgressBar:进度条
    QMessageBox:消息提示框
    QErrorMessage:错误信息提示框
    QProgressDialog:加载进度条对话框
    
  • QLabel:纯文本标签
  • QLCDNumber:液晶屏显示控件
    • 006.PyQt5_初识控件_控件效果展示_第42张图片

  • QProgressBar:进度条
    • 006.PyQt5_初识控件_控件效果展示_第43张图片

    • 006.PyQt5_初识控件_控件效果展示_第44张图片

  • QMessageBox:消息提示框
    QMessageBox.information(self,'消息对话框标题','显示消息内容',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)
    QMessageBox.question(self,'问题对话框标题','显示问题内容',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)
    QMessageBox.warning(self,'警告对话框标题','显示警告内容',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)
    QMessageBox.critical(self,'错误对话框标题','显示错误内容',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)
    QMessageBox.about(self,'关于对话框标题','显示关于内容')
    
    • 006.PyQt5_初识控件_控件效果展示_第45张图片

  • QErrorMessage:错误信息提示框
    • 006.PyQt5_初识控件_控件效果展示_第46张图片

    • 006.PyQt5_初识控件_控件效果展示_第47张图片

  • QProgressDialog:加载进度条对话框
    • 006.PyQt5_初识控件_控件效果展示_第48张图片

    • 006.PyQt5_初识控件_控件效果展示_第49张图片


  • 容器类控件
    QToolBox:可收缩分组控件(承载其他按钮)
    QDialogButtonBox:按钮盒控件
    QGroupBox:分组框控件
    QMidArea和QMdisubWindow:多重窗口界面控件
    
  • QToolBox:可收缩分组控件
    • 006.PyQt5_初识控件_控件效果展示_第50张图片

    • 006.PyQt5_初识控件_控件效果展示_第51张图片

    • 006.PyQt5_初识控件_控件效果展示_第52张图片

  • QDialogButtonBox:承载对话框(按钮盒控件)
    • 006.PyQt5_初识控件_控件效果展示_第53张图片

  • QGroupBox:分组框控件
    • 006.PyQt5_初识控件_控件效果展示_第54张图片

  • QMidArea和QMdisubWindow:多重窗口界面控件
    • 006.PyQt5_初识控件_控件效果展示_第55张图片

    • 006.PyQt5_初识控件_控件效果展示_第56张图片

    • 006.PyQt5_初识控件_控件效果展示_第57张图片


  • 结构类控件
    QMainWindow:主窗口控件,可集成多个控件
        QMenuBar:菜单栏
        QMenu:菜单
        QToolBar:工具栏
        QStatusBar:状态栏
    QTabwidget:选项卡窗口框控件
        QTabBar:选项卡标题栏控件
    QStackedWidget:堆叠窗口控件
    QSplitter:可拉伸区域分隔器控件
    QDockWidget:浮动窗口控件
    
  • QMainWindow:主窗口控件
    • 006.PyQt5_初识控件_控件效果展示_第58张图片

    • 006.PyQt5_初识控件_控件效果展示_第59张图片

  • QMenuBar:菜单栏
    • 006.PyQt5_初识控件_控件效果展示_第60张图片

    • 006.PyQt5_初识控件_控件效果展示_第61张图片

  • 菜单栏相关控件QMenu::菜单
    • 006.PyQt5_初识控件_控件效果展示_第62张图片

  • QToolBar:工具栏
    • 006.PyQt5_初识控件_控件效果展示_第63张图片

  • 工具栏相关控件QToolButton:工具按钮
    • 006.PyQt5_初识控件_控件效果展示_第64张图片

  • QStatusBar:状态栏
    • 006.PyQt5_初识控件_控件效果展示_第65张图片

  • QTabwidget:选项卡窗口框控件
    • 006.PyQt5_初识控件_控件效果展示_第66张图片

    • 006.PyQt5_初识控件_控件效果展示_第67张图片

  • 相关控件QTabBar:选项卡标题栏控件
    • 006.PyQt5_初识控件_控件效果展示_第68张图片

    • 006.PyQt5_初识控件_控件效果展示_第69张图片

  • QStackedWidget:堆叠窗口控件
    • 006.PyQt5_初识控件_控件效果展示_第70张图片

    • 006.PyQt5_初识控件_控件效果展示_第71张图片

  • QSplitter:可拉伸区域分隔器控件
  • 相关控件 QSplitterHandle
    • 006.PyQt5_初识控件_控件效果展示_第72张图片

  • QDockWidget:浮动窗口控件
    • 006.PyQt5_初识控件_控件效果展示_第73张图片

    • 006.PyQt5_初识控件_控件效果展示_第74张图片


  • 滚动控件
QTextBrowser:富文本浏览器控件
QScrollArea:滚动区域(展示非常大的图片)
QAbstractItemView
    QColumnView:级联列表控件
    QHeaderView:
    QListView:列表控件
    QTableView:表格控件
    QTreeView:树形列表控件
QGraphicsView:绘图架构控件
  • QTextBrowser:富文本浏览器控件
    • 006.PyQt5_初识控件_控件效果展示_第75张图片

    • 006.PyQt5_初识控件_控件效果展示_第76张图片

  • QScrollArea:滚动区域(展示非常大的图片)
    • 006.PyQt5_初识控件_控件效果展示_第77张图片

  • QAbstractItemView
  • QColumnView:级联列表控件
    • 006.PyQt5_初识控件_控件效果展示_第78张图片

    • 006.PyQt5_初识控件_控件效果展示_第79张图片

  • QHeaderView:
    • 006.PyQt5_初识控件_控件效果展示_第80张图片

  • QListView:列表控件
    • 006.PyQt5_初识控件_控件效果展示_第81张图片

    • QListWidget——展示列表元素
      • 006.PyQt5_初识控件_控件效果展示_第82张图片

    • QUndoView——恢复(可撤销,也可重做)
      • 006.PyQt5_初识控件_控件效果展示_第83张图片

  • QTableView:表格控件
    • 相关控件:QTableWidget
    • 006.PyQt5_初识控件_控件效果展示_第84张图片

  • QTreeView:树形列表控件(QTreeWidget)
    • 006.PyQt5_初识控件_控件效果展示_第85张图片

    • 006.PyQt5_初识控件_控件效果展示_第86张图片

  • QGraphicsView:绘图架构控件
      1. 场景类(QGraphicsScene)
      1. 视图类(QGraphicsView)
      1. 图形项类(QGraphicsItem)
    • 006.PyQt5_初识控件_控件效果展示_第87张图片


  • 辅助类控件
    QFocusFrame:焦点框控件(选中的框框与其他的不一样)
    QSizeGrip:文件选择框(右下角有个可以拖动大小的)
    QDesktopWidget:快速访问电脑桌面信息,比如它的尺寸,宽高,个数等信息
    
  • QFocusFrame:焦点框控件(选中的框框与其他的不一样)
    • 006.PyQt5_初识控件_控件效果展示_第88张图片

  • QSizeGrip:文件选择框(右下角有个可以拖动大小的)
    • 006.PyQt5_初识控件_控件效果展示_第89张图片

  • QDesktopWidget:快速访问电脑桌面信息,比如它的尺寸,宽高,个数等信息
    • 006.PyQt5_初识控件_控件效果展示_第90张图片


  • 其他控件
QWizard:向导对话框控件
QWizardPage:向导对话框内嵌页面
QPrintDialog:打印对话框控件
QPrintPreviewDialog:打印预览控件
QPageSetupDialog:打印设置对话框
QAbstractPrintDialog
QSplashScreen:欢迎界面
QVideoWidget:用于播放视频
QCameraViewfinder:相机
QWebEngineView:一个浏览器引擎
  • 向导
    • QWizard:向导对话框控件
      • 006.PyQt5_初识控件_控件效果展示_第91张图片

      • 006.PyQt5_初识控件_控件效果展示_第92张图片

    • QWizardPage:向导对话框内嵌页面
      • 006.PyQt5_初识控件_控件效果展示_第93张图片

  • 打印
    • QPrintDialog:打印对话框控件
      • 006.PyQt5_初识控件_控件效果展示_第94张图片

    • QPrintPreviewDialog:打印预览控件
      • 006.PyQt5_初识控件_控件效果展示_第95张图片

    • QPageSetupDialog:打印设置对话框
      • 006.PyQt5_初识控件_控件效果展示_第96张图片

    • QAbstractPrintDialog
  • QSplashScreen:欢迎界面
    • 用于切换到其他的页面前的欢迎页面
  • 功能控件
    • QVideoWidget:用于播放视频
    • QCameraViewfinder:相机
    • QWebEngineView:一个浏览器引擎
      • 006.PyQt5_初识控件_控件效果展示_第97张图片

       

  • 控件的继承
  • 这部分大概介绍了 PyQt 有哪些控件、对应的类别、所能实现的功能效果。控件具有不同的功能,但也有相似之处,比如形状都是矩形,尺寸、位置都可以改。面向对象在设计整个框架的时候,把共同的特性(尺寸、位置)放在父类(基类)里面,子类具有自己的特性。先学父类,再学子类。
  • 最基层的基类:QObject
  • 可视化控件:QWidget 继承自 QObject。
  • 其他子控件继承自 QWidget。
  • 如何知道一个类有哪些子类呢?
    • 006.PyQt5_初识控件_控件效果展示_第98张图片

  • 小技巧:想打印某个类的所有直接子类,直接 QAbstractButton.subclasses().print 后面回车,就可以自动补全成 print(QAbstractButton.subclasses()) 的形式。

你可能感兴趣的:(PyQt5,pyqt,python,qt,ui,深度学习)