QT 九宫格绘图(QSS方式) 您所在的位置:网站首页 切分九宫格的软件叫什么 QT 九宫格绘图(QSS方式)

QT 九宫格绘图(QSS方式)

2024-05-28 11:49| 来源: 网络整理| 查看: 265

什么是九宫格方式绘图?

顾名思义,就是把一个方块分割成 9 个部分,如图所示: 在这里插入图片描述 九宫格绘图的原理就是把背景图分割成 9 个部分,绘制时:

四个角(1、3、7、9)的大小不变左右部分(4、6)宽度不变,进行垂直拉伸或平铺绘制上下部分(2、8)高度不变,进行水平拉伸或平铺绘制中间部分(5)进行拉伸或平铺绘制 为什么是九宫格方式绘图?

当背景图和需要绘制的范围不一样大时,能够最大限度的保证绘制出来的效果和背景图接近。

效果对比图

一图胜千言,使用同一张背景图,一般的绘制拉伸(drawPixmap)与九宫格绘制的效果区别: 在这里插入图片描述 使用九宫格qss方式(左边)与九宫格代码绘制(右边)的效果对比: 在这里插入图片描述 可以看出,我们几乎看不出来qss方式与代码方式有什么区别!所以,直接使用qss样式就可以处理背景图和需要绘制的范围不一样大时,效果图圆角或者边框会失真的问题。

九宫格QSS样式表 .QFrame { border-width: 25px 25px 25px 25px; border-image: url(:/res/bg_frame.png) 25 25 25 25 repeat stretch; min-height: 60px; min-width: 100px; padding: 0px 0px 0px 0px; }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有