Qt入门 【ui设计】

ui界面介绍

在这里插入图片描述

  • Layouts: 布局管理器,组件在水平垂直方向布局。
  • Spacers:分割器,在水平方向进行分割,便于拉伸或者压缩。
  • Buttons:各种各样的按钮
  • ltem Views (Model-Based) 图像显示有关的各种视图
  • Item Widgets (Ite m-Based) 列表框(表格、树状列表、横向列表)
  • Containers:容器(可以把其他所有的组件嵌套进容器中)
  • Input Widgets:带有输入功能的组件,获取键盘输入的信息
  • Display Widgets:各种具有显示功能的组件

UI界面demo

  • 设计展示标题(label标签),调整Layout属性视图。
    在这里插入图片描述

  • 通过属性视图font选项,设计标题属性,调整字体大小和字体字样

在这里插入图片描述

  • geometry 设置坐标和宽、高。
    在这里插入图片描述

标签总结

Layout

  • 标签常用的属性:
    • 1、geometry 设置位置坐标,设置宽度和高度。
    • 2、font :设置标签上字体大小和字样

lineedit

  • 单行输入框 lineedit : 参上。
  • lineedit 空间中的placeholderT… 属性可以设置控件提示信息
    在这里插入图片描述
    隐藏提示信息, 将echoMode设置为PassWord,就可以隐藏密码信息,
  • 注意:echoMode默认不隐藏需要自己设置。
    在这里插入图片描述
    效果:
    在这里插入图片描述
  • maxlength可以限制输入框的信息长度
    在这里插入图片描述

PushButton

  • 普通按钮:PushButton: 参上。

改变按钮属性: 右击PushButton按钮中的样式修改,跳转到样式编辑表。

在这里插入图片描述

给按钮键添加背景图片

1、将Resource File文件添加进工程中,

在这里插入图片描述

2、设置资源文件存储路径,点击Add按钮设置图片存储路径。

在这里插入图片描述

  • 将文件资源添加进/new/prefix1中。

在这里插入图片描述

  • 编辑登录按钮的样式表

在这里插入图片描述

  • 1
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱生活,爱代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值