【Qt】:界面优化(二:控件样式)

界面优化

  • 一.按钮
  • 二.复选框
  • 三.输入框
  • 四.列表
  • 五.菜单栏
  • 六.登陆界面
  • 七.小结

一.按钮

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

二.复选框

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

单选框的属性与复选框一样,就不多演示了。

三.输入框

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

四.列表

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

关于qlineargradient:

  1. qlineargradient有6个参数.
  2. x1, y1:标注了一个起点.
  3. x2, y2:标注了一个终点.这两个点描述了一个"方向".
  4. 例如:. x1:0, y1:0, x2:0, y2:1就是垂直方向从上向下进行颜色渐变.
  5. x1: 0, y1: 0,x2:1, y2:0就是水平方向从左向右进行颜色渐变.
  6. x1:0,y1:0,x2:1, y2:1就是从左上往右下方向进行颜色渐变.
  7. stop0和stop1描述了两个颜色.渐变过程就是从 stop0往stop1进行渐变的.

五.菜单栏

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

六.登陆界面

1.创建一个基础界面。

使用QVBoxLayout来管理上述控件.两个输入框和按钮的minimumHeight均设置为50.(元素在布局管理器中无法直接设置width和height,使用minimumWidth和 minimumHeight代替,此时垂直方向的sizePolicy要设为fixed).右键QcheckBox ,选择Layout Alignment可以设置checkbox的对齐方式(左对齐,居中对齐,右对齐).

在这里插入图片描述

2.设置背景图⽚

由于顶层创建背景图片会不生效,为了解决这个问题,就需要再套一层控件,让当前控件不是顶层控件即可。

把上述控件添加⼀个⽗元素QFrame,并设置QFrame和窗⼝⼀样⼤

在这里插入图片描述

将控件拖到fram里。

在这里插入图片描述

使用border-image设置背景图片,而不是background-image .主要是因为border-image是可以自动缩放的.这一点在窗口大小发生改变时是非常有意义的.

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3.设置输⼊框,checkbox和按钮样式

在这里插入图片描述

在这里插入图片描述

七.小结

QSS本身给Qt提供了更丰富的样式设置的能力,但是整体来说QSS的功能是不如CSS的.在CSS中,整个网页的样式,都是CSS一手负责, CSS 功能更强大,并且也更可控.
相比之下,Qt中是以原生api为主,来控制控件之间的尺寸,位置等,QSS只是起到辅助的作用.
而且Qt中提供的一些"组合控件"(像QComboBox, QSpinBox等)内部的结构是不透明的,此时进行一些样式设置也会存在一定的局限性.
另外,做出好看的界面,光靠QSS是不够的.更重要的是需要专业美工做出设计稿.
因此通过QSS的学习,我们的目的是了解这个技术,而不要求大家立即就能做出非常好看的界面.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/640540.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Hadoop】-Apache Hive概述 Hive架构[11]

目录 Apache Hive概述 一、分布式SQL计算-Hive 二、为什么使用Hive Hive架构 一、Hive组件 Apache Hive概述 Apache Hive是一个在Hadoop上构建的数据仓库基础设施,它提供了一个SQL-Like查询语言来分析和查询大规模的数据集。Hive将结构化查询语言(…

编写一款2D CAD/CAM软件(十六)交互绘制图形

绘制步骤 以交互绘制圆形为例: 点击鼠标左键,确定圆心位置;抬起鼠标,移动鼠标,半径随鼠标位置变化;点击左键确定半径,完成圆的绘制。 绘制结果 Code /// j-operator-create-circle.h#pragma…

自定义表单系统开源是否好用?

在竞争激烈的社会中,拥有够灵活、易维护、可视化界面等优势特点的低代码技术平台获得了很多中小型企业的认可与信赖。在提升企业竞争力、办公效率和规避信息孤岛等方面具有重要的应用价值和作用。流程信息为客户提供低代码技术平台、自定义表单系统开源,…

Android驱动开发之如何编译和更换内核

编译内核可以使用图形化的界面配置,也可以直接使用脚本。在X86_64模拟器环境下,不用交叉编译,而交叉编译工具很容易出现兼容问题,一般也只能使用芯片厂商提供的工具,而不是GNU提供的工具。 android内核开发流程以及架构变化了很多,详情请看 内核官网 内核版本选择 由…

去雾笔记-Pixel Shuffle,逆Pixel Shuffle,棋盘效应,转置卷积

文章目录 1.Pixel Shuffle2.Inverse Pixel Shuffle3.棋盘效应4.转置卷积5.宽激活块6.PSPNet7.反射填充层(Reflective Padding Layer)8.tanh层 1.Pixel Shuffle Pixel Shuffle是一种用于图像超分辨率的技术,它通过重新排列图像的像素来增加图…

Windows 安全中心:页面不可用 你的 IT 管理员已限制对此应用的某些区域的访问,并且你尝试访问的项目不可用。有关详细信息,请与 IT 支持人员联系。

问题 1:Windows 安全中心提示:【页面不可用 你的 IT 管理员已限制对此应用的某些区域的访问,并且你尝试访问的项目不可用。有关详细信息,请与 IT 支持人员联系。】 修复 Microsoft.SecHealthUI 方法 1:命令自动重装安…

Hive架构原理

Hive Hive 的架构是设计用于在大数据环境下进行数据仓库操作和分析的系统。它建立在 Hadoop 生态系统之上,利用 Hadoop 的存储(HDFS)和计算(MapReduce、Tez、Spark 等)能力。 1. 元数据存储(Metastore&am…

Linux(centos)服务器10秒快速配置Java环境

查看是否已安装Java java -version 查看yum能下载的Java版本 yum -y list java*这里选择安装Java 11 yum install -y java-11-openjdk.x86_64查看是否安装成功并配置到环境里 java -version结束

linux系统安全与应用【下】

目录 1.开关机安全控制 1.1GRUB限制 2.终端登录安全控制 2.1 限制root只在安全终端登录 2.2 禁止普通用户登录 3.弱口令检测 3.1 Joth the Ripper(JR) 4.网络端口扫描 4.1 nmap命令 1.开关机安全控制 1.1GRUB限制 通常情况下在系统开机进入GRU…

在Mac M1笔记本上跑大语言模型llama3的4个步骤?(install、pull、run、ask)

要点 Ollama一个功能强大的本地大语言模型LLM运行工具,支持很多模型,并且操作极其简单快速回忆步骤: 下载ollama工具:https://ollama.com/download 下载模型:ollama pull llama3 #根据libs列表直接指定名字 运行模型…

uni-app app和h5的通信

uni-app一套代码同时打包安卓、iOS、h5,有一些需要app与h5的交互通信,目前做到了这块的业务,记录如下: 1.去declould官网,找到uni_webview.js下载链接,将uni_webview.js文件下载到本地,修改uni_webview.js内部配置,将uni修改为webUni,修改好的文件已放到…

搭建知识库-DataWhale笔记

词向量及向量知识库介绍 词向量 词向量定义 在机器学习和自然语言处理(NLP)中,词向量(Embeddings)是一种将非结构化数据,如单词、句子或者整个文档,转化为实数向量的技术。这些实数向量可以被…