圆形按钮样式

Qt君

发布于 2019-09-17 14:04:46

2K0

发布于 2019-09-17 14:04:46

文章被收录于专栏：跟Qt君学编程

大家中秋好。月饼圆，月亮圆，中秋团团圆圆。今天就分享些关于圆的东西(圆形按钮样式)。

主题效果	默认颜色	悬停颜色	按下颜色
红色	#f44336	#d5d5d5	#f2f2f2
蓝色	#008cba	#d5d5d5	#f2f2f2
绿色	#4caf50	#d5d5d5	#f2f2f2
灰色	#e7e7e7	#d5d5d5	#f2f2f2
黑色	#555555	#d5d5d5	#f2f2f2

红色圆形按钮样式示例


QPushButton {
    min-width: 100px;
    max-width: 100px;
    max-height: 100px;
    min-height: 100px;
    border-radius: 50px;
    font-size: 15px;
    color: white;
    background: #f44336 ; /* 默认颜色 */
}

QPushButton:hover {
    font-size: 18px;
    color: white;
    background: #d5d5d5; /* 悬停颜色 */
}

QPushButton:pressed {
    background: #f2f2f2 /* 按下颜色 */
}