[PYQT5]如何做出精美界面,让你的软件高n个档次,QSS实例教程--不定时更新--part1[QLineEdit]

本文主要是介绍[PYQT5]如何做出精美界面,让你的软件高n个档次,QSS实例教程--不定时更新--part1[QLineEdit],希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本人只是把平时做界面的一些小例子列举出来,没什么特别高端的操作,希望使你的界面更加美观
CSS大佬的不要喷,我只是个刚学点QSS的萌新 QAQ
在这里插入图片描述
Qt Style Sheets简称QSS,是QT中专门面向控件外观的编程,其语法和CSS基本一样(还没CSS多)

使用

第一种方式在代码里面导入QSS文件(文件里就是你已经写好的QSS代码)

with open(‘.QSS’, 'r') as f:qss1 = f.read()win.setStyleSheet(qss1)

而QSS会运行在被加上控件的本级以及子集控件进行更改(一般都放在主窗口)

第二种方法(简单粗暴法)
打开QT DESIGNER
选择主窗口
在这里插入图片描述
找到styleSheet
在这里插入图片描述
打开,编写QSS代码
在这里插入图片描述

推荐一个编写QSS非常好用的软件QSS EIDTOR,可以事实看到自己QSS代码对控件的影响,并且可以保存打开QSS文件

在这里插入图片描述

进入正题 QLineEdit实例

在这里插入图片描述
本来想做一个很轻量的登陆界面,可是怎么调试,都给人一种辣鸡界面的感觉,这时候一个好的QLineEdit的QSS就成了关键

首先,化框为线

代码
QLineEdit{border:0px;    #去除边框margin:10px; 	#设置10像素的外框距margin-left:50px;    #设置左边外框距50pxmargin-right:50px;		#设置右边外框距50px,这样垂直分布可以居中border-bottom: 2px solid #B3B3B3; 	#显示下框线,且为2px像素宽度颜色为#B3B3B3font-family:'Microsoft YaHei'; 	#设置字体font-size:20px; 	#字体大小font-weight:bold;		#粗体}

在这里插入图片描述
这样我们就获得了一个看起来不错的界面
接下来为QLineEdit增加动态反馈效果

具有触感的反馈

没有什么比线条变粗,颜色改变更好的触感了

#当鼠标移动到QLineEdit上时的反馈
QLineEdit:hover{border-bottom: 3px solid #66A3FF;	#下框线变为3px像素宽度,颜色为#66A3FF}
#当选中QLineEdit时的反馈
QLineEdit:focus{border-bottom: 3px solid #E680BD;	#下框线变为3px像素宽度,颜色为#E680BD}

在这里插入图片描述

在这里插入图片描述

代码

QLineEdit{border:0px;    margin:10px;margin-left:50px; margin-right:50px;border-bottom: 2px solid #B3B3B3;font-family:'Microsoft YaHei';font-size:20px;font-weight:bold;}QLineEdit:hover{border-bottom: 3px solid #66A3FF;}QLineEdit:focus{border-bottom: 3px solid #E680BD;}

完整代码请见:https://gitee.com/ddder1919/a-login-interface.git

这篇关于[PYQT5]如何做出精美界面,让你的软件高n个档次,QSS实例教程--不定时更新--part1[QLineEdit]的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/606077

相关文章

MySQL 定时新增分区的实现示例

《MySQL定时新增分区的实现示例》本文主要介绍了通过存储过程和定时任务实现MySQL分区的自动创建,解决大数据量下手动维护的繁琐问题,具有一定的参考价值,感兴趣的可以了解一下... mysql创建好分区之后,有时候会需要自动创建分区。比如,一些表数据量非常大,有些数据是热点数据,按照日期分区MululbU

Golang如何对cron进行二次封装实现指定时间执行定时任务

《Golang如何对cron进行二次封装实现指定时间执行定时任务》:本文主要介绍Golang如何对cron进行二次封装实现指定时间执行定时任务问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录背景cron库下载代码示例【1】结构体定义【2】定时任务开启【3】使用示例【4】控制台输出总结背景

在Golang中实现定时任务的几种高效方法

《在Golang中实现定时任务的几种高效方法》本文将详细介绍在Golang中实现定时任务的几种高效方法,包括time包中的Ticker和Timer、第三方库cron的使用,以及基于channel和go... 目录背景介绍目的和范围预期读者文档结构概述术语表核心概念与联系故事引入核心概念解释核心概念之间的关系

MySQL追踪数据库表更新操作来源的全面指南

《MySQL追踪数据库表更新操作来源的全面指南》本文将以一个具体问题为例,如何监测哪个IP来源对数据库表statistics_test进行了UPDATE操作,文内探讨了多种方法,并提供了详细的代码... 目录引言1. 为什么需要监控数据库更新操作2. 方法1:启用数据库审计日志(1)mysql/mariad

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

Qt 设置软件版本信息的实现

《Qt设置软件版本信息的实现》本文介绍了Qt项目中设置版本信息的三种常用方法,包括.pro文件和version.rc配置、CMakeLists.txt与version.h.in结合,具有一定的参考... 目录在运行程序期间设置版本信息可以参考VS在 QT 中设置软件版本信息的几种方法方法一:通过 .pro

安装centos8设置基础软件仓库时出错的解决方案

《安装centos8设置基础软件仓库时出错的解决方案》:本文主要介绍安装centos8设置基础软件仓库时出错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录安装Centos8设置基础软件仓库时出错版本 8版本 8.2.200android4版本 javas

基于Python+PyQt5打造一个跨平台Emoji表情管理神器

《基于Python+PyQt5打造一个跨平台Emoji表情管理神器》在当今数字化社交时代,Emoji已成为全球通用的视觉语言,本文主要为大家详细介绍了如何使用Python和PyQt5开发一个功能全面的... 目录概述功能特性1. 全量Emoji集合2. 智能搜索系统3. 高效交互设计4. 现代化UI展示效果

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

如何确定哪些软件是Mac系统自带的? Mac系统内置应用查看技巧

《如何确定哪些软件是Mac系统自带的?Mac系统内置应用查看技巧》如何确定哪些软件是Mac系统自带的?mac系统中有很多自带的应用,想要看看哪些是系统自带,该怎么查看呢?下面我们就来看看Mac系统内... 在MAC电脑上,可以使用以下方法来确定哪些软件是系统自带的:1.应用程序文件夹打开应用程序文件夹