Qt界面美化 QSS

目前发现在Qt-Design中右击控件,可以选择Change StyleSheet

------------------------以下总结不太对

刚接触Qt,发现Qt
Design无法对每个控件进行颜色风格设置。正在纳闷如此受欢迎的开发工具,怎么会没有这种,Delphi,VB,VC,C#都具备的基本功能呢?

后来在CSDN上才知道,Qt已经走在这些工具的最前方了,把界面已经独立出来和web编程一样。web有CSS专门美化工作。而Qt也有QSS进行美化设计。完全可以不影响程序开发。而且可以直接调用网上经典的界面代码。

Qt思想确实是先进不少啊。

目前没有精力研究Qt美化界面的问题。先了解一下放在这儿。

一些QSS的例子

QT皮肤(QSS)编程

 

qt样式qss应用 

 

QT皮肤(QSS)编程

skin.qss中,写上QPushButton { color: red };

Cpp代码  

  1. #include <QApplication>

  2. #include <QPushButton>
  3. #include <QApplication>

  4. #include <QFile>

  5. #include <QStyleFactory>

  6. #include <QTextStream>

  7. bool setSkin(QApplication* const app, QString const &skinFile)

  8. {

  9. QFile file(skinFile);
  10. if (QFile::exists(skinFile) && file.open(QIODevice::ReadOnly))

  11. {

  12. QApplication::setStyle(QStyleFactory::create("Windows"));

  13. QString strTemp;

  14. QTextStream in(&file);

  15. while (!in.atEnd())

  16. {

  17. strTemp.append(in.readLine());

  18. }

  19. file.close();

  20. app->setStyleSheet(strTemp);

  21. }

  22. else

  23. {

  24. #ifdef Q_WS_MAC

  25. qDebug("%s: %s: File does not exist %s... setting mac style...",

  26. __FILE__, __FUNCTION__, qPrintable(skinFile));

  27. app->setStyle(new QMacStyle());

  28. return true;

  29. #else

  30. qDebug("%s: %s: File does not exist or failed to open %s",

  31. __FILE__, __FUNCTION__, qPrintable(skinFile));

  32. return false;

  33. #endif

  34. }
  35. return true;

  36. }
  37. int main(int argc, char *argv[])

  38. {

  39. //加载应用程序实例

  40. QApplication app(argc, argv);
  41. //加载主窗口

  42. QWidget *widget = new QWidget();

  43. widget->setFixedSize(300, 300);

  44. widget->move(0, 0);
  45. //加载PushButton

  46. QPushButton *button = new QPushButton("button", widget);

  47. button->setFixedSize(100, 100);

  48. button->move(100, 100);

  49. <strong><span style="color: #800000;">

  50. //加载应用皮肤

  51. setSkin(&app ,"skin.qss");</span></strong>
  52. //显示主窗口

  53. widget->showNormal();
  54. //循环

  55. return app.exec();

  56. }

Qt界面美化 QSS,布布扣,bubuko.com

时间: 2024-08-04 10:57:58

Qt界面美化 QSS的相关文章

[Qt] 界面美化 [2013-06-17更新](转载)

- 经验总结 1. 可用对话框(QDialog)模拟类似Android中toast的效果. - 设置程序界面风格 在main函数中QApplication::setStyle("windows");QApplication::setStyle("windowsxp");QApplication::setStyle("motif");QApplication::setStyle("cde");QApplication::setS

Qt Creator中使用qss对界面美化没有作用(效果)的问题

最近在研究qt界面开发,发现使用qss对界面进行美化后效果不错,要比mfc效率高很多,美化效果也很出色.但是在使用qss文件对界面控件进行美化的过程中遇到了个很奇葩的问题,困惑了我好久,今晚又遇到了,感觉整个人都不好了,问题症状如下: (1)我在Qt Creator中新建了一个工程,添加qss文件及内容后运行,加载qss文件并运行程序,qss美化效果死活出不来(经检查,qss内容及加载过程都正确): (2)在Qt Creator中打开一个现有项目,该项目中含有qss文件,能正确加载,在别的电脑上

