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

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

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

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

一、布局控件

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

二、弹簧控件

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

三、按钮控件

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

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

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

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

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

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

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

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

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

    你可能感兴趣的文章
    No module named tensorboard.main在安装tensorboardX的时候遇到的问题
    查看>>
    No module named ‘MySQLdb‘错误解决No module named ‘MySQLdb‘错误解决
    查看>>
    No new migrations found. Your system is up-to-date.
    查看>>
    No qualifying bean of type XXX found for dependency XXX.
    查看>>
    No qualifying bean of type ‘com.netflix.discovery.AbstractDiscoveryClientOptionalArgs<?>‘ available
    查看>>
    No resource identifier found for attribute 'srcCompat' in package的解决办法
    查看>>
    no session found for current thread
    查看>>
    No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android
    查看>>
    NO.23 ZenTaoPHP目录结构
    查看>>
    no1
    查看>>
    NO32 网络层次及OSI7层模型--TCP三次握手四次断开--子网划分
    查看>>
    NOAA(美国海洋和大气管理局)气象数据获取与POI点数据获取
    查看>>
    NoClassDefFoundError: org/springframework/boot/context/properties/ConfigurationBeanFactoryMetadata
    查看>>
    node exporter完整版
    查看>>
    Node JS: < 一> 初识Node JS
    查看>>
    Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
    查看>>
    Node 裁切图片的方法
    查看>>
    Node+Express连接mysql实现增删改查
    查看>>
    node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
    查看>>
    Node-RED中Button按钮组件和TextInput文字输入组件的使用
    查看>>