Qt编写主界面顶部和左侧导航

界面效果:

资源文件 : Qt编写主界面顶部和左侧导航代码及资源文件 (http://www.qtcn.org/bbs/read-htm-tid-65515.html)

1.工程目录

2.main.cpp

#include "uidemo08.h"
#include "appinit.h"
#include <QApplication>
#include <QTextCodec>
#include <QFile>int main(int argc, char *argv[])
{QApplication a(argc, argv);#if (QT_VERSION <= QT_VERSION_CHECK(5,0,0))
#if _MSC_VERQTextCodec *codec = QTextCodec::codecForName("gbk");
#elseQTextCodec *codec = QTextCodec::codecForName("utf-8");
#endifQTextCodec::setCodecForLocale(codec);QTextCodec::setCodecForCStrings(codec);QTextCodec::setCodecForTr(codec);
#elseQTextCodec *codec = QTextCodec::codecForName("utf-8");QTextCodec::setCodecForLocale(codec);
#endif//加载样式表QFile file(":/qss/psblack.css");if (file.open(QFile::ReadOnly)) {QString qss = QLatin1String(file.readAll());QString paletteColor = qss.mid(20, 7);qApp->setPalette(QPalette(QColor(paletteColor)));qApp->setStyleSheet(qss);file.close();}a.setFont(QFont("Microsoft Yahei", 9));AppInit::Instance()->start();UIDemo08 w;w.show();return a.exec();
}

3.uidemo08.h

#ifndef UIDEMO08_H
#define UIDEMO08_H#include <QWidget>class QToolButton;namespace Ui {
class UIDemo08;
}class UIDemo08 : public QWidget
{Q_OBJECTpublic:explicit UIDemo08(QWidget *parent = 0);~UIDemo08();private:Ui::UIDemo08 *ui;    QList<int> pixCharMain;QList<QToolButton *> btnsMain;QList<int> pixCharConfig;QList<QToolButton *> btnsConfig;private slots:void initForm();void buttonClick();void initLeftMain();void initLeftConfig();void leftMainClick();void leftConfigClick();private slots:void on_btnMenu_Min_clicked();void on_btnMenu_Max_clicked();void on_btnMenu_Close_clicked();
};#endif // UIDEMO08_H

4.uidemo08.cpp