【Qt编程】基于Qt的词典开发系列&lt;三&gt;--界面美化设计

本文讲一讲界面设计,作品要面向用户,界面设计的好坏直接影响到用户的体验.现在的窗口设计基本都是扁平化的,你可以从window  XP与window 8的窗口可以明显感觉出来.当然除了窗口本身的效果,窗口中各种控件的特效也是特别重要的一环.下面讲讲我在词典软件中的一些设计:说到界面美化的设计,不得不提到美工,一个好的美工是想当的重要!软件毕竟少不了图标,而不懂美工的我,也就只能在网上使用别人的图标了. 如何得到网上的图标? 直接百度就可以了,当然还有另一种方法:就是从别人的文件中提取这些图标文件.

高仿富途牛牛-组件化(三)-界面美化

目录 一.概述 二.效果展示 三.工具箱 1.布局 2.功能详解 四.组件模板工具栏 五.其他界面美化 六.使用qss文件 七.相关文章 一.概述 今天是组件化的第三篇文章了,前两篇文章主要是以功能为主,分别讲解了 高仿富途牛牛-组件化(一)-支持页签拖拽.增删.小工具和高仿富途牛牛-组件化(二)-磁力吸附,其中也不乏有一些小的bug,不过这些都不是问题. 之前的效果展示只是为了表达意思,界面是真的丑,标准的程序员审美,哈哈哈.今天这篇文章主要是对之前的程序进行了美化,并且进行了一些bug的修改

Qt界面风格设置

每个widget都可以设置风格 setStyle(QStyle style) 对QApplication设置QStyle即对所有 QApplication::setStyle(QStyleFactory::create("Fusion")); 其他widget如过没有被设置QStyle,默认使用QApplication的 QStyle主要可重写接口 绘制复杂控件 virtual void    drawComplexControl(ComplexControl control, con

Qt 界面使用自定义控件 &quot;提升为&quot;

1.效果图 我做了一个非常简单的例子,一个可以显示颜色的QLabel,边上有个按钮,点击,跳出颜色选取的Dialog,然后选择一个颜色,这个QLabel会变成什么颜色. 2.ColorLabel 我们先把这个自定义的类写好: 头文件: #ifndef COLORLABEL_H #define COLORLABEL_H #include <QLabel> #include <QPainter> class ColorLabel : public QLabel{ Q_OBJECT pu

复利计算器(4)——界面美化、自动补全

一.分工 这次终于可以跟小伙伴合作了,经过讨论,我负责界面的美化和输入框自动补全,小伙伴擅长安卓,于是将复利计算器弄成app的任务就交给了小伙伴. 二.界面美化 1.弹框提示 思路:弹框提示显示是浏览器自带,所以难免会难看些(如图一),因此引进一些jQuery的插件,将弹框美化(如图二) 图一 图二 实现:从网上下载相应的插件的jar包,将jar包引用到相应的项目中,只要在项目中写就可以实现layer.alert("请在复利金额输入框输入正数(保留两位小数)!", {icon: 100

在ROS中使用QT界面

在终端可以直接用catkin_create_qt_pkg命令创建带Qt界面的ROS package,再按照前面说的方法导入到Qt即可 这里参考的是qt_createTutorialsQt App Templates (1) 要使用catkin_create_qt_pkg命令需要安装一个包,执行如下命令: $ sudo apt-get install ros-indigo-qt-ros 这样我就可以使用catkin_create_qt_pkg命令创建一个名为testgui的package $ cd

手把手教你做安豆计算器(四)-界面美化

第5节 界面美化 这一节,我们将对粗糙的计算器界面进行美化,最后让它的效果如下, 5.1 整体背景色 给整个背景调整一个背景颜色,让它变得美观. 在布局文件activity_main.xml中,给整个界面增加一个背景颜色#FF4B5459,对界面的父布局LinearLayout使用android:background属性设置: 这里的颜色是采用AARRGGBB的形式进行定义的,AA表示透明度,RR代表红色,GG代表绿色,BB代表蓝色: <LinearLayout xmlns:android=&quo