Qt浅谈之四十四动态显示日志（QGraphicsItem）

2024-03-11 10:18
文章标签 日志 qt 四十四 浅谈 动态显示 qgraphicsitem

本文主要是介绍Qt浅谈之四十四动态显示日志（QGraphicsItem），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、简介

 

        在QGraphicsItem中使用QGraphicsItemAnimation和QTimeLine来实现动画的显示。其中的数据都是测试数据，仅为显示动画效果。

 

二、详解

1、部分代码

（1）LogMessagesItem.h

#ifndef _LOGMESSAGEITEM_H_
#define _LOGMESSAGEITEM_H_
#include <QtGui>
#include <QtCore>
#include "clusterpagenumber.h"
#include "calendarselected.h"class LogContentItem;
class LogMessagesItem : public QObject, public QGraphicsItem
{Q_OBJECT
public:explicit LogMessagesItem(QGraphicsItem *parent = 0);QRectF boundingRect() const;void setSize(const int width, const int height);protected:void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);bool eventFilter(QObject *obj, QEvent *event);private:void getLogContents();void showLogs();void hideLogItem();private:int _width;int _height;int totalLogs;int totalPageNumber;int currentPageNumber;ClusterPageNumber *pageNumber;CalendarSelected *calendar;QList<LogContentItem *>logItem;QGraphicsRectItem *rectItem;bool leftToRight;private slots:void slotCalendarFinish();void slotLogPageChange(int index);
};class LogContentItem : public QGraphicsItem
{
public:explicit LogContentItem(QGraphicsItem *parent = 0);~LogContentItem();QRectF boundingRect() const;void setData(const QList<QString> &data);protected:void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);
private:QGraphicsTextItem *timeText;QGraphicsTextItem *typeText;QGraphicsTextItem *stateText;QGraphicsTextItem *describeText;
};
#endif

（2）LogMessagesItem.cpp