#pragma execution_character_set("utf-8")#include "uidemo08.h"
#include "ui_uidemo08.h"
#include "iconhelper.h"UIDemo08::UIDemo08(QWidget *parent) :QWidget(parent),ui(new Ui::UIDemo08)
{ui->setupUi(this);this->initForm();this->initLeftMain();this->initLeftConfig();
}UIDemo08::~UIDemo08()
{delete ui;
}void UIDemo08::initForm()
{   this->setProperty("form", true);this->setProperty("canMove", true);this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowSystemMenuHint | Qt::WindowMinMaxButtonsHint);IconHelper::Instance()->setIcon(ui->labIco, QChar(0xf073), 30);IconHelper::Instance()->setIcon(ui->btnMenu_Min, QChar(0xf068));IconHelper::Instance()->setIcon(ui->btnMenu_Max, QChar(0xf067));IconHelper::Instance()->setIcon(ui->btnMenu_Close, QChar(0xf00d));//ui->widgetMenu->setVisible(false);ui->widgetTitle->setProperty("form", "title");ui->widgetTop->setProperty("nav", "top");ui->labTitle->setText("智能访客管理平台");ui->labTitle->setFont(QFont("Microsoft Yahei", 20));this->setWindowTitle(ui->labTitle->text());ui->stackedWidget->setStyleSheet("QLabel{font:60pt;}");QSize icoSize(32, 32);int icoWidth = 85;//设置顶部导航按钮QList<QToolButton *> tbtns = ui->widgetTop->findChildren<QToolButton *>();foreach (QToolButton *btn, tbtns) {btn->setIconSize(icoSize);btn->setMinimumWidth(icoWidth);btn->setCheckable(true);connect(btn, SIGNAL(clicked()), this, SLOT(buttonClick()));}ui->btnMain->click();ui->widgetLeftMain->setProperty("flag", "left");ui->widgetLeftConfig->setProperty("flag", "left");ui->page1->setStyleSheet(QString("QWidget[flag=\"left\"] QAbstractButton{min-height:%1px;max-height:%1px;}").arg(60));ui->page2->setStyleSheet(QString("QWidget[flag=\"left\"] QAbstractButton{min-height:%1px;max-height:%1px;}").arg(20));
}void UIDemo08::buttonClick()
{QToolButton *b = (QToolButton *)sender();QString name = b->text();QList<QToolButton *> tbtns = ui->widgetTop->findChildren<QToolButton *>();foreach (QToolButton *btn, tbtns) {if (btn == b) {btn->setChecked(true);} else {btn->setChecked(false);}}if (name == "主界面") {ui->stackedWidget->setCurrentIndex(0);} else if (name == "系统设置") {ui->stackedWidget->setCurrentIndex(1);} else if (name == "警情查询") {ui->stackedWidget->setCurrentIndex(2);} else if (name == "调试帮助") {ui->stackedWidget->setCurrentIndex(3);} else if (name == "用户退出") {exit(0);}
}void UIDemo08::initLeftMain()
{pixCharMain << 0xf030 << 0xf03e << 0xf247;btnsMain << ui->tbtnMain1 << ui->tbtnMain2 << ui->tbtnMain3;int count = btnsMain.count();for (int i = 0; i < count; i++) {btnsMain.at(i)->setCheckable(true);btnsMain.at(i)->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);connect(btnsMain.at(i), SIGNAL(clicked(bool)), this, SLOT(leftMainClick()));}IconHelper::Instance()->setStyle(ui->widgetLeftMain, btnsMain, pixCharMain, 15, 35, 25, "left", 4);ui->tbtnMain1->click();
}void UIDemo08::initLeftConfig()
{pixCharConfig << 0xf031 << 0xf036 << 0xf249 << 0xf055 << 0xf05a << 0xf249;btnsConfig << ui->tbtnConfig1 << ui->tbtnConfig2 << ui->tbtnConfig3 << ui->tbtnConfig4 << ui->tbtnConfig5 << ui->tbtnConfig6;int count = btnsConfig.count();for (int i = 0; i < count; i++) {btnsConfig.at(i)->setCheckable(true);btnsConfig.at(i)->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);connect(btnsConfig.at(i), SIGNAL(clicked(bool)), this, SLOT(leftConfigClick()));}IconHelper::Instance()->setStyle(ui->widgetLeftConfig, btnsConfig, pixCharConfig, 10, 20, 15, "left", 5);ui->tbtnConfig1->click();
}void UIDemo08::leftMainClick()
{QToolButton *b = (QToolButton *)sender();QString name = b->text();int count = btnsMain.count();for (int i = 0; i < count; i++) {if (btnsMain.at(i) == b) {btnsMain.at(i)->setChecked(true);btnsMain.at(i)->setIcon(QIcon(IconHelper::Instance()->getPixmap(btnsMain.at(i), false)));} else {btnsMain.at(i)->setChecked(false);btnsMain.at(i)->setIcon(QIcon(IconHelper::Instance()->getPixmap(btnsMain.at(i), true)));}}ui->lab1->setText(name);
}void UIDemo08::leftConfigClick()
{QToolButton *b = (QToolButton *)sender();QString name = b->text();int count = btnsConfig.count();for (int i = 0; i < count; i++) {if (btnsConfig.at(i) == b) {btnsConfig.at(i)->setChecked(true);btnsConfig.at(i)->setIcon(QIcon(IconHelper::Instance()->getPixmap(btnsConfig.at(i), false)));} else {btnsConfig.at(i)->setChecked(false);btnsConfig.at(i)->setIcon(QIcon(IconHelper::Instance()->getPixmap(btnsConfig.at(i), true)));}}ui->lab2->setText(name);
}void UIDemo08::on_btnMenu_Min_clicked()
{showMinimized();
}void UIDemo08::on_btnMenu_Max_clicked()
{static bool max = false;static QRect location = this->geometry();if (max) {this->setGeometry(location);} else {location = this->geometry();this->setGeometry(qApp->desktop()->availableGeometry());}this->setProperty("canMove", max);max = !max;
}void UIDemo08::on_btnMenu_Close_clicked()
{close();
}

