博客
关于我
14黑马QT笔记之ui设计器中的常用控件01
阅读量:244 次
发布时间:2019-03-01

本文共 984 字,大约阅读时间需要 3 分钟。

UI设计器中的常用控件笔记

在使用UI设计器时,了解常用的控件有助于高效完成布局设计。本文将从布局、弹簧、按钮、容器、输入控件和展示控件几个方面,简要介绍UI设计器中的主要控件及其使用场景。

一、布局控件

布局控件是窗口布局设计的核心工具,常用的有水平布局和垂直布局。水平布局用于左右布局,垂直布局用于上下布局。通过组合多个布局控件,可以将窗口分成多个区域,实现灵活的布局设计。

二、弹簧控件

弹簧控件用于填充空白区域,帮助布局时将控件放置在预期位置。水平弹簧和垂直弹簧分别用于水平和垂直空白区域的填充,是布局设计中常用的辅助工具。

三、按钮控件

按钮控件是最常用的控件之一,主要用于用户操作。根据功能需求,可以选择不同的按钮类型:

  • 常用按钮:最基础的按钮类型,支持多种样式和功能。
  • 工具型按钮:类似于菜单按钮,适用于需要更多操作的场景。
  • 单选按钮:只能选择一个选项。
  • 多选按钮:允许多个选项被勾选。
  • 指示按钮:用于指导用户操作步骤。
  • 对错按钮:用于选择Yes或No等二选一的操作。
  • 四、容器控件

    容器控件用于包含其他控件,常见类型包括:

  • 非滚动容器:右下角的日期容器就是这种类型,适用于显示固定布局的内容。
  • 抽屉式容器:分为两页,常用于管理多个数据表单或模块。
  • 标签容器:用于多文档编辑时显示文件列表。
  • 栈容器:支持多页布局,默认页数从0开始计算。
  • 窗口容器:用于将主窗口分割为多个小窗口,便于布局美化。
  • 五、输入控件

    输入控件用于接收用户输入,常见类型包括:

  • 下拉框:可以自定义添加内容,适用于筛选或选择类操作。
  • 字体选择下拉框:提供多种字体样式,直接使用即可。
  • 行编辑:支持密码模式、提示模式等多种显示方式。
  • 文本编辑区:支持文字输入和图片显示。
  • 调度框:用于输入整数或浮点数,支持逐步增加减少。
  • 日期调度框:用于日期选择,支持日期和时间同时显示。
  • 工业元件:用于特殊需求场景,但通常不作为常用工具。
  • 六、展示控件

    展示控件用于显示信息或数据,常见类型包括:

  • 标签:用于简单的文本显示。
  • 日历控件:可以在软件中显示日期选择。
  • LCD数码管:用于显示计时信息。
  • 进度条:用于显示进度百分比。
  • 水平分割线和垂直分割线:用于界面分隔。
  • 通过对这些常用控件的了解和使用,可以显著提升UI设计效率。在实际操作中,可以根据项目需求灵活组合这些控件,设计出符合用户需求的界面。

    转载地址:http://wyfv.baihongyu.com/

    你可能感兴趣的文章
    OpenCV与AI深度学习 | 实战 | 基于OpenCV和K-Means聚类实现颜色分割(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | 实战 | 基于YoloV5和Mask RCNN实现汽车表面划痕检测(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | 实战 | 基于YOLOv9+SAM实现动态目标检测和分割(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | 实战 | 基于YOLOv9和OpenCV实现车辆跟踪计数(步骤 + 源码)
    查看>>
    OpenCV与AI深度学习 | 实战 | 文本图片去水印--同时保持文本原始色彩(附源码)
    查看>>
    OpenCV与AI深度学习 | 实战—使用YOLOv8图像分割实现路面坑洞检测(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | 实战篇——基于YOLOv8和OpenCV实现车速检测(详细步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | 实战|OpenCV实时弯道检测(详细步骤+源码)
    查看>>
    OpenCV与AI深度学习 | 实践教程|旋转目标检测模型-TensorRT 部署(C++)
    查看>>
    OpenCV与AI深度学习 | 工业缺陷检测中数据标注需要注意的几个事项
    查看>>
    OpenCV与AI深度学习 | 干货 | 深度学习模型训练和部署的基本步骤
    查看>>
    OpenCV与AI深度学习 | 手把手教你用Python和OpenCV搭建一个半自动标注工具(详细步骤 + 源码)
    查看>>
    OpenCV与AI深度学习 | 水下检测+扩散模型:或成明年CVPR最大惊喜!
    查看>>
    OpenCV与AI深度学习 | 深度学习检测小目标常用方法
    查看>>
    OpenCV与AI深度学习 | 超越YOLOv10/11、RT-DETRv2/3!中科大D-FINE重新定义边界框回归任务
    查看>>
    OpenCV与AI深度学习 | 高效开源的OCR工具:Surya-OCR介绍与使用
    查看>>
    OpenCV与AI深度学习|16个含源码和数据集的计算机视觉实战项目(建议收藏!)
    查看>>
    Opencv中KNN背景分割器
    查看>>
    OpenCV中基于已知相机方向的透视变形
    查看>>
    OpenCV中的监督学习
    查看>>