QT-动态切换界面风格,动态加载不同的样式

25 篇文章 6 订阅

QT-动态切换界面风格,动态加载不同的样式

一、演示效果

请添加图片描述

二、关键程序

1.样式加载

代码如下:

void QStyleLoad::setStyle(QString strStyle)
{
	QFile qss(strStyle);
	qss.open(QFile::ReadOnly);
	qApp->setStyleSheet(qss.readAll());
	qss.close();
}

2.部分qss

代码如下):


QPushButton{
	border-style: solid;
	border-color: #050a0e;
	border-width: 1px;
	border-radius: 5px;
	color: #d3dae3;
	padding: 2px;
	background-color: #100E19;
}
QPushButton::default{
	border-style: solid;
	border-color: #050a0e;
	border-width: 1px;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #151a1e;
}
QPushButton:hover{
	border-style: solid;
	border-top-color: qlineargradient(spread:pad, x1:0, y1:1, x2:1, y2:1, stop:0 #C0DB50, stop:0.4 #C0DB50, stop:0.5 #100E19, stop:1 #100E19);
    border-bottom-color: qlineargradient(spread:pad, x1:0, y1:1, x2:1, y2:1, stop:0 #100E19, stop:0.5 #100E19, stop:0.6 #C0DB50, stop:1 #C0DB50);
    border-left-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #C0DB50, stop:0.3 #C0DB50, stop:0.7 #100E19, stop:1 #100E19);
    border-right-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 #C0DB50, stop:0.3 #C0DB50, stop:0.7 #100E19, stop:1 #100E19);
	border-width: 2px;
    border-radius: 1px;
	color: #d3dae3;
	padding: 2px;
}
QPushButton:pressed{
	border-style: solid;
	border-top-color: qlineargradient(spread:pad, x1:0, y1:1, x2:1, y2:1, stop:0 #d33af1, stop:0.4 #d33af1, stop:0.5 #100E19, stop:1 #100E19);
    border-bottom-color: qlineargradient(spread:pad, x1:0, y1:1, x2:1, y2:1, stop:0 #100E19, stop:0.5 #100E19, stop:0.6 #d33af1, stop:1 #d33af1);
    border-left-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #d33af1, stop:0.3 #d33af1, stop:0.7 #100E19, stop:1 #100E19);
    border-right-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 #d33af1, stop:0.3 #d33af1, stop:0.7 #100E19, stop:1 #100E19);
	border-width: 2px;
    border-radius: 1px;
	color: #d3dae3;
	padding: 2px;
}

三、程序地址

程序链接
https://download.csdn.net/download/u013083044/85487933

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Qt是一个跨平台应用程序开发框架,可用于开发和部署桌面、移动和嵌入式应用程序。Qt提供了许多功能强大的界面元素和交互控件。其中,滑动切换界面是一种常见的交互方式,它通过手势滑动屏幕来切换不同的界面,提高了用户体验。 对于Qt开发者来说,实现滑动切换界面的思路主要包括以下几个步骤: 1.创建多个页面。在Qt中,可以使用QStackedWidget控件来实现多个页面的切换。首先需要在QStackedWidget中添加多个QWidget窗口,每个窗口代表一个页面。 2.设置手势支持。Qt提供了Gesture类来支持手势操作,如上下左右滑动。在QStackedWidget中,需要重载QWidget的event事件,捕获手势事件,然后根据手势的方向来切换页面。 3.实现页面的滑动动画。为了让滑动切换更加流畅,可以在页面滑动的过程中添加动画效果。在Qt中,可以使用QPropertyAnimation控件来实现动画效果,如缩放、旋转等。 4.优化性能。滑动切换界面需要大量的计算资源,如果界面过于复杂或运行环境不佳,就可能出现卡顿现象。因此,在实现滑动切换界面时,需要注意优化性能,如减少页面的复杂度、使用异步加载等。 通过以上步骤,可以实现Qt滑动切换界面的功能。下图是一个简单的示例,其中包含3个页面,用户可以使用手势滑动来切换不同的页面。 ![Qt滑动切换界面截图](https://www.zhaokeli.com/wp-content/uploads/2019/06/demo_qt_sliding_page.png)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

进击的大海贼

联系博主,为您提供有价值的资源

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

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

打赏作者

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

抵扣说明:

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

余额充值