qss渐变器

本文详细介绍了QSS中的三种渐变方式:线性渐变、辐射渐变和体形渐变。对于线性渐变,强调了参数x1、y1、x2、y2的组合如何定义不同方向的渐变,并提供了代码示例。辐射渐变部分讲解了圆心、半径和起始位置的设定,以及如何添加多个中间点。最后,提到了体形渐变的起始角度和中间点插入。总结中提示理解'0—到---1'的含义对掌握线性渐变至关重要。
摘要由CSDN通过智能技术生成

qss有三种渐变方式线性渐变(qlineargradient)、辐射渐变(qradialgradient)、梯形渐变(qconicalgradient)

线性渐变

是起点到终点的渐变

background-color:qlineargradient(x1:0, y1:0 , x2:1 ,y2:0 stop:0 black ,stop:1 red);

参数x1 y1 x2 y2 组合表示了是左右渐变、上下渐变、左上右下渐变等。
为了方便记忆,直接记住
左右渐变:y1和y2的值都为零。
上下渐变:x1和x2的值都为零。
注意: x1:0 x2:1 方向是从左往右
x1:1 x2:0 方向是从右往左
y1:0 y2:1 方向是从上往下
y1:1 y2:0 方向是从下网上
只需要记住0—到---1,分别是左—到---右、上—到---下 即可
示例qss代码如下:

左右渐变:

QLabel#label_line1{
	background-color:qlineargradient(x1:0, y1:0 , x2:1 ,y2:0 stop:0 black ,stop:1 red);
}

stop:0是起点,stop:1是终点,根据参数可得出是左右渐变,效果如下
在这里插入图片描述

上下渐变:

QLa
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值