QT border-image实现动态效果隐藏属性

最新推荐文章于 2024-08-22 10:15:59 发布
最新推荐文章于 2024-08-22 10:15:59 发布
阅读量910 收藏 4
点赞数 3
分类专栏： QSS QT 文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40947855/article/details/121011183
版权
QT 同时被 2 个专栏收录
10 篇文章 1 订阅
订阅专栏
QSS
8 篇文章 1 订阅
订阅专栏
该博客介绍了如何使用QSS（Qt StyleSheet）来设置QWidget的边框图像，包括一般格式和鼠标悬停时的隐藏属性。示例代码展示了如何在正常状态和鼠标悬停状态下设置不同的边框图像，并给出了实际效果的描述。
摘要由CSDN通过智能技术生成

1、border-image可以用来设置图片一般格式如下：

QWidget
{
        border-image:url(:/photo/3333.png);
}

2、隐藏属性格式如下：

QWidget::hover
{
    border-image:url(:/photo/3333.png) 20 30 20 30 ; //对应上 右 下 左
} 

3、示例QSS：

ui->widget->setStyleSheet(
"QWidget{ border-image:url(:/photo/3333.png); }
 QWidget:hover{ border-image:url(:/photo/3333.png)20 30 20 30; }");

ui->widget_2->setStyleSheet(
"QWidget{ border-image:url(:/photo/22.png); }
 QWidget:hover{ border-image:url(:/photo/22.png)20 30 20 30;}");

效果图

歌者丶
关注
专栏目录
Qt之QToolButton 实现动态拖拽Drag、Drop功能
Ilson_的博客
05-25 3001
简述 最近在做一个项目需要实现工具的动态添加功能，想来想去也只有动态拖拽最为直观，于是摸索了几天才摸索明白，最后选择了QToolButton作为载体重写了一下。当然也可以选择QPushButton作为载体，就看自己需求了。 效果 实现 QToolButton的重写： #ifndef MTOOLBUTTON_H #define MTOOLBUTTON_H #include <QToolButton> clas...
QT border-image和background-image引起的边框设置问题
guorong520的博客
09-10 7817
一、border-image 在一个frame中放入一张图片，设置frame的样式表，会发现边框设置没有生效。 border-image:url(:/refresh.png); border:1px solid red; 二、background-image 也在一个frame中放入一张图片，设置frame的样式表，会发现边框确实设置了，但图片没有正确显示。 background-image:...
QT使用border-image实现9宫格效果
08-15
在QT上使用border-image实现类似Android 9patch的效果。
qss的border-image和background-image和background-coloor和color
最新发布
sunflower_2020的博客
08-22 277
qss的border-image和background-image和background-coloor和color
CSS3教程:border-image属性
L315028140的专栏
07-28 1966
CSS3教程:border-image属性 一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏
Qt - Border Image
weixin_45079970的博客
04-20 1169
前面我们学习过的和修改背景相关的知识有 background-image，如果背景图和按钮一样大时使用 background-image 没有任何问题，但是当按钮和背景图不一样大时，背景图要么显示不全，要么重复平铺到按钮上，显然满足不了这里的需求。Border-Image 从名字上看，像是用来图片来设置 border 的，其实是用图片来设置整个 widget 的背景的，我曾经就被这个名字迷惑过。背景图中 最上面的 12px 高的图像 填充到 Widget 的 border-top。四个数字按顺序分别为。
Qt border-image
weifc-wei 的博客
05-05 559
假如要的效果 图片资源 QPushButton#ButtonClose:pressed { border-image:url(:Resources/MainWindow/Title/close.png) 0 27 0 54 ; border-top-right-radius:4 ; } 后面的参数是什么意思 第一刀, 裁剪 第二刀, 裁剪 第三刀裁剪 第4刀,裁剪 中间的就是我们想要的啦!!! ...
Qt Style Sheets 之 border-image
热门推荐
mycoolx的专栏
08-25 1万+
Qt Style Sheets 之 border-image 每次根据Qt文档说明使用border-image装饰界面时，经常因为忘了设置border属性导至有边框的装饰图片产生细节问题。每次都花费一定的时间来反复尝试来解决细节问题。记录这篇文章来避免因忘记处理方式而反复尝试而花费不必要的时间。 在复用png边框图片装饰不同大小的QPushButton或其他Qt控件时，背景图片的边框有一定的宽
Qt提示框淡出、飞出、缩小等关闭窗口动画
12-12
通过结合这些技术，你不仅可以创建出具有视觉吸引力的提示框，还可以根据项目需求定制各种动态效果，提升用户界面的交互性和美观度。在实际开发中，记得根据平台和性能需求调整动画的执行时间和复杂性，以保证流畅性...
css学习（七）：边框、三角形、自适应正方形
prdslf001001的博客
10-22 1926
一、border： border-style：solid/double；默认是none，不显示边框；（虽然不显示，但是如果有宽度，背景图片定位/隐藏会受影响）； border-width：20px;/0 30px;默认值是medium； border-color：red/rgba(255,0,255,0.2); 默认是当前颜色； 注意：color的值可以是transparent（透明）； ...
Qt实现表格树控件-自绘树节点虚线
朝十晚八
08-07 1135
文章目录一、开心一刻二、自绘树节点？三、效果展示四、实现思路1、可扩展接口2、函数重写3、同步左侧表头五、相关文章 原文链接：Qt实现表格树控件-自绘树节点虚线 一、开心一刻 一程序员第一次上女朋友家她妈板着脸问 ：你想娶我女儿，有多少存款？ 程序员低了下头：五百！ 她妈更鄙视了：才五百块，买个厕所都不够！ 程序员忙说：不是人民币！ 她妈：就算是美元，还是不够买厕所！ 程序员...
Qt常用技巧代码分享
m0_51430584的博客
07-02 147
首先Qt主要是面向于界面设计，界面有些布局以及用法很多，可以不会写代码，但是要知道Qt可以实现这个功能，然后一点点去寻找学习，问AI也好，百度也好都可以，总比Qt可以实现某些布局功能，但是你不知道怎么去实现这些功能要好得多。俗话说的好，可以不会，但是不能不知道，知道是迈向成功的第一步。
关于border-image属性
Tertiary_grass
05-04 1327
border-image属性把边框的背景设置为图片。 详细解析可以查看该网址：http://www.360doc.com/content/14/1016/13/2792772_417403574.shtml 一、浏览器对它的支持 Firefox3.5-Firefox15     需要加-moz-前缀 Firefox15以上              同样支持-moz-前缀的css代码，
QT中border-image的解释
阿桑的专栏
10-23 1897
参考：https://blog.csdn.net/foreverling_ling/article/details/52247649
Qt border-image简单使用
cliffordl的专栏
12-25 6572
QWidget *widget = new QWidget; widget->setStyleSheet("border-image:url(:/border.png) 27;" //"border-image-repeat:round;" //"border:14px sol
Qt-使用border image填满背景
mrbone11的博客
03-25 3264
什么是border image? A border image is an image that is composed of nine parts (top left, top center, top right, center left, center, center right, bottom left, bottom center, and bottom right). When a border of a certain size is required, the corner parts a
QT的background-image border-image image
weixin_42470290的博客
09-09 2913
background-image : 只根据图片资源的大小，不按照控件的大小，相对于控件坐标（0，0）开始，资源比控件大：裁剪掉后面多余的一部分，资源比控件小，多出的控件控件再填资源。 border-image: 它会根据控件的大小自行比例变化填满整个控件 image： 我只能说是资源等比例的缩小（为什么写缩小*^* ,因为下面的资源<控件很明显了吧） 懂了的同学在下面扣个1，哈哈 ...
border-image
jasonjkj的博客
09-18 532
head> meta charset="UTF-8"> title>Titletitle> style> div { width: 500px; height: 500px; border: 30px solid red; border-image: url(im
QT4.8使用border-image
白鱼儿的博客
08-16 663
使用border-image我怎么都加载不了图片，图片无法显示，资料查了一圈，有些说需要作为QT的资源文件才能加载，其实是不正确的，方式如下。
qt background-image和border-image区别
05-25
在Qt中，background-image和border-image都是用来设置控件背景的属性，但它们的作用略有不同。 1. background-image属性 background-image属性是用来设置控件的背景图片，可以使用一个本地或者网络上的图片作为...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值