QWidget (开始控件入门)
QWidget 类是所有用户界面对象的基类
常用于做顶层小部件或者子小部件
QWidget样式表
QWidget{background-color:rgb(150, 205, 205)}
QWidget{background-color:#96CDCD}
QPushButton
常用的四个信号
设计一个音乐播放按钮
mian.cpp文件
#include "widget.h"
#include <QApplication>
#include <QFile>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
/* 指定文件 */
QFile file(":/style.qss");
/* 判断文件是否存在 */
if (file.exists()) {
/* 以只读的方式打开 */
file.open(QFile::ReadOnly);
/* 以字符串的方式保存读出的结果 */
QString styleSheet = QLatin1String(file.readAll());
/* 设置全局样式 */
qApp->setStyleSheet(styleSheet);
/* 关闭文件 */
file.close();
}
Widget w;
w.show();
return a.exec();
}
widget.cpp文件
#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
ui->pushButton->setCheckable(this); // 设置可选中
ui->pushButton_2->setCheckable(this);
}
Widget::~Widget()
{
delete ui;
}
void Widget::on_pushButton_clicked()
{
qDebug() << "clicked" << endl;
}
void Widget::on_pushButton_pressed()
{
qDebug() << "pressed" << endl;
}
void Widget::on_pushButton_released()
{
qDebug() << "released" << endl;
}
void Widget::on_pushButton_toggled(bool checked) // 保持按钮状态
{
qDebug() << "toggled" << checked << endl;
}
void Widget::on_pushButton_2_toggled(bool checked)
{
qDebug() << "toggled_2" << checked << endl;
}
style.qss文件
QPushButton#pushButton_2 { border-image: url(:/images/image/01_pushButton_start.png)}
QPushButton#pushButton_2:checked {border-image: url(:/images/image/01_pushButton_stop.png)}