您的位置:首页 > 编程语言 > Qt开发

Qt界面美化1

2017-10-06 11:43 411 查看
代码:



QFrame#GlossyFrame {
border: 1px solid white;
border-radius: 3px;
background: qradialgradient(
cx: 0.5, cy: -1.8,
fx: 0.5, fy: 0,
radius: 2,
stop: 0 #9aa9be,
stop: 1 #293859);
font: bold;
}

#GlossyFrame QLabel#Title {
background: transparent;
color: white;
}

#GlossyFrame QPushButton {
color: #white;
border: 1px solid black;
border-radius: 3px;
padding: 1px;
background: qlineargradient(
x1:0, y1:0, x2:0, y2:1,
stop:0 #bec1d2,
stop: 0.4 #717990,
stop: 0.5 #5c637d
stop:1 #68778e
);
min-height: 36px;
}

#GlossyFrame QPushButton:pressed {
background: qlineargradient(
x1:0, y1:0, x2:0, y2:1,
stop:0 #68778e,
stop: 0.4 #5c637d
stop: 0.5 #717990,
stop:1 #bec1d2
);
color: black;
}

#GlossyFrame QLineEdit {
background: qlineargradient(
x1:0, y1:0, x2:0, y2:1,
stop:0 gray,
stop: 0.2 white
stop:1 white
);
border-radius: 1px;
border: 1px solid black;
min-height: 24px;
color: black;
}

#GlossyFrame QCheckBox {
color:  white;
}

#GlossyFrame QCheckBox::indicator {
position: absolute;
height: 27px;
width: 64px;
}

#GlossyFrame QCheckBox::indicator:checked {
image: url(:/checkbox_on.png);
}

#GlossyFrame QCheckBox::indicator:unchecked {
image: url(:/checkbox_off.png);
}


界面效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  QSS Qt美化