Qt QSS QSlider样式
本文章主要学习QSlider样式
准备下面几张背景图片:
调小图标
、调大图标
、QSlider位置图标
QSlider划过的背景图标
、QSlider未划过的背景图标
最终效果图
自己创建一个QSlider工程,此处省略……
CSDN QT大纲:Qt开发必备技术栈学习路线和资料
编写mainwindow.h文件
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QSlider>
#include <QPushButton>class MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = 0);
private slots:void BtnLeftClick();void BtnRightClick();
private:QSlider *pQSlider;
};#endif // MAINWINDOW_H
编写mainwindow.cpp文件
#include "mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent)
{this->resize(QSize(360,90));this->setStyleSheet("background-color:rgb(43,45,55);border:none;");QPushButton *pBtnL = new QPushButton(this);QPushButton *pBtnR = new QPushButton(this);pQSlider = new QSlider(Qt::Horizontal,this);pBtnL->setGeometry(30,24,32,34);pQSlider->setGeometry(70,20,220,40);pBtnR->setGeometry(300,20,32,34);pBtnL->setStyleSheet("outline:none;border-image: url(:/btn_del.png)");pBtnR->setStyleSheet("outline:none;border-image: url(:/btn_add.png)");//设置不可用,不可滑动pQSlider->setEnabled(false);pQSlider->setStyleSheet("QSlider::groove:horizontal{ \height: 12px; \left: 5px; \right: 5px; \border-image: url(:/qslider_bg.png);\} \QSlider::handle:horizontal{ \border-radius: 20px; \width: 40px; \height: 40px; \margin-top: -10px; \margin-left: -10px; \margin-bottom: -20px; \margin-right: -10px; \border-image:url(:/qslider_btn.png);} \QSlider::sub-page:horizontal{border-image: url(:/qslider.png);}");//设置最小值、最大值pQSlider->setMinimum(0);pQSlider->setMaximum(16);//设置初始值pQSlider->setValue(4);//关联信号槽connect(pBtnL,SIGNAL(clicked()),this,SLOT(BtnLeftClick()));connect(pBtnR,SIGNAL(clicked()),this,SLOT(BtnRightClick()));
}void MainWindow::BtnLeftClick()
{if(pQSlider->value() > 0){pQSlider->setValue(pQSlider->value()-1);}
}void MainWindow::BtnRightClick()
{if(pQSlider->value() < 16){pQSlider->setValue(pQSlider->value()+1);}
}
编写main.cpp文件
#include "mainwindow.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);MainWindow w;w.show();return a.exec();
}
es.qrc内容如下图所示
本文福利,莬费领取Qt开发学习资料包、技术视频,内容包括(C++语言基础,Qt编程入门,QT信号与槽机制,QT界面开发-图像绘制,QT网络,QT数据库编程,QT项目实战,QT嵌入式开发,Quick模块等等)↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓
Qt QSS QSlider样式相关推荐
- Qt QSS常用样式总结
QTabWidget /**************************************************************************** * QTabWidge ...
- Qt控件样式之QSS
QSS常用于Qt的控件样式美化,合理地使用Qss可以完成在不改动代码的情况下改变Qt界面的样式. 官方提供的例子: http://qt-project.org/doc/qt-4.8/styleshee ...
- QT QSlider样式 美化
QT软件开发: 设置QSlider样式 /*滑块的样式*/ QSlider::groove:horizontal { border: 1px solid #00B0AE; background: #0 ...
- Qt QSS基础知识学习
1.QSS介绍 QSS是Qt程序界面中用来设置控件的背景图片.大小.字体颜色.字体类型.按钮状态变化等属性,用于美化UI界面.实现界面和程序的分离,快速切换皮肤. QSS最大的优点就是简单便捷,可以快 ...
- qt自定义控件的样式
引言 自定义控件创建后,有时需要设置样式,下面记录一下设置样式时需要注意的点. 注意 1.设置自定义控件的样式时,需要下面的代码: void paintEvent(QPaintEvent *event ...
- [转载]Qt之鼠标样式
原文地址:Qt之鼠标样式作者:一去丶二三里 Qt中可以自定义鼠标样式,无论是为了美观,还是遵从同行业标准,或者说是界面友好性都需要了解. 使用setCursor(Qt::CursorShape)来设置 ...
- [转载]Qt之鼠标样式_vortex_新浪博客
原文地址:Qt之鼠标样式作者:一去丶二三里 Qt中可以自定义鼠标样式,无论是为了美观,还是遵从同行业标准,或者说是界面友好性都需要了解. 使用setCursor(Qt::CursorShape)来设置 ...
- Qt qss 九宫格
Qt qss 九宫格 QPushButton{ border-image:url(:/button.png) 10 20 30 40; border-top: 10px transpa ...
- QT:QSS自定义QLineEdit实例
QT:QSS自定义QLineEdit实例 QLineEdit 的框架是使用Box Model.设计的. 要创建带圆角的线编辑,我们可以设置: QLineEdit {border: 2px solid ...
最新文章
- fix--向零方向取整
- DG备库磁盘空间满导致无法创建归档
- 解决安装完ubuntu登陆无root账户问题
- 东莞首办工业机器人成果交流会听众爆满
- python中什么叫合法的标识_python合法标识符要求是什么
- java response设置403,java.io.IOException:服务器返回URL的HTTP响应代码:403
- centos 7 开放指定端口
- Python 多线程-共享全局变量问题 -args参数 同步的概念
- 知识类API调用的代码示例合集:驾考题库、ISBN书号查询、万年历查询等
- 开发撞墙之奇怪的需求:经纬度带符号转换
- Vue电影网站构建实战教程
- VOC数据集格式介绍
- 手机内存清理软件,让你的手机更轻更快!
- 潘多拉路由器搭建php,MT7620A 无线路由 极路由 1S 定制版 OPERWRT 潘多拉 中继 营销...
- Angular2 Directive讲解
- 游戏开发程序员可能会遇到的英文单词
- python时间序列因果检验_用python做时间序列预测8:Granger causality test(格兰杰因果检验)...
- 一阶电路暂态响应的结果分析。_《电路原理》——相量法
- SpringSecurity 使用
- vue项目报eslint格式错误解决方案
热门文章
- 英语对学计算机有多重要,英语对计算机专业的重要性及如何提高英语水平
- 阿里云ECS添加公网IPV6
- 奇葩Bug频出,苹果AirPods Pro 2提醒用户换电池
- 将文件夹内的照片批量修改名字
- web生成pdf后的直接打印,隐藏iframe
- 猜数字(超级简单题目)
- WPF自定义控件与样式(13)-自定义窗体Window 自适应内容大小消息框MessageBox
- TF卡里删掉文件后内存没变大_双11,TF卡,SD卡,读卡器如何选,看这篇就够了...
- 视频合并技巧,如何将多个视频合并在一起
- 安卓SoundPool播放声音(及具体参数解析)