我的Qt学习之路——按钮特效
来源:互联网 发布:淘宝培训课程列表 编辑:程序博客网 时间:2024/06/05 16:53
先看一下点击效果:
我使用的是通过更改按钮的样式表来改变按钮的效果:
右键点击按钮,更改样式表,然后进行设置,输入:
QPushButton#queenMenuButton{background-color: rgba(255, 255, 255, 0);border:2px solid white;border-radius:10px;}QPushButton#queenMenuButton:hover{ background-color: rgba(255, 255, 255, 150);border:2px solid white;border-radius:10px;}QPushButton#queenMenuButton:pressed{background-color: rgba(255, 255, 255, 150);border:2px solid white;border-radius:10px;}
首先,三种状态分别是,按钮正常状态,鼠标悬浮在按钮时的状态,按钮点击时的状态;
我举得例子中queenMenuButton是我的按钮对象的名称;
按钮正常状态下,背景颜色rgb为255,255,255即为白色,alpha通道设置为0,也就是说背景颜色会全部透过,表现为透明;第二行,边框宽度2px,颜色为白色,边角的弧度为10px;
在鼠标悬浮状态;背景颜色依旧为白色,alpha通道设置为150,此时的效果为背景铺上一层白雾,alpha设置的越高,背景透过率越低;
鼠标点击状态同鼠标悬浮状态。
还有一种按钮图标三态变换。可以通过这里设置:
还有一种鼠标点击时,按钮会有下沉效果。我暂时还没有实现,我会持续更新。
2017.11.11更新,最简单的实现方法为:
QPushButton#queenMenuButton:pressed{background-color: rgba(255, 255, 255, 150);border:2px solid white;border-radius:10px;padding-left:6px;padding-top:6px;}如上所示,当点击后,左间隙和顶间隙变为6px,效果为文字向下向右平移,使具有下沉效果
阅读全文
0 0
- 我的Qt学习之路——按钮特效
- Qt—学习之我的计算器
- 我的Qt学习之路——配置Qt环境及Qt程序打包
- 我的Qt学习之路——Hello,world!
- 我的Qt学习之路——标准对话框
- 我的qt学习之路
- Qt学习之路之自定义按钮
- quick-cocos2dx之特效按钮——缩放按钮
- QT的学习之路 2弹簧和按钮控件
- 【Qt学习之路】我的Qt历程
- 我的Qt学习之路——简易四则运算器的实现
- 我的Qt学习之路——文本文件的读取与写入
- 我的Qt学习之路——QPainter基本绘图
- javascript网页特效——按钮特效
- quick-cocos2dx之特效按钮——BubbleButton
- JS特效之变色的按钮
- 我的Qt学习之路 --- 2、编写Qt多窗口程序
- QT学习之QPushButton,按钮操作。
- 为什么表单中用name而不是id
- android4.4透明标题栏实现
- 使用DeviceIoControl读写磁盘MBR, 修改分区类型示例
- Spring 的微内核与FactoryBean扩展机制--转载
- 开源网站
- 我的Qt学习之路——按钮特效
- codevs 1008 选数 dfs
- 推荐系统---基于概率的矩阵分解(PMF)
- 对比Ubuntu与Win10的资源占用
- java.lang.StackOverflowError错误
- Spring之BeanFactory 与 FactoryBean
- Caused by: org.apache.ibatis.exceptions.TooManyResultsException: Expected one result (or null) to be
- 20171110
- hdu 1213