QT 样式表实例
2015-10-26 16:04
417 查看
目标:实现button的圆角效果及背景颜色,鼠标滑过颜色变亮,鼠标点击颜色变重。
总体思路首,先根据需要及样式规则新建.qss文件,然后在代码中将文件引用并应用样式。
具体过程如下:
1在项目当前目录下,创建css.qss文件,并写入如下内容
2在源文件中引入样式,并应用样式
实现效果如你所见。
总体思路首,先根据需要及样式规则新建.qss文件,然后在代码中将文件引用并应用样式。
具体过程如下:
1在项目当前目录下,创建css.qss文件,并写入如下内容
QPushButton { background-color: rgb(85, 170, 255); border-radius:10px; padding:2px 4px; } QPushButton:hover{ background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #55afff, stop:1 #55b9ff); } QPushButton:pressed{ background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5582ff, stop:1 #5596ff); }
2在源文件中引入样式,并应用样式
//读取样式表 QFile qssFile("css.qss");//资源文件":/css.qss" qssFile.open(QFile::ReadOnly); if(qssFile.isOpen()) { QString qss = QLatin1String(qssFile.readAll()); startform.pushButton_1->setStyleSheet(qss); startform.pushButton_2->setStyleSheet(qss); startform.pushButton_3->setStyleSheet(qss); qssFile.close(); }
实现效果如你所见。
相关文章推荐
- QT 样式表基础知识
- 被点击菜单,换样式
- [css3]水平垂直居中
- js css 实现简单的计算器
- 在 CSS 中使用 LESS 实现更多功能
- 媒体查询media参数以及其兼容性问题
- PHPExcel-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- CSSgram-使用CSS Filters和CSS Blend Modes实现Instagram风格滤镜
- checkbox的样式
- Xcode 修改系统的代码块样式 Code Snippet
- table中的td限制宽度width也不能让字符过长变成省略号生效?
- html如何给登录按钮换样式
- HTML基础(登录按钮如何改样式)
- CSS3 之动画及兼容性调优
- css3实现下拉选择框特效
- CSS 备忘
- 只用CSS美化选择框
- Photoshop巧用图层样式反复叠加打造一层风格的咖啡杯教程
- css3 media媒体查询器用法总结
- 12 个 CSS 高级技巧汇总