5.iconhelper.h

#ifndef ICONHELPER_H
#define ICONHELPER_H#include <QtCore>
#include <QtGui>
#if (QT_VERSION > QT_VERSION_CHECK(5,0,0))
#include <QtWidgets>
#endif//图形字体处理类
class IconHelper : public QObject
{Q_OBJECTpublic:static IconHelper *Instance();explicit IconHelper(QObject *parent = 0);    void setIcon(QLabel *lab, QChar c, quint32 size = 12);void setIcon(QAbstractButton *btn, QChar c, quint32 size = 12);QPixmap getPixmap(const QString &color, QChar c, quint32 size = 12,quint32 pixWidth = 10, quint32 pixHeight = 10);//根据按钮获取该按钮对应的图标QPixmap getPixmap(QToolButton *btn, bool normal);//指定导航面板样式,不带图标static void setStyle(QWidget *widget, const QString &type = "left", int borderWidth = 3,const QString &borderColor = "#029FEA",const QString &normalBgColor = "#292F38",const QString &darkBgColor = "#1D2025",const QString &normalTextColor = "#54626F",const QString &darkTextColor = "#FDFDFD");//指定导航面板样式,带图标和效果切换void setStyle(QWidget *widget, QList<QToolButton *> btns, QList<int> pixChar,quint32 iconSize = 9, quint32 iconWidth = 10, quint32 iconHeight = 10,const QString &type = "left", int borderWidth = 3,const QString &borderColor = "#029FEA",const QString &normalBgColor = "#292F38",const QString &darkBgColor = "#1D2025",const QString &normalTextColor = "#54626F",const QString &darkTextColor = "#FDFDFD");//指定导航按钮样式,带图标和效果切换void setStyle(QFrame *frame, QList<QToolButton *> btns, QList<int> pixChar,quint32 iconSize = 9, quint32 iconWidth = 10, quint32 iconHeight = 10,const QString &normalBgColor = "#2FC5A2",const QString &darkBgColor = "#3EA7E9",const QString &normalTextColor = "#EEEEEE",const QString &darkTextColor = "#FFFFFF");protected:bool eventFilter(QObject *watched, QEvent *event);private:static IconHelper *self;    //对象自身QFont iconFont;             //图形字体QList<QToolButton *> btns;  //按钮队列QList<QPixmap> pixNormal;   //正常图片队列QList<QPixmap> pixDark;     //加深图片队列
};
#endif // ICONHELPER_H

6.iconhelper.cpp

