700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Qt实现不规则按钮

Qt实现不规则按钮

时间:2019-11-11 08:56:18

相关推荐

Qt实现不规则按钮

公司有需求让我做一个能控制xyz轴的控制面板,同事不知如何做一个好看的不规则按钮,这里教大家一个简便的方法。

先来看看这个button是不是你要的style:

1.用ps制作以上按钮,并且上三种颜色,分别是常态,hover,和按下去的状态,由于色差不大,这里看上去差不多,看看我做的。大小150*150。

2.然后设置css样式表,让鼠标移上去有反应,按下也有反应,css样式不说了,网上都有,这里放出代码:

QPushButton{border-image: url(://image/btn_normal.png);}QPushButton:hover{border-image: url(://image/btn_hover.png)}QPushButton:pressed{border-image: url(://image/btn_pressed.png)}

3.制作mask,用于遮挡多余的按键,每个按钮都要做哦,颜色无所谓,但是需要png格式,大小统一150*150。不想显示的就让他透明,看看我做的。

3.然后在qt工程中添加按钮,大小设置为150*150,就是控制盘的大小。

4.到了最关键的一步,就是设置mask。上代码:

QPixmap maskUp("://image/mask_up.png");ui->btn_up->setMask(maskUp.mask());

5.按照同样方法新建剩余的按钮,并把他们的x,y坐标都写成一个点,这样他们就重合了,看起来就是一个整体。

快去试试吧。

放出源代码:/download/figo_lyf001/11129297

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。