可以使用border-images来设置拉伸，代码为 setStyleSheet("#Main_Window{border-image:url(:/images/backg...
border-left:27; border-right:27;//将左右15px拉伸至27px,锁定不随界面拉伸 加入把没有像素的位置进行拉伸就可以实现透明区域,算是变相实现绘图位置改变的一种手段了。 1 2 border-image:url()0; border:27;//四周显示透明区域
1.2 border-image设置按照控件大小缩放填充整个控件 图片被拉伸填满整个控件,可以实现缩放拉伸填充。会跟着控件的大小变化进行缩放,下图左侧是正常尺寸,右侧是放大后的样子 QWidget#widgetViewVedio { background-color:rgba(0,48,77,0.7); border-image:url(:/FaceMatch/Resources/pic/viewbackin.png); } 或者直接...
border-image:url(:/images/Resource/nine.png) 0 0 0 0 stretch strctch } 1. 2. 3. 此时拉伸Label会使背景图片跟着拉伸 四个数字相当于上、右、下、左“边”的宽度 四个数字如果是25 30 10 20则对应含义如下: 实际效果比较奇怪,类似于图片某个方向拉伸,如: QLabel{ border-image:url(:/images/Res...
1.2 border-image设置按照控件大小缩放填充整个控件 图片被拉伸填满整个控件,可以实现缩放拉伸填充。会跟着控件的大小变化进行缩放,下图左侧是正常尺寸,右侧是放大后的样子 QWidget#widgetViewVedio { background-color:rgba(0,48,77,0.7); border-image:url(:/FaceMatch/Resources/pic/viewbackin.png); } ...
border-image: url(:/img/titleBar/close.png) 0 0 0 0 stretch stretch; } #titleBarWidget QPushButton#pushButtonRestore { border-image: url(:/img/titleBar/restore.png) 0 0 0 0 stretch stretch; } #titleBarWidget QPushButton#pushButtonMax { ...
发表了博文《Qt中的qss中的border-image和background-image区别》border-image将图片拉伸至填充整个区域,background-image重复显示图片以填充区域http://t.cn/A6yV2i9e
运行发现,还有个缺点,对图片使用 border-top-left-radius 设置,会导致边缘锯齿。 所以想到了方案二。 方案二: 由于自定义的样式,着重在于中间部分,顶部底部只是颜色,并非必须图片实现。 于是上下两个同样颜色,中间夹一块图片来完成,也不担心图片拉伸变形了。
border-image 简写属性,设置所有 border-image-* 属性。 3 border-image-outset 规定边框图像区域超出边框的量。 3 border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。 3 border-image-slice 规定图像边框的向内偏移。
url(:/FaceMatch/Resources/pic/viewbackin.png);background-position:center;background-repeat:no-repeat;");1.2 border-image设置按照控件⼤⼩缩放填充整个控件 图⽚被拉伸填满整个控件，可以实现缩放拉伸填充。会跟着控件的⼤⼩变化进⾏缩放，下图左侧是正常尺⼨，右侧是放⼤后的样⼦ ...