设为首页 加入收藏

TOP

Qt中通过设置位图掩码生成异形控件【附源码】
2014-11-24 07:35:00 来源: 作者: 【 】 浏览:0
Tags:通过 设置 位图 生成 异形 控件 源码

以下步骤是以按钮为例,其他控件类似


①在QtDesigner中拖出一个按钮或者在程序中生成一个按钮。


②加载一个用来指定按钮形状的图片:


QPixmap pixmap("images/left.png");//这里是一个左箭头


③调用此按钮的setMask()函数来设置控件掩码,参数是从pixmap中提取的位图掩码pixmap.mask():


ui->leftButton->setMask(pixmap.mask());


④注意:最好将图片的大小剪裁成和控件一样大,若图片过大会出现只使用了图片的一部分做遮掩,


若图片过小则只能遮掩控件的一部分。


⑤到此为止只是将控件的形状改变,若在控件上加上背景图或图表,会更漂亮:


ui->leftButton->setStyleSheet("QPushButton{border-image:url(images/left.png);}"


"QPushButton:hover{border-image:url(images/left2.png);}"


"QPushButton:pressed{border-image:url(images/left3.png);}");


这里是通过QSS设置了按钮的常态、指针悬停、按下三个状态的背景图。


下面的实例是视频监控系统中用到的八方向云台控制的操作盘原型,每个方向都是用箭头图片做掩码后生成的异形按钮。


效果如图:



常态



鼠标悬停



按钮被按下


源码下载地址:


具体下载目录在 /2013年资料/4月/22日/Qt中通过设置位图掩码生成异形控件


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Qt中使用OpenCV显示图片时,Mat结.. 下一篇详解 QT 框架中快速应用OpenCV

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·Redis 分布式锁全解 (2025-12-25 17:19:51)
·SpringBoot 整合 Red (2025-12-25 17:19:48)
·MongoDB 索引 - 菜鸟 (2025-12-25 17:19:45)
·What Is Linux (2025-12-25 16:57:17)
·Linux小白必备:超全 (2025-12-25 16:57:14)