Qt 使用笔记

Qt StyleSheet

2019-01-13  本文已影响9人  paresly

背景

StyleSheet的语法与CSS差不多,至少看着比较简单。不过对于我这样的程序员,设计方面一窍不通,这里把最近所学习的一些记录下来。

QPushButton

按钮是Qt中非常常见的控件,经常需要用到,从行为上看,分 普通 悬停 按下 三种状态,对于这三种状态,可以选择用 同色系 的颜色去进行设计。比如说 普通状态 用 颜色A,悬停状态 用 颜色A的浅色系,按下状态 用A的深色系。后来看了一下效果,发现三种颜色变化太频繁,就取消了对按下状态的配色,采用padding去添加一个动画效果。

QPushButton{
    background: #59BAFC;
    color:#FFFFFF;
    min-height:30px;
    border-radius:3px;
}

QPushButton:hover{
    background: rgb(89, 200, 252);
    color:#FFFFFF;
    min-height:30px;
    border-radius:3px;
}

QPushButton:pressed {
    padding-left:1px;  
    padding-top:1px;
} 
样例截图
上一篇 下一篇

猜你喜欢

热点阅读