P7 QT项目----会学天气预报
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); }