Qt 设计师-Qt Designer基础控件介绍

Layouts:

  • Vertical Layout:垂直布局

  • Horizontal Layout:水平布局

  • Gird Layout:栅格布局

  • FormLayout:表单布局

关于布局有很多博客写的很好就不再赘述了,本人常用Qt Designer Widget控件然后添加垂直和水平布局非常方便快捷易于管理。

Spacers:

  • Horizontal Spacer:水平弹簧

  • Vertical Spacer:垂直弹簧

Qt 设计师-Qt Designer基础控件介绍_第1张图片

Buttons:

  • Push Button:常用按钮

    双击可修改按键名字。
    可以根据右侧属性编辑器设置各个属性。
    说到图标属性,给大家推荐一个网站阿里巴巴矢量图库,里面有很多按钮等图标,各个格式和颜色。
    Qt 设计师-Qt Designer基础控件介绍_第2张图片
    Qt 设计师-Qt Designer基础控件介绍_第3张图片

  • Tool Button:工具按钮

    主要用来显示图片,多一个QToolButton属性,可以灵活设计风格。
    Qt 设计师-Qt Designer基础控件介绍_第4张图片
    Qt 设计师-Qt Designer基础控件介绍_第5张图片

  • Radio Button:单选框(钮)
    设置默认ui->buttonid->setChecked(true);
    Qt 设计师-Qt Designer基础控件介绍_第6张图片

  • Check Box:多选框
    check box 监听状态,有三种状态 0未选 1半选 2选中

Qt 设计师-Qt Designer基础控件介绍_第7张图片

  • Command Link Button:命令连接按钮
    它的用途类似于单选按钮的用途,因为它用于在一组互斥选项之间进行选择,命令链接按钮不应单独使用,而应作为向导和对话框中单选按钮的替代选项,外观通常类似于平面按钮的外观,但除了普通按钮文本之外,它还允许描述性文本。
    在这里插入图片描述

  • Dialog Button Box:按钮盒
    就是一个ok和cancel的组合,完全可以自己创建。
    在这里插入图片描述

Item View(Model-Based): 表项视图类
根据数据库模型

  • List View:列表视图

  • Tree View:树视图

  • Table View:表格视图

  • Column View:列视图

Item Widgets(Item-Based): 模型/视图部件

  • List Widget:列表部件

  • Tree Widget:树部件

  • Table Widget:表格部件

Containers:
QT容器组件

  • Group Box:有标题的组合框
    分组框通常带有一个边框和一个标题栏,作为容器部件来使用,在其中可以布置各种窗口部件。布局时可用作一组控件的容器,但是需要注意的是,内部必须使用布局控件(如QBoxLayout)进行布局。
  • Scroll Area:自动滚动区
    Scroll Area详细介绍
  • Tool Box:抽屉控件(工具箱)
    QToolBox提供了一系列的页和隔间,就像Qt Creator中的工具箱一样。
  • Tab Widget:选项卡
    QTabWidget选项卡组件顶部或底部有一个标签选项栏,每个标签选项都有一个页面,选择哪个页面,只需单击对应的标签即可,或按指定ALT+字母快捷键组合即可。
  • Stacked Widget:控件栈
    QStackedWidget控件栈,可以使开发人员使用栈管理控件,像用栈管理其他数据类型一样简单。控件栈只显示栈顶的控件,开发人员可以使用raiseWidget()函数把栈中任何其他控件移到栈顶,从而实现控件之间的切换。
  • Frame:框架
    QFrame类是有框架的窗口部件的基类,QFrame框架组件用来存放其他控件,也可用于装饰,一般用来作为更加复杂容器的基础,也可以用在form中作为占用控件。
  • Widget:组件
    QWidget类是所有用户界面对象的基类,QWidget组件在创建时是不可见的,可以包含子控件,在删除Widget时,子控件也一起删除。
  • MDI Area:MDI窗口显示区
    QMdiArea组件中文称作“MDI窗口显示区”,MDI是 Multiple Document Interface的简称,中文意思是多文档界面,主要适用于完成一项工作时需要用到多个文件。QMainWindow是SDI(Signal Document Interface,单文档界面)每个开启的文件占据一个视窗,主要适用于所有工作没有太多文件参与的情况。
    QMdiSubWindow类继承自QWidget,主要用来创建MDI子窗体实例
  • Dock Widget:停靠窗口
    QDockWidget停靠窗体组件,可以作为一个顶层窗口漂浮在桌面,主要作为辅助窗体出现在界面中,可以在很多IDE中看到停靠窗体。
  • QAxWidget:是一个包装ActiveX控件的QWidget
    ActiveX控件

