Qt颜色渐变样式

77 篇文章 0 订阅

btn_style = """
QPushButton {
    border: none;
    border-radius:0px;
    background-color: none;
    border-left:1px solid #1791FB;
    border-bottom: 1px solid qlineargradient(spread:pad,x1:0,y1:0, x2:1,y1:0, stop:0 rgba(255, 255, 255, 1), stop:0.3 rgba(255, 255, 255, 1), stop:0.31 rgba(23, 145, 251, 1), stop:0.7 rgba(23, 145, 251, 1), stop:0.71 rgba(255, 255, 255, 1), stop:1 rgba(255, 255, 255, 1));
}
"""

其中:qlineargradient代表线性渐变,另外还有辐射渐变和弧度渐变等。

渐变过程:X1----X2从左向右渐变;

Y1---Y2从上向下渐变。

对应上面代码,就是从左到右有颜色变化,从上到下没有变化。

ps:这里stop后面跟的数字必须是0到1之间

上面的按钮样式执行后的效果如下:

ui.pushButton->setStyleSheet("QPushButton{background-color: qradialgradient"
		"(spread: pad, cx: 0.8, cy: 0.2, radius: 0.81, focusRadius: 0.1, fx: 0.8, fy: 0.2,"
		"stop: 0 rgba(255, 0, 0, 255), stop: 0.2 rgba(255, 0, 0, 255), "
		"stop: 0.9 rgba(0, 225, 0, 255), stop: 1 rgba(0, 225, 0, 255));}"
		"QPushButton:hover{background-color: green;}");

qradialgradient代表径向渐变


  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值