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

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

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

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

一、布局控件

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

二、弹簧控件

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

三、按钮控件

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

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

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

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

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

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

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

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

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

    你可能感兴趣的文章
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>
    npm.taobao.org 淘宝 npm 镜像证书过期?这样解决!
    查看>>
    npm—小记
    查看>>
    npm上传自己的项目
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm切换源淘宝源的两种方法
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm包管理深度探索:从基础到进阶全面教程!
    查看>>
    npm升级以及使用淘宝npm镜像
    查看>>
    npm发布包--所遇到的问题
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和package.json那些不为常人所知的小秘密
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>
    npm如何清空缓存并重新打包?
    查看>>