Input Widgets:

  • Combo Box:下拉对话框
    Qt 设计师-Qt Designer基础控件介绍_第8张图片

  • Font Combo Box:字体下拉列表框
    Qt 设计师-Qt Designer基础控件介绍_第9张图片

LineEdit、TextEdit及PlainTextEdit区别

  • Line Edit:单行文本编辑框
    在这里插入图片描述

  • Text Edit:多行文本编辑框
    Qt 设计师-Qt Designer基础控件介绍_第10张图片

  • Plain Text Edit:多行文本编辑器,用于显示和编辑多行简单文本(样式同上)

  • Spin Box:整数调节按钮
    在这里插入图片描述

  • Double Spin Box:浮点数调节按钮

  • Time Edit:提供了一个部件,用于编辑时间
    在这里插入图片描述

  • Data Edit:供了一个部件,用于编辑日期
    在这里插入图片描述

  • Date/Time Edit:QDateTime类提供的一个部件,用于编辑日期和时间。
    QDateTimeEdit允许用户编辑日期,通过使用键盘或箭头键来增加和减少日期和时间值。箭头键可以在QDateTimeEdit内进行部分移动,日期和时间的格式按照setDisplayFormat()设置的显示。
    Qt 设计师-Qt Designer基础控件介绍_第11张图片

  • Dial:旋转仪表盘。
    应用于万能遥控的温度、声音的控制、以及其他工业仪表盘等等。
    Qt 设计师-Qt Designer基础控件介绍_第12张图片

  • Horizontal Scroll Bar:卷滚条,与 QSlider 功能类似,还可以用于卷滚区域。
    在这里插入图片描述

  • Vertical Scroll Bar:卷滚条,与 QSlider 功能类似,还可以用于卷滚区域。
    在这里插入图片描述

  • Horizontal Slider:滑动条,通过滑动来设置数值,可用于数值输入。
    在这里插入图片描述

  • Vertical Slider:滑动条,通过滑动来设置数值,可用于数值输入。
    在这里插入图片描述

  • Key Sequence Edit:文本输入控件。用作对快捷键的采集。结合其内部的API可以实现对自定义快捷键的设置。
    在这里插入图片描述

Display Widgets:

  • Label:常用的控件,用于显示文本,显示html超文本,放置可点击的超链接,显示图片,动画等等。
    在这里插入图片描述

  • Text Browser:带有超文本导航的富文本浏览器,可以设置其readOnly属性为false则可编辑,使用ui.textBrowse->document()->toPlainText()可以获取里面的内容出来。
    Qt 设计师-Qt Designer基础控件介绍_第13张图片

  • Graphics Widget:是一个扩展的基础项,它在 QGraphicsItem 之上提供额外的功能。 它在很多方面与 QWidget 相似,我觉得是更灵活的大画板。
    Qt 设计师-Qt Designer基础控件介绍_第14张图片

  • LCD Number:用于显示一个LCD数字。
    Qt 设计师-Qt Designer基础控件介绍_第15张图片

  • Progress Bar:一个水平或垂直进度条。
    在这里插入图片描述

  • Horizontal Line:就是根线。

  • Vertical Line:就是根线。
    Qt 设计师-Qt Designer基础控件介绍_第16张图片

  • OpenGL Widget:是一个渲染OpenGL图形的窗口部件。
    Qt 设计师-Qt Designer基础控件介绍_第17张图片

  • QQuickWidget:用来加载qml文件,用于显示界面。
    Qt 设计师-Qt Designer基础控件介绍_第18张图片

你可能感兴趣的:(C/C++/qt,qt)