[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

相关文章

Python+PyQt5实现多屏幕协同播放功能

《Python+PyQt5实现多屏幕协同播放功能》在现代会议展示、数字广告、展览展示等场景中,多屏幕协同播放已成为刚需,下面我们就来看看如何利用Python和PyQt5开发一套功能强大的跨屏播控系统吧... 目录一、项目概述:突破传统播放限制二、核心技术解析2.1 多屏管理机制2.2 播放引擎设计2.3 专

Spring定时任务只执行一次的原因分析与解决方案

《Spring定时任务只执行一次的原因分析与解决方案》在使用Spring的@Scheduled定时任务时,你是否遇到过任务只执行一次,后续不再触发的情况?这种情况可能由多种原因导致,如未启用调度、线程... 目录1. 问题背景2. Spring定时任务的基本用法3. 为什么定时任务只执行一次?3.1 未启用

MySQL新增字段后Java实体未更新的潜在问题与解决方案

《MySQL新增字段后Java实体未更新的潜在问题与解决方案》在Java+MySQL的开发中,我们通常使用ORM框架来映射数据库表与Java对象,但有时候,数据库表结构变更(如新增字段)后,开发人员可... 目录引言1. 问题背景:数据库与 Java 实体不同步1.1 常见场景1.2 示例代码2. 不同操作

Spring Boot 集成 Quartz 使用Cron 表达式实现定时任务

《SpringBoot集成Quartz使用Cron表达式实现定时任务》本文介绍了如何在SpringBoot项目中集成Quartz并使用Cron表达式进行任务调度,通过添加Quartz依赖、创... 目录前言1. 添加 Quartz 依赖2. 创建 Quartz 任务3. 配置 Quartz 任务调度4. 启

一文详解SQL Server如何跟踪自动统计信息更新

《一文详解SQLServer如何跟踪自动统计信息更新》SQLServer数据库中,我们都清楚统计信息对于优化器来说非常重要,所以本文就来和大家简单聊一聊SQLServer如何跟踪自动统计信息更新吧... SQL Server数据库中,我们都清楚统计信息对于优化器来说非常重要。一般情况下,我们会开启"自动更新

Spring Boot中定时任务Cron表达式的终极指南最佳实践记录

《SpringBoot中定时任务Cron表达式的终极指南最佳实践记录》本文详细介绍了SpringBoot中定时任务的实现方法,特别是Cron表达式的使用技巧和高级用法,从基础语法到复杂场景,从快速启... 目录一、Cron表达式基础1.1 Cron表达式结构1.2 核心语法规则二、Spring Boot中定

Spring Boot 整合 ShedLock 处理定时任务重复执行的问题小结

《SpringBoot整合ShedLock处理定时任务重复执行的问题小结》ShedLock是解决分布式系统中定时任务重复执行问题的Java库,通过在数据库中加锁,确保只有一个节点在指定时间执行... 目录前言什么是 ShedLock?ShedLock 的工作原理:定时任务重复执行China编程的问题使用 Shed

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Redis缓存问题与缓存更新机制详解

《Redis缓存问题与缓存更新机制详解》本文主要介绍了缓存问题及其解决方案,包括缓存穿透、缓存击穿、缓存雪崩等问题的成因以及相应的预防和解决方法,同时,还详细探讨了缓存更新机制,包括不同情况下的缓存更... 目录一、缓存问题1.1 缓存穿透1.1.1 问题来源1.1.2 解决方案1.2 缓存击穿1.2.1

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用