百度抓取网站频率,怎么将网站关键词排名首页,wordpress媒体库不能用云,广西南宁建设厅网站目录
0.简介
1#xff09;qtDesigner中
2#xff09;实际执行
1.功能详述
3.举一反三的样式 0.简介 QLinearGradient 是 Qt 框架中的一个类#xff0c;用于定义线性渐变效果#xff08;通过样式表设置#xff09;。它可以用来填充形状、背景或其他图形元素#xff0…目录
0.简介
1qtDesigner中
2实际执行
1.功能详述
3.举一反三的样式 0.简介 QLinearGradient 是 Qt 框架中的一个类用于定义线性渐变效果通过样式表设置。它可以用来填充形状、背景或其他图形元素创建从一个颜色到另一个颜色的平滑过渡效果。 先看下实现效果我用了一个label控件承接一个从浅灰到深灰的渐变带50的圆角
1qtDesigner中 2实际执行 想要彩色满足你 1.功能详述
1首先我们看下用样式是如何设置的以下均已彩色图的颜色为准 ui-label-setStyleSheet(background:qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red, stop:0.5 green, stop:1 blue);border-radius:50px;);
重点就是这一句代码设置样式。
通过给label设置一个背景颜色再加一个border-radius的圆角即可实现重点是qlineargradient的参数我们来分析下
qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red, stop:0.5 green, stop:1 blue)
别看参数这么多分组看就好了一共有5个组 a起始点坐标x1,y1
b结束点坐标x2,y2
c起始点颜色和开始点stop:0.0 red
d中间段颜色和中间点stop:0.5 green
e结束点颜色和结束点stop:1 blue
参考图
参数含义 qlineargradient(...) 设置背景为线性渐变x1:1, y1:0x1,y1要一起看 渐变起点的坐标看上面的参考图中的红色坐标仅看四个点坐标 也就是颜色从10开始也就是右上角 x1:1 表示起点的水平位置为 1相对于元素的宽度1 表示最右侧 y1:0 表示起点的垂直位置为 0相对于元素的高度0 表示最顶部 x2:0, y2:1x2,y2要一起看 渐变终点的坐标看上面的参考图的红色坐标 也就是颜色到01结束也就是左下角 x2:0 表示终点的水平位置为 0最左侧 y2:1 表示终点的垂直位置为 1最底部 stop:0.0 red 在渐变线的起点位置 0.0设置颜色为红色参考上图的橙色数字位置 stop:0.5 green 在渐变线的中间点位置 0.5设置颜色为绿色参考上图的橙色数字位置 stop:1 blue 在渐变线的终点位置 1.0设置颜色为蓝色参考上图的橙色数字位置
也就是先看起点终点再看颜色。 如上述代码样式可简述为从右上到左下分别是红、绿、蓝三个颜色。 3.举一反三的样式
1如果要调换开始和结束的颜色红蓝调换有两种方式 i调换起始点 x1,y1原10变为01 x2,y2原01变为10 ii调换起点red和终点blue的颜色 2我想让红色少一点
第二段stop的值少一点意思是绿色的中心点是0.2 // ui-label-setStyleSheet(background:qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red, stop:0.5 green, stop:1 blue);ui-label-setStyleSheet(background:qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red, stop:0.2 green, stop:1 blue);border-radius:50px;);
3如果我只想要两个颜色不想要中间的绿色了
去掉第二段stop参数, stop:0.5 green即可 // ui-label-setStyleSheet(background:qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red, stop:0.5 green, stop:1 blue);ui-label-setStyleSheet(background:qlineargradient(x1:1, y1:0, x2:0, y2:1, stop:0.0 red,stop:1 blue);border-radius:50px;);
大家可自行发挥想象力可以创造出很多样式 --END--
