qt样式表界面美化

这篇具有很好参考价值的文章主要介绍了qt样式表界面美化。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一个完整的界面一般包含窗口样式表(可以指定控件(选择器)伪状态样式表)和控件样式表。

不得不说qt的样式表是真大可以做很漂亮的界面,但是有一点不足的是使用样式表效率有点低,电脑还好说,性能强劲,对于imx6这种孱弱的芯片,使用样式表还是有那么一点点耗时间的。

Login窗口样式表

QPushButton:pressed
{
background-color: rgba(74, 125, 254, 255);
	/*background-color: rgba(95,134,219, 255);/*UI设计给的*/
 	border-style: inset;
 	border-radius: 4px;
	border-width:1px; 
	border-color:grey;
	outline:none;
	/*padding:-1;*/
}
QPushButton:!pressed {
	background-color: white;
	/*background-color: rgba(66,88,136, 255);/*UI设计给的*/
 	border-style: inset;
 	border-radius: 4px;
	border-width:1px; 
	border-color:grey;
	outline:none;
	/*padding:-1;*/
}
QDialog 
{
	border-style:none;
	background-color:white;
}

各控件样式表
ButtonCancel控件

//Login窗口样式表已指定

ButtonEnter控件

//Login窗口样式表已指定

PWD控件

//Login窗口样式表已指定

Username控件

//Login窗口样式表已指定

frame控件

border-style:none;
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0.039548 rgba(1, 248, 40, 255), stop:1 rgba(72, 239, 236, 255))

ButtonClose控件

background:transparent;
border-style:none;
background-image: url(:/file/res/image/键盘关闭.png);

lineEditTitle控件

border-style:none;
color: rgb(255, 255, 255);
background:transparent;

frame_7控件

border-style:none;
background-image: url(:/file/res/image/身份.png);

frame_8控件

border-style:none;
background-image: url(:/file/res/image/密码图标.png);

label控件

color: rgb(0, 0, 0);
background:transparent;

label_2控件

color: rgb(0, 0, 0);
background:transparent;

ui文件效果
qt界面美化,QT,C++,ui,qt,css,前端
运行效果
qt界面美化,QT,C++,ui,qt,css,前端文章来源地址https://www.toymoban.com/news/detail-628200.html

到了这里,关于qt样式表界面美化的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [Qt学习笔记]Halcon窗口界面上显示文字的字体尺寸、样式修改

    养成良好的查资料习惯,可以实现事半功倍。 在Halcon12中,有set_font和set_display_font两个算子,其中set_display_font是本地函数形式,所以最终的实现算子为set_font. 按照不同的系统环境下,使用方法略有不同: 不同的系统下使用的方法不同,原本以为比较简单,直接按照文档的

    2024年03月20日
    浏览(55)
  • Qt5.9 UI设计(七)——统一样式设计

    前面已经将UI设计部分实现,各页面也做了最简单的设计,本章介绍一下qss样式的使用。样式设计最终的显示效果如下图: 将stylesheet.qss 样式文件添加进工程 stylesheet.qss 内容如下: 为应用程序添加LOGO图标 加载统一样式 最终设计效果如下图,到这里简单的UI设计部分已经实现

    2023年04月16日
    浏览(86)
  • Qt调用主界面ui

    在其他类中使用主界面ui,this,控件操作等 首先,子类需要包含主界面的头文件和ui_xx.h文件,声明主界面类 然后使用构造函数把主界面的指针传递给子类 子类头文件: 子类cpp文件: 主界面头文件设置ui为公有: 主界面cpp文件设置: 效果图:

    2024年02月02日
    浏览(55)
  • [QT基础]QT不同ui界面的简单切换(C++)

            window10,QT 5.11.1,语言c++         设计两个ui界面,能实现一个ui界面到另一个ui界面的跳转。 为了以防万一,如果是第一次使用qt创建ui界面可以参考以下博客 QT界面创建 1,代码思路         两个ui界面,使用一个按钮进行页面的切换,考虑到实际的应用场景,

    2024年02月03日
    浏览(42)
  • Qt纯代码实现UI界面

    设置编辑框内容的字体样式,包括加粗、下划线、斜体、蓝色、红色、黑色

    2024年01月19日
    浏览(38)
  • 用QT实现自己的UI界面

    对刚入门的QT小白做一些基础知识总结,希望能帮助到你。 1,概念:QT是做UI界面的,一个跨平台的开发软件,使用QT改进了的C++语言进行开发,所以面向对象,开发效率高。 2,模块 首先要理解QT中的 信号与槽 ,sender每发送一个信号都有一个对应的槽函数来接收信号,所以

    2024年02月13日
    浏览(60)
  • 有什么能直接用的开源QT的ui样式库

    Qt 提供了许多可供直接使用的开源 UI 样式库。其中一些常用的样式库包括: Fusion:Qt 的默认样式库,提供现代化和简洁的界面。 Windows:模拟 Windows 的界面样式。 WindowsVista:模拟 Windows Vista 的界面样式。 WindowsXP:模拟 Windows XP 的界面样式。 Macintosh:模拟 Mac OS X 的界面样式

    2024年02月06日
    浏览(41)
  • QT之一个UI里边多界面切换

    环境:VS2019+QT_tools 从网上查看了许多大神的帖子,先将多界面切换的方法总结如下: 1.可以通过QT Designer中添加Containers控件里的Stacked Widget实现同一个UI里的页面切换,可以通过鼠标右键或者代码实现增减页操作 2.可以通过建立多个UI文件,然后设置选择其中一个显示,其他隐

    2024年02月11日
    浏览(33)
  • Qt子线程控制主界面UI控件

    在子线程里控制主界面的UI控件有两种方法:第一种是在子线程中发送信号,然后在主线程中去更新;第二种方法是在子线程中创建同样的对象,然后把主界面中控件的指针赋给创建的对象。 第一种方法在此不做实例展示,在此通过一个简单的例子展示第二种方法: 下面是主

    2024年02月15日
    浏览(47)
  • Python QT5设计UI界面教程

    简介:PyQT5开发常用知识,零基础上手,需配合我之前写的博文,配置好QT设计工具和ui文件转py文件的工具。博文为:使用Python PyQt5实现一个简单的图像识别软件;页面效果如下: 1.设计菜单栏 Containers——Tab Widget; 2.横向排布  可以自动水平对齐 3.文本框和选择框 4.日期输入

    2024年01月17日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包