#include "LogMessagesItem.h"
#define MAXLOGSRPERPAGE 4LogMessagesItem::LogMessagesItem(QGraphicsItem *parent): QGraphicsItem(parent), totalLogs(0), totalPageNumber(1), currentPageNumber(1), leftToRight(true)
{_width = 633;_height = 437;logItem.clear();setFiltersChildEvents(true);calendar = new CalendarSelected;QGraphicsProxyWidget *calendarProxy = new QGraphicsProxyWidget(this);calendarProxy->setWidget(calendar);calendarProxy->setPos(10, 10);calendarProxy->show();calendarProxy->setZValue(1);connect(calendar, SIGNAL(finish()), this, SLOT(slotCalendarFinish()));pageNumber = new ClusterPageNumber;//pageNumber->setBackgroundColor(QColor("#FF0000"));pageNumber->resize(248, 18);pageNumber->setTitle(tr("合计日志条数"), 0);pageNumber->setCurrentAndTotalPage(1, 10);QGraphicsProxyWidget *pageNumberProxy = new QGraphicsProxyWidget(this);pageNumberProxy->setWidget(pageNumber);pageNumberProxy->setPos(633 - 248 -10, 437 - 35);pageNumberProxy->show();connect(pageNumber, SIGNAL(currentPageChanged(int)), this, SLOT(slotLogPageChange(int)));QGraphicsTextItem *title = new QGraphicsTextItem(this);title->setDefaultTextColor(QColor("#666666"));title->setFont(QFont("arial", 10, QFont::Normal));title->setPlainText(tr("按状态："));title->setPos(460, 10);QComboBox *logListBox = new QComboBox;logListBox->resize(100, 23);logListBox->setStyleSheet("QComboBox{border:1px solid #d7d7d7; border-radius: 3px; padding: 1px 18px 1px 3px;} ""QComboBox:editable{ background: white; }""QComboBox:!editable{ background: #fbfbfb; color:#666666}""QComboBox::drop-down{ subcontrol-origin: padding; subcontrol-position: top right; width: 22px; border-left-width: 1px; border-left-color: #c9c9c9; border-left-style: solid; /* just a single line */ border-top-right-radius: 3px; /* same radius as the QComboBox */ border-bottom-right-radius: 3px; }""QComboBox::down-arrow { image: url(:/resources/images/input_drop_down.png); }""QComboBox::down-arrow:on { /* shift the arrow when popup is open */ top: 1px; left: 1px;}""QComboBox QAbstractItemView::item{max-width: 30px;min-height: 20px}");QListView *listView = new QListView;listView->setStyleSheet("QListView{font-size: 11px}"" QListView::item:!selected{color: #19649f}""QListView::item:selected:active{background-color: #1275c3}""QListView::item:selected{color: white}");logListBox->setView(listView);logListBox->addItem(tr("所有日志"));logListBox->addItem(tr("错误日志"));logListBox->addItem(tr("警告日志"));QGraphicsProxyWidget *listBoxrProxy = new QGraphicsProxyWidget(this);listBoxrProxy->setWidget(logListBox);listBoxrProxy->setPos(522, 12);listBoxrProxy->setZValue(1);listBoxrProxy->show();rectItem = new QGraphicsRectItem(QRectF(0, 0, 610, 85*4), this);rectItem->setPos(12, 45);rectItem->setPen(Qt::NoPen);rectItem->setFlag(QGraphicsItem::ItemClipsChildrenToShape,true);getLogContents();
}QRectF LogMessagesItem::boundingRect() const
{return QRectF(0,0, _width, _height);
}void LogMessagesItem::setSize(const int width, const int height)
{_width = width;_height = height;
}void LogMessagesItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
}bool LogMessagesItem::eventFilter(QObject *obj, QEvent *event)
{if (obj != calendar && event->type() == QEvent::MouseButtonPress) {this->clearFocus();calendar->setHideQDialog();return true;}if (event->type() == QEvent::Hide) {calendar->setHideQDialog();}if (event->type() == QEvent::Show) {}return QObject::eventFilter(obj, event);
}void LogMessagesItem::getLogContents()
{for (int i =0; i < 22; i++) {QList<QString> data;data.append("2015-02-13 12:08:57");data.append("新建系统");data.append("系统创建完毕");data.append(tr("成功创建系统(%1)").arg(i + 1));LogContentItem *contentItem = new LogContentItem(rectItem);contentItem->setData(data);contentItem->hide();logItem.append(contentItem);}
}void LogMessagesItem::showLogs()
{totalLogs = logItem.count();//totalLogs = 22;totalPageNumber = 6;//currentPageNumber = 1;hideLogItem();pageNumber->setTitle(tr("合计日志条数"), 22);pageNumber->setCurrentAndTotalPage(currentPageNumber, 6);LogContentItem *item = NULL;int index = (currentPageNumber - 1)*MAXLOGSRPERPAGE;for(int number = 0; index < totalLogs && index < currentPageNumber*MAXLOGSRPERPAGE; index++, number++) {item = logItem.at(index);item->setPos(0, number*85);item->show();QGraphicsItemAnimation *animation = new QGraphicsItemAnimation(this);animation->setItem(item);QTimeLine *timeLine = new QTimeLine(400);animation->setTimeLine(timeLine);if (leftToRight == true) {animation->setPosAt(0, QPointF( -608, number*85));animation->setPosAt(1, QPointF(0, number*85));}else {animation->setPosAt(0, QPointF( 608, number*85));animation->setPosAt(1, QPointF(0, number*85));}timeLine->start();}
}void LogMessagesItem::hideLogItem()
{for (int index = 0; index < logItem.count(); index++) {if (logItem.at(index)) {logItem.at(index)->hide();}}
}void LogMessagesItem::slotCalendarFinish()
{showLogs();
}void LogMessagesItem::slotLogPageChange(int index)
{if (currentPageNumber < index) {leftToRight = true;}else {leftToRight = false;}currentPageNumber = index;showLogs();
}/*****************************LogContentItem********************************/
LogContentItem::LogContentItem(QGraphicsItem *parent): QGraphicsItem(parent)
{timeText = new QGraphicsTextItem(this);timeText->setDefaultTextColor(QColor("#999999"));timeText->setFont(QFont("arial", 10, QFont::Normal));timeText->setPos(boundingRect().right() - 125, boundingRect().top());typeText = new QGraphicsTextItem(this);typeText->setDefaultTextColor(QColor("#666666"));typeText->setFont(QFont("arial", 10, QFont::Normal));typeText->setPos(boundingRect().left() + 15, boundingRect().top() + 10);stateText = new QGraphicsTextItem(this);stateText->setDefaultTextColor(QColor("#666666"));stateText->setFont(QFont("arial", 10, QFont::Normal));stateText->setPos(boundingRect().left() + 15, boundingRect().top() + 30);describeText = new QGraphicsTextItem(this);describeText->setDefaultTextColor(QColor("#666666"));describeText->setFont(QFont("arial", 10, QFont::Normal));describeText->setPos(boundingRect().left() + 15, boundingRect().top() + 50);
}LogContentItem::~LogContentItem()
{
}QRectF LogContentItem::boundingRect() const
{return QRectF(0, 0, 608, 80);
}void LogContentItem::setData(const QList<QString> &data)
{timeText->setPlainText(data.at(0));typeText->setPlainText(QObject::tr("类型：%1").arg(data.at(1)));stateText->setPlainText(QObject::tr("状态：%1").arg(data.at(2)));describeText->setPlainText(QObject::tr("描述：%1").arg(data.at(3)));
}void LogContentItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{painter->setPen(QPen(QColor("#BBBBBB")));painter->setBrush(QColor("#FFFFFF"));painter->drawRect(0, 0, 608, 80);
}

（3）LogMessagesView.h

