使用java和qt开发远程控制系统-主界面设计

首界面效果如图

界面就比较简单，拖拉几个控件，设置一下样式ok，不得不说QT这个QSS弄的还是可以，虽然明显是抄袭CSS，语法基本一样，但就是香，比微软那MFC好用太多了。

整个界面还增加了一个标题栏，以及窗体圆角边框和阴影效果，具体是实现方式为，定义了一个MDialog类，继承自QDialog，在MDialog里面，实现了圆角边框，阴影效果，使用绘图方式实现的。

新建一个Dialog，只要继承一下MDialog，就可以轻松实现。需要注意的是，ui文件里面也需要修改一下继承类，但是在QTCreater里面无法修改，因此需要用记事本打开ui文件，手动修改继承自MDiaolog类

图的意思就是ui文件需要修改基类

MDialog.h源码

#include <QDialog>
#include "qlabel.h"
#include "qpushbutton.h"
#include "QPoint"
#include <QMouseEvent>class MDialog : public QDialog
{Q_OBJECTpublic:explicit MDialog(QWidget *parent = 0);~MDialog();void show();
protected:virtual void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;//virtual void keyPressEvent(QKeyEvent *ev);void mouseMoveEvent(QMouseEvent* event);//鼠标移动事件void mousePressEvent(QMouseEvent* event);//鼠标按下事件void mouseReleaseEvent(QMouseEvent* event);//鼠标释放事件QPushButton *closeBtn;
private:QWidget * top;QLabel * title;QLabel *ico;//用来显示图标bool isPressed;QPoint old;//原始的点int x_nBorder;//边框QColor x_bgColor;//背景色int x_nRatio;//圆角率void drawBG(QPainter* painter);void drawShadow(QPainter* painter);
public slots:void doClose();void doMin();void doMenu();
public:void hideTitle();void hideMenu();void setTitle(QString title);//设置标题void hideMin();//隐藏最小化void hideClose();//隐藏关闭按钮void hideIcon();//隐藏图标};#endif // MFORM_H

MDialog.cpp源码

#include "mdialog.h"#include "qpainter.h"
#include "QDebug"
#include <qmath.h>
#include <QApplication>
MDialog::MDialog(QWidget *parent) :QDialog(parent)
{//ui->setupUi(this);this->setAttribute(Qt::WA_TranslucentBackground);setWindowFlags(Qt::FramelessWindowHint| Qt::WindowStaysOnTopHint);x_nBorder = 5;x_bgColor = Qt::white;x_nRatio = 5;top=new QWidget(this);top->setStyleSheet("background:#333");top->resize(this->width()-10,40);top->move(x_nBorder,x_nBorder);title=new QLabel(top);title->setText("曲大家远程控制软件");title->setStyleSheet("color:#fff;");QFont ft("黑体",12,1);title->setFont(ft);title->move(40,10);closeBtn=new QPushButton(top);closeBtn->setStyleSheet("QPushButton{border:none;background:#f00 url(:/images/close.png) center no-repeat;}QPushButton::hover{background:#900 url(:/images/close.png) center no-repeat;}");closeBtn->resize(25,25);closeBtn->move(top->width()-32,10);QPixmap map(":/images/tlogo.png");map=map.scaled(24,24);ico=new QLabel(top);ico->setPixmap(map);ico->move(5,5);connect(closeBtn, SIGNAL(clicked()), this, SLOT(doClose()));//连接关闭事件this->setTitle("曲大家远程控制软件");
}MDialog::~MDialog()
{}
void MDialog::show(){setWindowState(Qt::WindowNoState);QDialog::show();}void MDialog::paintEvent(QPaintEvent *event)
{if(this->top!=NULL){//重置标题大小QRect rect = this->rect();top->resize(rect.width()-x_nBorder*2,38);closeBtn->move(top->width()-30,6);}QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing);drawBG(&painter);drawShadow(&painter);QWidget::paintEvent(event);}
void MDialog::drawBG(QPainter* painter)
{painter->save();QBrush brush(x_bgColor);painter->setBrush(brush);painter->setPen(Qt::NoPen);QRect _rect = this->rect();QRect _rectBG = QRect(_rect.x() + x_nBorder, _rect.y() + x_nBorder, _rect.width() - 2 * x_nBorder, _rect.height() - 2 * x_nBorder);painter->drawRoundedRect(_rectBG, x_nRatio, x_nRatio);painter->restore();
}void MDialog::drawShadow(QPainter* painter)
{painter->save();QColor color(0, 0, 0, 0);for (int i = 0; i < x_nBorder; ++i){QPainterPath path;path.setFillRule(Qt::WindingFill);path.addRoundedRect(x_nBorder - i, x_nBorder - i, this->width() - (x_nBorder - i) * 2, this->height() - (x_nBorder - i) * 2, x_nRatio, x_nRatio);color.setAlpha(100 - qSqrt(i) * 50);painter->setPen(color);painter->drawPath(path);}painter->restore();
}
void MDialog::hideTitle(){top->hide();
}
void MDialog::hideMin(){//minBtn->hide();
}
void MDialog::hideIcon(){ico->hide();title->move(10,10);
}
void MDialog::hideMenu(){// menuBtn->close();
}
void MDialog::hideClose(){closeBtn->hide();
}
void MDialog::setTitle(QString title)
{// echo("title="+title);this->setWindowTitle(title);this->title->setText(title);
}
void MDialog::doClose(){QApplication::exit();
}
void MDialog::doMenu(){}
void MDialog::doMin(){setWindowState(Qt::WindowMinimized);
}
void MDialog::mousePressEvent(QMouseEvent* event)
{if(event->button() == Qt::LeftButton && event->y()<=40){isPressed = true;old = event->globalPos();}
}void MDialog::mouseMoveEvent(QMouseEvent* event)
{if(isPressed && event->buttons().testFlag(Qt::LeftButton)){this->move(this->pos() + (event->globalPos() - old));old = event->globalPos();}
}void MDialog::mouseReleaseEvent(QMouseEvent* event)
{if(event->button() == Qt::LeftButton){isPressed = false;}
}

使用java和qt开发远程控制系统-主界面设计相关推荐

嵌入式系统开发笔记80：应用Qt Designer进行主界面设计
前言本篇文章讲解PyQt的基本使用方法,我们将应用Qt Designer来设计一个主界面,学习完本篇文章的内容后,你将获得如下技能. (1)在VS Code中启动Qt Designer ...
Ext JS 6开发实例（三）：主界面设计
在上文中,已经将CMD创建的应用程序导入到项目里了,而且也看到默认的主界面了,今天的主要工作就是修改这个主界面,以符合项目的需要.除了设计主界面,还有一些其他的东西需要配置一下. 添加本地化包打开a ...
基于C#的AE二次开发之主界面设计
上篇文章介绍了AE的安装与配置,下面介绍在VS2012中AE的简单主界面设计方法. 一.项目创建 1.打开VS2012建立项目在打开界面后,点击新建项目,在弹出的界面中选择Visual C#--Ar ...
Android Studio 开发–微信APP门户界面设计
Android Studio 开发–微信APP门户界面设计本次Github代码仓库 --crcr1013/MyWechat 文章目录 Android Studio 开发--微信APP门户界面设计前 ...
emWin智能家居主界面设计，含uCOS-III和FreeRTOS两个版本
第6期:智能家居主界面设计配套例子: V6-910_STemWin提高篇实验_智能家居主界面设计(uCOS-III) V6-911_STemWin提高篇实验_智能家居主界面设计(FreeRTOS) ...
java计算器如何实现运算_用java编写了一个模拟计算器的界面设计，怎么实现运算功能呢...
用java编写了一个模拟计算器的界面设计,怎么实现运算功能呢 2020 - 9 - 16 TAG : view sourceprint?import java.awt.BorderLayout; im ...
C++/QT 贪吃蛇小游戏界面设计
C++/QT 贪吃蛇小游戏界面设计前言:本文所写的贪吃蛇是笔者初学QT练手的小项目,做出来的界面较为粗糙.由于很久没有接触C++,程序中类封装的不是很规范.写这篇文章,权当是记录生活了,手动狗头. ...
【2022/8/27】Qt自制C语言IDE——界面设计
[2022/8/27]Qt自制C语言IDE--界面设计整体思路技术问题添加资源文件之后无法显示 Tab Widget 的Tab的样式无法通过UI设计界面调节 UI设计界面里面调整Layout中各 ...
[仿南航app开发日记2]主界面完成
效果先来看看主界面完成的效果: 这是主界面的样子,如果要参照原app是什么样子的可以参照我的上一篇博客: http://blog.csdn.net/supervictim/article/detai ...

使用java和qt开发远程控制系统-主界面设计

使用java和qt开发远程控制系统-主界面设计相关推荐

最新文章

热门文章