Qt Style Sheets 之 border-image
来源:互联网 发布:阿里云带宽调整 编辑:程序博客网 时间:2024/06/03 23:48
Qt Style Sheets 之 border-image
每次根据Qt文档说明使用border-image美化界面时,经常因为忘了设置border属性导至有边框的背景图片产生伸缩的细节问题。每次都花费一定的时间来反复尝试来解决细节问题。记录这篇文章来避免因忘记处理设置而反复尝试花费不必要的时间。
在复用同一张带有边框的背景图美化不同大小的控件时(如,QPushButton),背景图边框被伸缩而产生不友好的细节问题。如下图“未指定边框宽度的效果“:
复用同一张带有边框的背景图遇到上图“未指定边框宽度的效果”的情况时,可以使用border-image和border样式属性来解决问题,使背景效果达到上图中“指定边框宽度的效果”的样式。
当我们想要复用装饰小于或大于原尺寸的控件时,保持上面事例按钮图的左、上、右1px的边框线和底部较宽4px的边框效果。可以使用 语法 中的Number属性来保持左、上、右、底4个部分的边框宽度不被伸缩。使用样式语句如下正确解决问题(注意:Number属性的4个值必须写足,且设置Number属性时,必须设置Border样式的Length属性来匹配Number的值。):
QPushButton{ border-image:url(:/button.png) 1 1 4 1; border-top: 1px transparent; border-bottom: 4px transparent; border-right: 1px transparent; border-left: 1px transparent;}
如果按钮图片的边框只有1px像素,那么仅需使唤用如下的样式语句来装饰
QPushButton{ border-image:url(:/button.png) 1 1 1 1; border: 1px transparent;}
0 0
- Qt Style Sheets 之 border-image
- Qt Style Sheets Reference
- Qt Style Sheets Examples
- Qt Style Sheets
- Qt Style Sheets Examples
- Qt Style Sheets Examples
- QSS(Qt Style Sheets)
- Qt Style Sheets--简介
- Qt-Style-Sheets-语法
- QT之border-image属性
- 【QT】4 - 初试Qt Style Sheets 之美化
- Qt Style Sheets(一)
- Qt Style Sheets(一)
- Qt Style Sheets Reference 笔记
- Qt Style Sheets Qt样式表概述
- Qt Style Sheets(qt样式表)
- Qt 背景图片设置以及QT Style Sheets
- 使用Qt Style Sheets制作UI特效
- leetcode 8 String to Integer (atoi) C++
- 网络嗅探
- jquery基础
- [BZOJ4028] [HEOI2015] 公约数数列 - 分块
- C++静态库和动态库
- Qt Style Sheets 之 border-image
- Jetty 入门部署
- Mybatis复习笔记(二)
- MediaCodec编码aac
- AlertDialog中含有EditText不显示软键盘
- wsq指纹压缩算法库移植nbis
- C++11中final的使用
- Android Volley完全解析(一),初识Volley的基本用法
- 代码上传到github,gitlab等git仓库进行托管