#ifndef LOGMESSAGESVIEW_H
#define LOGMESSAGESVIEW_H#include <QGraphicsView>
#include <QTextCodec>
#include <QtGui>
#include <QtCore>
#include <QDebug>class LogMessagesView : public QGraphicsView
{Q_OBJECTpublic:LogMessagesView(QWidget *parent = 0);~LogMessagesView();protected:void mousePressEvent ( QMouseEvent * event);void mouseMoveEvent(QMouseEvent *event);void mouseReleaseEvent(QMouseEvent *event);private:QPoint dragPosition;bool bPressFlag;
};#endif // LOGMESSAGESVIEW_H

（4）LogMessagesView.cpp

#include "LogMessagesView.h"
#include "LogMessagesItem.h"LogMessagesView::LogMessagesView(QWidget *parent): QGraphicsView(parent), bPressFlag(false)
{QTextCodec *codec = QTextCodec::codecForName("System");QTextCodec::setCodecForLocale(codec);QTextCodec::setCodecForCStrings(codec);QTextCodec::setCodecForTr(codec);int width = 633;int height = 437;setWindowFlags(Qt::Widget |Qt::FramelessWindowHint);//setStyleSheet("background:transparent;border:0px");this->setBackgroundBrush(QBrush(QColor("#EEF7FD")));QGraphicsScene *scene = new QGraphicsScene(this);scene->setSceneRect(-width/2,-height/2,width,height);setSceneRect(2, 2, width - 4, height - 4);setScene(scene);setCacheMode(QGraphicsView::CacheBackground);setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate);LogMessagesItem *item = new LogMessagesItem;this->installEventFilter(item);scene->addItem(item);
}LogMessagesView::~LogMessagesView()
{}void LogMessagesView::mousePressEvent ( QMouseEvent * event)
{bPressFlag = true;dragPosition = event->pos();QGraphicsView::mousePressEvent(event);
}void LogMessagesView::mouseMoveEvent(QMouseEvent *event)
{if (bPressFlag) {QPoint relaPos(QCursor::pos() - dragPosition);move(relaPos);}QGraphicsView::mouseMoveEvent(event);
}void LogMessagesView::mouseReleaseEvent(QMouseEvent *event)
{bPressFlag = false;QGraphicsView::mouseReleaseEvent(event);
}

三、总结

（1）因涉及一些项目内容，此处暂不提供源码，请谅解。读者需根据上述思路去完成自己的代码。
（2）可执行程序已上传到CSDN（centos6.6下运行）：http://download.csdn.net/detail/taiyang1987912/9436720。
（3）若有问题或建议，请留言，在此感谢！

这篇关于Qt浅谈之四十四动态显示日志（QGraphicsItem）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/797520。

相关文章

Spring核心思想之浅谈IoC容器与依赖倒置(DI)

Spring核心思想之浅谈IoC容器与依赖倒置(DI)

《Spring核心思想之浅谈IoC容器与依赖倒置(DI)》文章介绍了Spring的IoC和DI机制,以及MyBatis的动态代理,通过注解和反射,Spring能够自动管理对象的创建和依赖注入,而MyB... 目录一、控制反转 IoC二、依赖倒置 DI1. 详细概念2. Spring 中 DI 的实现原理三、
阅读更多...
C++中实现调试日志输出

C++中实现调试日志输出

《C++中实现调试日志输出》在C++编程中,调试日志对于定位问题和优化代码至关重要,本文将介绍几种常用的调试日志输出方法,并教你如何在日志中添加时间戳,希望对大家有所帮助... 目录1. 使用 #ifdef _DEBUG 宏2. 加入时间戳：精确到毫秒3.Windows 和 MFC 中的调试日志方法MFC
阅读更多...
SpringBoot如何使用TraceId日志链路追踪

SpringBoot如何使用TraceId日志链路追踪

《SpringBoot如何使用TraceId日志链路追踪》文章介绍了如何使用TraceId进行日志链路追踪,通过在日志中添加TraceId关键字,可以将同一次业务调用链上的日志串起来,本文通过实例代码... 目录项目场景：实现步骤1、pom.XML 依赖2、整合logback，打印日志，logback-sp
阅读更多...
基于Qt Qml实现时间轴组件

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用
阅读更多...
基于Qt开发一个简单的OFD阅读器

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要
阅读更多...
python与QT联合的详细步骤记录

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》：本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho
阅读更多...
QT实现TCP客户端自动连接

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷：无法手动停
阅读更多...
基于Qt实现系统主题感知功能

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置（如深色模式或浅色模式）自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类（SystemThemeHelper）三、实现细节
阅读更多...
Qt实现文件的压缩和解压缩操作

Qt实现文件的压缩和解压缩操作

《Qt实现文件的压缩和解压缩操作》这篇文章主要为大家详细介绍了如何使用Qt库中的QZipReader和QZipWriter实现文件的压缩和解压缩功能,文中的示例代码简洁易懂,需要的可以参考一下... 目录一、实现方式二、具体步骤1、在.pro文件中添加模块gui-private2、通过QObject方式创建
阅读更多...
Qt QWidget实现图片旋转动画

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2