美化登录界面
在.ui
中拖入一个QFream
,顶层窗口的QWidget
无法设置背景图片,套上一层QFrame
将背景图片设置到QFrame
上即可
用布局管理器管理元素:用户名LineEdit,密码LineEdit,记住密码ComboBox,登录Button
给控件添加QSS
创建resource.prc
文件,导入背景图片
1>QFrame
QFrame {border-image: url(:/background.jpg);
}
2>QLineEdit
QLineEdit {color: #A0A0A0;background-color: #E4E4E4;padding: 0 5px;font-size: 20px;border-style: none;border-radius: 10px;
}
3>QCheckBox
QCheckBox {color: white;
}
4>QPushButton
QPushButton {font-size: 25px;color: white;background-color: transparent; border-style: outset;border-radius: 10px;
}
QPushButton:pressed {color: black;background-color: transparent;
}
所有的属性设置都集中放在QFrame
中即可
5>效果
QSS参考内容:GitHub - GTRONICK/QSS: QT Style Sheets templates