#include "iconhelper.h"IconHelper *IconHelper::self = 0;
IconHelper *IconHelper::Instance()
{if (!self) {QMutex mutex;QMutexLocker locker(&mutex);if (!self) {self = new IconHelper;}}return self;
}IconHelper::IconHelper(QObject *) : QObject(qApp)
{int fontId = QFontDatabase::addApplicationFont(":/image/fontawesome-webfont.ttf");QStringList fontName = QFontDatabase::applicationFontFamilies(fontId);if (fontName.count() > 0) {iconFont = QFont(fontName.at(0));} else {qDebug() << "load fontawesome-webfont.ttf error";}
}void IconHelper::setIcon(QLabel *lab, QChar c, quint32 size)
{iconFont.setPixelSize(size);lab->setFont(iconFont);lab->setText(c);
}void IconHelper::setIcon(QAbstractButton *btn, QChar c, quint32 size)
{iconFont.setPixelSize(size);btn->setFont(iconFont);btn->setText(c);
}QPixmap IconHelper::getPixmap(const QString &color, QChar c, quint32 size,quint32 pixWidth, quint32 pixHeight)
{QPixmap pix(pixWidth, pixHeight);pix.fill(Qt::transparent);QPainter painter;painter.begin(&pix);painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);painter.setPen(QColor(color));painter.setBrush(QColor(color));iconFont.setPixelSize(size);painter.setFont(iconFont);painter.drawText(pix.rect(), Qt::AlignCenter, c);painter.end();return pix;
}QPixmap IconHelper::getPixmap(QToolButton *btn, bool normal)
{QPixmap pix;int index = btns.indexOf(btn);if (index >= 0) {if (normal) {pix = pixNormal.at(index);} else {pix = pixDark.at(index);}}return pix;
}void IconHelper::setStyle(QWidget *widget, const QString &type, int borderWidth, const QString &borderColor,const QString &normalBgColor, const QString &darkBgColor,const QString &normalTextColor, const QString &darkTextColor)
{QString strBorder;if (type == "top") {strBorder = QString("border-width:%1px 0px 0px 0px;padding:%1px %2px %2px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "right") {strBorder = QString("border-width:0px %1px 0px 0px;padding:%2px %1px %2px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "bottom") {strBorder = QString("border-width:0px 0px %1px 0px;padding:%2px %2px %1px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "left") {strBorder = QString("border-width:0px 0px 0px %1px;padding:%2px %2px %2px %1px;").arg(borderWidth).arg(borderWidth * 2);}QStringList qss;qss.append(QString("QWidget[flag=\"%1\"] QAbstractButton{border-style:none;border-radius:0px;padding:5px;color:%2;background:%3;}").arg(type).arg(normalTextColor).arg(normalBgColor));qss.append(QString("QWidget[flag=\"%1\"] QAbstractButton:hover,""QWidget[flag=\"%1\"] QAbstractButton:pressed,""QWidget[flag=\"%1\"] QAbstractButton:checked{""border-style:solid;%2border-color:%3;color:%4;background:%5;}").arg(type).arg(strBorder).arg(borderColor).arg(darkTextColor).arg(darkBgColor));widget->setStyleSheet(qss.join(""));
}void IconHelper::setStyle(QWidget *widget, QList<QToolButton *> btns, QList<int> pixChar,quint32 iconSize, quint32 iconWidth, quint32 iconHeight,const QString &type, int borderWidth, const QString &borderColor,const QString &normalBgColor, const QString &darkBgColor,const QString &normalTextColor, const QString &darkTextColor)
{int btnCount = btns.count();int charCount = pixChar.count();if (btnCount <= 0 || charCount <= 0 || btnCount != charCount) {return;}QString strBorder;if (type == "top") {strBorder = QString("border-width:%1px 0px 0px 0px;padding:%1px %2px %2px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "right") {strBorder = QString("border-width:0px %1px 0px 0px;padding:%2px %1px %2px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "bottom") {strBorder = QString("border-width:0px 0px %1px 0px;padding:%2px %2px %1px %2px;").arg(borderWidth).arg(borderWidth * 2);} else if (type == "left") {strBorder = QString("border-width:0px 0px 0px %1px;padding:%2px %2px %2px %1px;").arg(borderWidth).arg(borderWidth * 2);}//如果图标是左侧显示则需要让没有选中的按钮左侧也有加深的边框,颜色为背景颜色QStringList qss;if (btns.at(0)->toolButtonStyle() == Qt::ToolButtonTextBesideIcon) {qss.append(QString("QWidget[flag=\"%1\"] QAbstractButton{border-style:solid;border-radius:0px;%2border-color:%3;color:%4;background:%5;}").arg(type).arg(strBorder).arg(normalBgColor).arg(normalTextColor).arg(normalBgColor));} else {qss.append(QString("QWidget[flag=\"%1\"] QAbstractButton{border-style:none;border-radius:0px;padding:5px;color:%2;background:%3;}").arg(type).arg(normalTextColor).arg(normalBgColor));}qss.append(QString("QWidget[flag=\"%1\"] QAbstractButton:hover,""QWidget[flag=\"%1\"] QAbstractButton:pressed,""QWidget[flag=\"%1\"] QAbstractButton:checked{""border-style:solid;%2border-color:%3;color:%4;background:%5;}").arg(type).arg(strBorder).arg(borderColor).arg(darkTextColor).arg(darkBgColor));qss.append(QString("QWidget#%1{background:%2;}").arg(widget->objectName()).arg(normalBgColor));qss.append(QString("QWidget>QToolButton{border-width:0px;}"));qss.append(QString("QWidget>QToolButton{background-color:%1;color:%2;}").arg(normalBgColor).arg(normalTextColor));qss.append(QString("QWidget>QToolButton:hover,QWidget>QToolButton:pressed,QWidget>QToolButton:checked{background-color:%1;color:%2;}").arg(darkBgColor).arg(darkTextColor));widget->setStyleSheet(qss.join(""));for (int i = 0; i < btnCount; i++) {//存储对应按钮对象,方便鼠标移上去的时候切换图片QPixmap pixNormal = getPixmap(normalTextColor, QChar(pixChar.at(i)), iconSize, iconWidth, iconHeight);QPixmap pixDark = getPixmap(darkTextColor, QChar(pixChar.at(i)), iconSize, iconWidth, iconHeight);btns.at(i)->setIcon(QIcon(pixNormal));btns.at(i)->setIconSize(QSize(iconWidth, iconHeight));btns.at(i)->installEventFilter(this);this->btns.append(btns.at(i));this->pixNormal.append(pixNormal);this->pixDark.append(pixDark);}
}void IconHelper::setStyle(QFrame *frame, QList<QToolButton *> btns, QList<int> pixChar,quint32 iconSize, quint32 iconWidth, quint32 iconHeight,const QString &normalBgColor, const QString &darkBgColor,const QString &normalTextColor, const QString &darkTextColor)
{int btnCount = btns.count();int charCount = pixChar.count();if (btnCount <= 0 || charCount <= 0 || btnCount != charCount) {return;}QStringList qss;qss.append(QString("QFrame>QToolButton{border-style:none;border-width:0px;}"));qss.append(QString("QFrame>QToolButton{background-color:%1;color:%2;}").arg(normalBgColor).arg(normalTextColor));qss.append(QString("QFrame>QToolButton:hover,QFrame>QToolButton:pressed,QFrame>QToolButton:checked{background-color:%1;color:%2;}").arg(darkBgColor).arg(darkTextColor));frame->setStyleSheet(qss.join(""));for (int i = 0; i < btnCount; i++) {//存储对应按钮对象,方便鼠标移上去的时候切换图片QPixmap pixNormal = getPixmap(normalTextColor, QChar(pixChar.at(i)), iconSize, iconWidth, iconHeight);QPixmap pixDark = getPixmap(darkTextColor, QChar(pixChar.at(i)), iconSize, iconWidth, iconHeight);btns.at(i)->setIcon(QIcon(pixNormal));btns.at(i)->setIconSize(QSize(iconWidth, iconHeight));btns.at(i)->installEventFilter(this);this->btns.append(btns.at(i));this->pixNormal.append(pixNormal);this->pixDark.append(pixDark);}
}bool IconHelper::eventFilter(QObject *watched, QEvent *event)
{if (watched->inherits("QToolButton")) {QToolButton *btn = (QToolButton *)watched;int index = btns.indexOf(btn);if (index >= 0) {if (event->type() == QEvent::Enter) {btn->setIcon(QIcon(pixDark.at(index)));} else if (event->type() == QEvent::Leave) {if (btn->isChecked()) {btn->setIcon(QIcon(pixDark.at(index)));} else {btn->setIcon(QIcon(pixNormal.at(index)));}}}}return QObject::eventFilter(watched, event);
}

7.appinit.h

#ifndef APPINIT_H
#define APPINIT_H#include <QObject>class AppInit : public QObject
{Q_OBJECT
public:static AppInit *Instance();explicit AppInit(QObject *parent = 0);    void start();protected:bool eventFilter(QObject *obj, QEvent *evt);private:static AppInit *self;signals:public slots:
};#endif // APPINIT_H

8.appinit.cpp

#include "appinit.h"
#include "qmutex.h"
#include "qapplication.h"
#include "qevent.h"
#include "qwidget.h"AppInit *AppInit::self = 0;
AppInit *AppInit::Instance()
{if (!self) {QMutex mutex;QMutexLocker locker(&mutex);if (!self) {self = new AppInit;}}return self;
}AppInit::AppInit(QObject *parent) : QObject(parent)
{
}bool AppInit::eventFilter(QObject *obj, QEvent *evt)
{QWidget *w = (QWidget *)obj;if (!w->property("canMove").toBool()) {return QObject::eventFilter(obj, evt);}static QPoint mousePoint;static bool mousePressed = false;QMouseEvent *event = static_cast<QMouseEvent *>(evt);if (event->type() == QEvent::MouseButtonPress) {if (event->button() == Qt::LeftButton) {mousePressed = true;mousePoint = event->globalPos() - w->pos();return true;}} else if (event->type() == QEvent::MouseButtonRelease) {mousePressed = false;return true;} else if (event->type() == QEvent::MouseMove) {if (mousePressed && (event->buttons() && Qt::LeftButton)) {w->move(event->globalPos() - mousePoint);return true;}}return QObject::eventFilter(obj, evt);
}void AppInit::start()
{qApp->installEventFilter(this);
}

9.界面的控件布局设计.

Qt编写主界面顶部和左侧导航相关推荐

Qt仿win7自动顶部最大化左侧右侧半屏效果
Win7系统不得不说是非常好用的,也是目前为止占用份额最大的操作系统,其中win7有个效果,将窗体拖动到顶部时会自动最大化,拖动到左侧右侧时会自动半屏显示,再次拖动窗体到其他位置,会重新恢复之前的大小 ...
Qt实现主界面圆角化
添加头文件: #include <QPainter> #include <QBitmap> 在构造函数里面添加如下代码即可实现: this->setWindowFlags ...
诡异的QT脱离主界面弹出之前删除的UI子部件问题
Qtableview 在重新渲染后点击下一页弹出独立窗口用了独立的dbpage做分页,里面内置了多线程来获取总页数等信息. 当输入新的页面大小时,又新建了一个dbpage分页对象.这个时候问题就出来 ...
Qt编写的开源帖子集合（懒人专用）
回顾自己学习Qt以来九年了,在这九年多时间里面,从本论坛学习不到不少的东西,今天特意整了一下自己开源过的资源的帖子,整理一起方便大家直接跳转下载,不统计不知道,一统计吓一跳,不知不觉开源了这么多代码, ...
Qt之实现360安全卫士主界面（转）
Qt之实现360安全卫士主界面(一) 该博文只是模仿360安全卫士的主界面,并不牵涉其中的任何业务功能:重在个人见解以及界面实现:关于360安全卫士的主界面,我想大家都见到过,毕竟基本大部分人都安装过 ...
Qt之实现360安全卫士主界面
Qt之实现360安全卫士主界面(一) 该博文只是模仿360安全卫士的主界面,并不牵涉其中的任何业务功能:重在个人见解以及界面实现:关于360安全卫士的主界面,我想大家都见到过,毕竟基本大部分人都安装过 ...
Qt之实现360安全卫士主界面(一)
转自:http://www.cnblogs.com/appsucc/archive/2012/03/14/2395657.html 该博文只是模仿360安全卫士的主界面,并不牵涉其中的任何业务功能:重 ...
Android12 设置主界面和二级菜单顶部空白去除
此 patch 来自地球边大佬主界面顶部空白 packages/apps/Settings/res/values/dimens.xml + <dimen name="avatar_l ...
3.1 该如何编写程序界面
3.1 该如何编写程序界面 Android中有好几种编写程序界面的方式可供你选择.比如使用DroidDraw,这是一种可视化的界面编辑工具,允许使用拖拽控件的方式来编写布局.Eclipse和Andr ...

Qt编写主界面顶部和左侧导航

Qt编写主界面顶部和左侧导航相关推荐

最新文章

热门文章