7.1 项目概述
·stylesheet 界面美化
·Json 数据解析
·HTTP 通信
·自定义控件绘制温度
·多控件
·代码整合调试能力
7.2 stylesheet 样式
设置边框弧度
border-radius: 4px;
设置某方向边框弧度
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
设置背景颜色
background-color: rgb(60, 60, 60, 100);
父控件影响
父控件指定某类控件的样式，子控件都要遵守此样式进行显示，除非子控件内部有做相关修改
QLabel {
background-color: rgba(0, 200, 200, 200);
border-radius: 4px;
}
7.3 窗体无状态栏 - 关闭
设置无状态栏
setWindowFlag ( Qt::FramelessWindowHint );
设置右键弹窗关闭功能
menuQuit = new QMenu(this);
QAction *closeAct = new QAction(QIcon(":/res/close.png"), tr("退出"), this);
menuQuit->addAction(closeAct);
connect(menuQuit,&QMenu::triggered,this,[=]{
this->close();
});
void Widget::mousePressEvent(QMouseEvent *event)
{
if(event->button() == Qt::RightButton){
//qDebug() << "right Mouse clicked!";
menuQuit->exec(QCursor::pos());
}
}
7.4 窗口跟随移动
代码实现
void Widget::mousePressEvent(QMouseEvent *event)
{
if(event->button() == Qt::RightButton){
//qDebug() << "right Mouse clicked!";
menuQuit->exec(QCursor::pos());
}
//鼠标当前位置 event->globalPos();，
//窗口当前位置 this->pos()窗口新位置event->globalPos() - mOffset
if(event->button() == Qt::LeftButton){
// qDebug() << event->globalPos() << this->pos();
mOffset = event->globalPos()-this->pos();
}
}
//鼠标左键按下后的移动，导致这个事件被调用，设置窗口的新位置
void Widget::mouseMoveEvent(QMouseEvent *event)
{
this->move(event->globalPos() - mOffset);
}
实现的逻辑
1.当有鼠标按下的时候，获得蓝色那段偏移量
2.当我鼠标拖动的时候，根据偏移量，算出新窗口的位置
部分代码
#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
//窗体无状态栏
setWindowFlag(Qt::FramelessWindowHint);
//界面跟随
this->setLayout(ui->verticalLayout);
//QMenu菜单组件
menuQuit = new QMenu(this);
//设置菜单项文字颜色
menuQuit->setStyleSheet("QMenu::item{color : red}");
//用户点击菜单项并点击后回调函数，推出程序
connect(menuQuit,&QMenu::triggered,[=](){
this->close();
});
}
Widget::~Widget()
{
delete ui;
}
/* 鼠标按下触发事件 */
void Widget::mousePressEvent(QMouseEvent *event)
{
//鼠标右键按下
if(event->button() == Qt::RightButton){
qDebug() << "Rigght button clicked!";
//显示推出窗口
menuQuit->addAction(QIcon(":/res/close.png"),"退出");
//窗口出现在鼠标的位置
menuQuit->exec(QCursor::pos());
}
//鼠标左键按下
if(event->button() == Qt::LeftButton){
qDebug() << "Left button clicked!";
//获取鼠标的位置，界面左上角的位置
qDebug() << event->globalPos() << this->pos();
//偏移量：鼠标位置与界面左上角的位置的差
mOffset = event->globalPos() - this->pos();
}
}
/* 鼠标拖动移动界面 */
void Widget::mouseMoveEvent(QMouseEvent *event)
{
//减去偏移量会更湿滑，不然鼠标会跑到界面左上角的位置
this->move(event->globalPos() - mOffset);
}