`
f002489
  • 浏览: 271827 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

一个值得借鉴的QSS样式

    博客分类:
  • Qt
qt 
阅读更多
http://blog.csdn.net/yebufan/article/details/5875614


*{
  font-size:13px;
  color:white;
  font-family:"宋体";
}
CallWidget QLineEdit#telEdt
{
  font-size:24px;
}
QMainWindow,QDialog{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
}
QWidget{
    background:#121922;
}
QLabel{
   background:transparent;
}
DailForm QLineEdit#phoneLineEdt{
  font-size:36px;
  font-weight: bold;
}
QPushButton,QToolButton{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,
                                 stop: 1.0 #27405A);
    border-style: outset;
    border-width: 1px;
    border-radius: 5px;
    border-color: #11223F;
    padding: 1px;
}
QPushButton::hover,QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}
QPushButton::pressed,QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QPushButton::disabled,QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;
}
QDialog QPushButton,QDialog QToolButton{
  min-width:30px;
  min-height:23px;
}
QToolButton[objectName="minimizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/minimize.png)
}
QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {
    image:url(qss/minimize_hover.png)
}
QToolButton[objectName="maximizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/maximize.png)
}
QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {
    image:url(qss/maximize_hover.png)
}
QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {
    background: transparent;
    border:none;
    image:url(qss/close.png)
}
QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="titleSetUpToolBtn"]{
    background: transparent;
    border:none;
    image:url(qss/setup.png)
}
DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,
         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,
         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,
         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {
    font-size:36px;
    border-radius: 10px;
}
DailForm QToolButton#delToolBtn{
    border-radius: 10px;
}
QFrame{
    border-color:#32435E;
    border-width:1px;
    border-radius: 3px;
}
QLineEdit,QTextEdit {
    border: 1px solid #32435E;
    border-radius: 3px;
    /* padding: 0 8px; */
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
    selection-background-color: #0A246A;
}
QLineEdit::hover{
  border-color:#5D8B9E;
}
QLineEdit[echoMode="3"] {
     lineedit-password-character: 9679;
}
#QLineEdit:read-only {
     background: #543F7C;
}
QTabWidget::pane { /* The tab widget frame */
     border: 0px solid #32435E;
     position: absolute;
     left: -0.1em;
}
QTabWidget#MainTabWidget::tab-bar {
     left: -3px; /* move to the right by 5px */
}
QTabWidget#MainTabWidget QTabBar::tab {
     height: 14ex;
     width: 14ex;
}
QTabBar::tab {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #292F31, stop: 1 #0C131E);
}
QTabBar::tab:selected{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #15A8FF);
}
QTabBar::tab:hover {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #0E6F80);
}
#QTabBar::tab:selected {
     border-color: #32435E;
     border-right-color: #32435E; /* same as pane color */
}
#QTabBar::tab:!selected {
     margin-left: 2px; /* make non-selected tabs look smaller */
}
#QTabBar:tab:first:selected {
    margin-top: 0;
}
QTabBar:tab:last:selected {
    margin-right: 0;
}
QTabBar:tab:only-one {
     margin: 0;
}
QListWidget{
    border: 1px solid #32435E;
    background:#050609;
}
QListWidget::item:selected {
     /*border: 0px solid #33CCFF;*/
     border:none;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);
     padding:0px;
     margin:0px;
}
#QListWidget::item:selected:!active {
     border-width: 0px ;
}
#QListWidget::item:selected:active {
     border-width: 1px;
}

QComboBox {
     border: 1px solid #32435E;
     border-radius: 3px;
     padding: 1px 18px 1px 3px;
     min-width: 6em;
}
QComboBox::hover{
  border-color:#5D8B9E;
}
QComboBox:editable {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
}
QComboBox:!editable, QComboBox::drop-down:editable {
      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
}
/* QComboBox gets the "on" state when the popup is open */
QComboBox:!editable:on, QComboBox::drop-down:editable:on {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);;
}
QComboBox:on { /* shift the text when the popup opens */
     padding-top: 3px;
     padding-left: 4px;
}
QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width: 15px;
     border-left-width: 1px;
     border-left-color: 32435E;
     border-left-style: solid; /* just a single line */
     border-top-right-radius: 3px; /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
}
QComboBox::down-arrow {
     image: url(qss/downarrow.png);
}
QComboBox::down-arrow:on { /* shift the arrow when popup is open */
     top: 1px;
     left: 1px;
}
QComboBox QAbstractItemView {
     border: 2px solid #32435E;
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #506B79,
                                 stop: 1.0 #0D95A6);
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
}

分享到:
评论

相关推荐

    QSS样式表素材合集.rar

    这个"QSS样式表素材合集.rar"压缩包文件显然是一个专门收集QSS相关资源的集合,包含了帮助开发者更好地理解和应用QSS的材料。 在压缩包中,我们可以看到以下几个关键文件: 1. **界面调用方法.txt**:这可能是一个...

    QSS.rar_QSS样式表_QT QSS_QT 样式_Qt样式表_qss

    - `default.qss`:通常包含Qt控件的基本默认样式,提供一个基本的参考框架。 - `office2010.qss`:可能模仿Microsoft Office 2010的界面风格,提供一种现代且熟悉的外观。 - `levelfour.qss`:可能定义了多级层次...

    qss样式表模板,包括了17种样式表。

    - 层叠规则:如果一个元素同时匹配多个选择器,QSS会按照优先级决定应用哪个样式。ID选择器 > 类选择器 > 标签选择器。 6. **QSS的高级特性** - 使用CSS3的一些功能,如渐变、圆角、阴影等。 - 定义QSS资源,将...

    几款比较好用的QSS样式表

    在IT领域,特别是GUI(图形用户界面)设计中,QSS(Qt StyleSheet)是一种强大的工具,用于为Qt应用程序提供美观的界面风格。QSS类似于HTML中的CSS,它允许开发者通过定义样式规则来控制Qt组件的外观。下面我们将...

    QSS样式表大合集.rar

    QSS样式表大合集,基本涵盖了你能看到的所有样式表,各种精美风格都在其中......

    QSS样式表入门练习Demo.pdf

    本教程通过一个详细的QSS样式表入门Demo,帮助初学者理解和掌握QSS的基本用法。该Demo包含了各种Qt控件的样式实例,以效果图和实现的样式表形式呈现,旨在让学习者直观地了解QSS的应用。 ### 1、QSS基础 QSS类似于...

    QSS样式表大合集,基本涵盖了你能看到的所有样式表,各种精美风格都在其中

    这个大合集包含了一系列精心设计的QSS样式表,提供了多种视觉风格,如Cyan、Aqua、Ubuntu、MacOS、Amoled、dark、light、ManjaroMix、MaterialDark以及ElegantDark等,覆盖了从深色到浅色,从现代到复古的各种界面...

    qss样式表模板,包括了17种样式表

    本资源提供的"qss样式表模板"包含17种不同的样式表,这些模板覆盖了各种常见的UI设计需求,可以极大地提高开发效率,同时让应用界面看起来更加专业和美观。 1. **基础颜色和字体样式** 这些模板可能包含了基础的...

    QSS样式Demo.zip

    在"QSS样式Demo.zip"这个压缩包中,包含了一个QSS样式的实际应用示例。"作者原帖地址.txt"可能是原始发布者提供的链接或相关信息,指向了讨论QSS样式的论坛帖子(http://www.qtcn.org/bbs/read-htm-tid-63012.html)...

    Qt Qss三套样式文件 qss.zip

    例如,如果你有一个名为`style1.qss`的文件,你可以这样设置: ```cpp #include #include int main(int argc, char *argv[]) { QApplication app(argc, argv); // 加载QSS文件 QFile styleFile(":/styles/...

    QSS样式表文件,QSS_Demo,QSS程序纯QSS样式表地图导航QSS

    在压缩包内的文件名"QTQSS"可能是一个包含了所有QSS样式的文件,或者是一个包含整个项目的源代码目录。这个文件将帮助我们了解具体的QSS规则是如何应用于Qt控件的,同时,开发者可以参考其中的代码来实现自己项目的...

    QSS样式表(带书签)

    在描述中,作者提到这是“最全Qt样式表,带目录”,这意味着文档中包含了丰富的QSS样式示例,并且有一个目录可供快速导航,方便用户查找特定的样式示例。此外,描述中还提到了一个关于资源分享的观点,就是下载次数...

    qss样式编辑器,方便qss文件的导入学习

    本篇文章将详细介绍QSS样式编辑器及其在学习和应用QSS时的重要性。 首先,QSS编辑器是一款专门针对QSS文件进行编辑和预览的工具,旨在简化QSS的学习过程和提高开发效率。它通常具有代码高亮、自动完成、错误检查和...

    常用QSS样式收集

    Qt样式QSS,常用QSS样式收集,网上收集而来。Qt样式QSS,常用QSS样式收集,网上收集而来。

    QSS样式表之PS黑色风格+白色风格+淡蓝色风格

    文件"styledemo"可能包含了这些样式的示例代码或者一个简单的Qt应用,用于演示这些风格的实际效果。通过修改和扩展这些QSS样式,开发者可以轻松地创建出符合自己需求的界面风格,提升应用的整体用户体验。

    QSS样式表之黑色风格.rar

    本压缩包“QSS样式表之黑色风格.rar”提供了一套详细的QSS代码,用于创建具有黑色主题的用户界面。下面我们将深入探讨QSS及其在Qt中的应用,以及如何利用这些代码实现不同风格的界面。 1. **QSS基础** QSS允许设置...

    QSS样式表编辑预览小工具

    在软件开发领域,特别是GUI(图形用户界面)设计中,Qt是一个广泛使用的跨平台应用框架。Qt库提供了一种强大的方式来设计和定制用户界面,其中QSS(Qt Style Sheets)是类似于CSS(Cascading Style Sheets)的一种...

    自定义qss样式表_qss_qss皮肤_QT_

    QSS由一系列规则组成,每个规则包含一个选择器(selector)和一个声明块(declaration block)。选择器指定要应用样式的对象,如`QPushButton`,而声明块则包含了属性(property)和值(value),如`color: red;`。...

Global site tag (gtag.js) - Google Analytics