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

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

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

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

一、布局控件

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

二、弹簧控件

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

三、按钮控件

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

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

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

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

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

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

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

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

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

    你可能感兴趣的文章
    Open vSwitch实验常用命令
    查看>>
    Open WebUI 忘了登入密码怎么办?
    查看>>
    open-vm-tools-dkms : 依赖: open-vm-tools (>= 2:9.4.0-1280544-5ubuntu3) 但是它将不会被安装
    查看>>
    open3d-Dll缺失,未找到指定模块解决
    查看>>
    Openbox-桌面图标设置
    查看>>
    opencart出现no such file or dictionary
    查看>>
    opencv Mat push_back
    查看>>
    opencv SVM分类Demo
    查看>>
    opencv videocapture读取视频cap.isOpened 输出总是false
    查看>>
    opencv waitKey() 函数理解及应用
    查看>>
    OpenCV 中的图像转换
    查看>>
    OpenCV 人脸识别 C++实例代码
    查看>>
    OpenCV 在 Linux 上的 python 与 anaconda 无法正常工作.收到未实现 cv2.imshow() 的错误
    查看>>
    Opencv 完美配置攻略 2014 (Win8.1 + Opencv 2.4.8 + VS 2013)上
    查看>>
    opencv 模板匹配, 已解决模板过大程序不工作的bug
    查看>>
    OpenCV 错误:(-215)size.width>0 &&函数imshow中的size.height>0
    查看>>
    opencv&Python——多种边缘检测
    查看>>
    opencv&python——高通滤波器和低通滤波器
    查看>>
    OpenCV-Python接口、cv和cv2的性能比较
    查看>>
    opencv1-加载、修改、保存图像
    查看>>