qss中，3 10 3 10究竟代表啥？解决思路

qss中，3 10 3 10究竟代表啥？
最近写了个demo，也还没弄清楚这几个参数是啥意思。在此问下。
只有一个模糊的概念，可能是按钮（假设100*100尺寸）的上下在加载图片时，上左下右各留余3 10 3 10像数。但实际的测试，却未发现。

CSS code

QPushButton{    color: red;    border-image: url(button_normal.png) 3 10 3 10;    border-top: 3px transparent;    border-bottom: 3px transparent;    border-right: 10px transparent;    border-left: 10px transparent;}

[解决办法]
border-image可以指定各个边界图，定义9个格子的4条“切线”。切线用其到上、右、下、左边缘的距离定义。对应那4个数字，你的button_normal.png图片作为边界图，距离上、右、下和左边缘的切线为 3 10 3 10

查看更多 下一篇