Basic Graphics Layouts Example 官方示例 笔记

2023-10-17 17:32

本文主要是介绍Basic Graphics Layouts Example 官方示例 笔记,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

参考例子:https://doc.qt.io/qt-5/qtwidgets-graphicsview-basicgraphicslayouts-example.html

QGraphicsItem
用于绘制图形项的类。
如果想绘制自定义的图形项,需要继承该类,并实现它里面的两个虚函数:boundingRect()、paint()。
boundingRect() 用于返回 item 绘制的区域的数据,在paint() 函数里实现该 item 的具体绘制。

QGraphicsLayoutItem Class
该类是一个抽象类,通过继承该类,可以让你自定义的 item 能够被布局管理。
QGraphicsLayoutItem 定义了一组虚函数,描述了QGraphicsLayout排列的任何对象的大小、大小策略和大小提示。

QGraphicsLinearLayout Class
继承于 QGraphicsLayoutItem。
该类在Graphics View中提供水平或垂直的布局来管理Widget。默认是水平。

QGraphicsGridLayout Class
继承于 QGraphicsLayoutItem。
该类在Graphcis View中提供网格布局来管理Widget。

源码:

// window.h
#ifndef WINDOW_H
#define WINDOW_H#include <QGraphicsWidget>//! [0]
class Window : public QGraphicsWidget
{Q_OBJECT
public:Window(QGraphicsWidget *parent = nullptr);};
//! [0]#endif  //WINDOW_H
// window.cpp
#include "window.h"
#include "layoutitem.h"#include <QGraphicsLinearLayout>
#include <QGraphicsGridLayout>Window::Window(QGraphicsWidget *parent) : QGraphicsWidget(parent, Qt::Window)
{
//! [0]QGraphicsLinearLayout *windowLayout = new QGraphicsLinearLayout(Qt::Vertical);QGraphicsLinearLayout *linear = new QGraphicsLinearLayout(windowLayout);LayoutItem *item = new LayoutItem;linear->addItem(item);linear->setStretchFactor(item, 1);
//! [0]//! [1]item = new LayoutItem;linear->addItem(item);linear->setStretchFactor(item, 3);windowLayout->addItem(linear);
//! [1]//! [2]QGraphicsGridLayout *grid = new QGraphicsGridLayout(windowLayout);item = new LayoutItem;grid->addItem(item, 0, 0, 4, 1);item = new LayoutItem;item->setMaximumHeight(item->minimumHeight());grid->addItem(item, 0, 1, 2, 1, Qt::AlignVCenter);item = new LayoutItem;item->setMaximumHeight(item->minimumHeight());grid->addItem(item, 2, 1, 2, 1, Qt::AlignVCenter);item = new LayoutItem;grid->addItem(item, 0, 2);item = new LayoutItem;grid->addItem(item, 1, 2);item = new LayoutItem;grid->addItem(item, 2, 2);item = new LayoutItem;grid->addItem(item, 3, 2);windowLayout->addItem(grid);
//! [2]//! [3]setLayout(windowLayout);setWindowTitle(tr("Basic Graphics Layouts Example"));
//! [3]
}
// layoutitem.h
#ifndef LAYOUTITEM_H
#define LAYOUTITEM_H#include <QGraphicsLayoutItem>
#include <QGraphicsItem>
#include <QPixmap>//! [0]
class LayoutItem : public QGraphicsLayoutItem, public QGraphicsItem
{
public:LayoutItem(QGraphicsItem *parent = nullptr);// Inherited from QGraphicsLayoutItemvoid setGeometry(const QRectF &geom) override;QSizeF sizeHint(Qt::SizeHint which, const QSizeF &constraint = QSizeF()) const override;// Inherited from QGraphicsItemQRectF boundingRect() const override;void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget = nullptr) override;private:QPixmap m_pix;
};
//! [0]#endif // LAYOUTITEM_H
// layoutitem.cpp
#include "layoutitem.h"#include <QGradient>
#include <QPainter>//! [0]
LayoutItem::LayoutItem(QGraphicsItem *parent): QGraphicsLayoutItem(), QGraphicsItem(parent),m_pix(QPixmap(QLatin1String("../layoutdemo1-copy/block.png")))
{setGraphicsItem(this);
}
//! [0]//! [1]
void LayoutItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget)
{Q_UNUSED(widget);Q_UNUSED(option);QRectF frame(QPointF(0, 0), geometry().size());const QSizeF pmSize = m_pix.size();QGradientStops stops;
//! [1]//! [2]// paint a background rect (with gradient)QLinearGradient gradient(frame.topLeft(), frame.topLeft() + QPointF(200,200));stops << QGradientStop(0.0, QColor(60, 60,  60));stops << QGradientStop(frame.height() / 2 / frame.height(), QColor(102, 176, 54));//stops << QGradientStop(((frame.height() + h)/2 )/frame.height(), QColor(157, 195,  55));stops << QGradientStop(1.0, QColor(215, 215, 215));gradient.setStops(stops);painter->setBrush(QBrush(gradient));painter->drawRoundedRect(frame, 10.0, 10.0);// paint a rect around the pixmap (with gradient)QPointF pixpos = frame.center() - (QPointF(pmSize.width(), pmSize.height()) / 2);QRectF innerFrame(pixpos, pmSize);innerFrame.adjust(-4, -4, 4, 4);gradient.setStart(innerFrame.topLeft());gradient.setFinalStop(innerFrame.bottomRight());stops.clear();stops << QGradientStop(0.0, QColor(215, 255, 200));stops << QGradientStop(0.5, QColor(102, 176, 54));stops << QGradientStop(1.0, QColor(0, 0,  0));gradient.setStops(stops);painter->setBrush(QBrush(gradient));painter->drawRoundedRect(innerFrame, 10.0, 10.0);painter->drawPixmap(pixpos, m_pix);
}
//! [2]//! [3]
QRectF LayoutItem::boundingRect() const
{return QRectF(QPointF(0, 0), geometry().size());
}
//! [3]//! [4]
void LayoutItem::setGeometry(const QRectF &geom)
{prepareGeometryChange();QGraphicsLayoutItem::setGeometry(geom);setPos(geom.topLeft());
}
//! [4]//! [5]
QSizeF LayoutItem::sizeHint(Qt::SizeHint which, const QSizeF &constraint) const
{switch (which) {case Qt::MinimumSize:case Qt::PreferredSize:// Do not allow a size smaller than the pixmap with two frames around it.return m_pix.size() + QSize(12, 12);case Qt::MaximumSize:return QSizeF(1000,1000);default:break;}return constraint;
}
//! [5]

这篇关于Basic Graphics Layouts Example 官方示例 笔记的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/226908

相关文章

MySQL常用字符串函数示例和场景介绍

《MySQL常用字符串函数示例和场景介绍》MySQL提供了丰富的字符串函数帮助我们高效地对字符串进行处理、转换和分析,本文我将全面且深入地介绍MySQL常用的字符串函数,并结合具体示例和场景,帮你熟练... 目录一、字符串函数概述1.1 字符串函数的作用1.2 字符串函数分类二、字符串长度与统计函数2.1

SQL Server 中的 WITH (NOLOCK) 示例详解

《SQLServer中的WITH(NOLOCK)示例详解》SQLServer中的WITH(NOLOCK)是一种表提示,等同于READUNCOMMITTED隔离级别,允许查询在不获取共享锁的情... 目录SQL Server 中的 WITH (NOLOCK) 详解一、WITH (NOLOCK) 的本质二、工作

MySQL CTE (Common Table Expressions)示例全解析

《MySQLCTE(CommonTableExpressions)示例全解析》MySQL8.0引入CTE,支持递归查询,可创建临时命名结果集,提升复杂查询的可读性与维护性,适用于层次结构数据处... 目录基本语法CTE 主要特点非递归 CTE简单 CTE 示例多 CTE 示例递归 CTE基本递归 CTE 结

Spring AI使用tool Calling和MCP的示例详解

《SpringAI使用toolCalling和MCP的示例详解》SpringAI1.0.0.M6引入ToolCalling与MCP协议,提升AI与工具交互的扩展性与标准化,支持信息检索、行动执行等... 目录深入探索 Spring AI聊天接口示例Function CallingMCPSTDIOSSE结束语

go动态限制并发数量的实现示例

《go动态限制并发数量的实现示例》本文主要介绍了Go并发控制方法,通过带缓冲通道和第三方库实现并发数量限制,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录带有缓冲大小的通道使用第三方库其他控制并发的方法因为go从语言层面支持并发,所以面试百分百会问到

PyTorch中的词嵌入层(nn.Embedding)详解与实战应用示例

《PyTorch中的词嵌入层(nn.Embedding)详解与实战应用示例》词嵌入解决NLP维度灾难,捕捉语义关系,PyTorch的nn.Embedding模块提供灵活实现,支持参数配置、预训练及变长... 目录一、词嵌入(Word Embedding)简介为什么需要词嵌入?二、PyTorch中的nn.Em

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

Spring Bean初始化及@PostConstruc执行顺序示例详解

《SpringBean初始化及@PostConstruc执行顺序示例详解》本文给大家介绍SpringBean初始化及@PostConstruc执行顺序,本文通过实例代码给大家介绍的非常详细,对大家的... 目录1. Bean初始化执行顺序2. 成员变量初始化顺序2.1 普通Java类(非Spring环境)(

Java Spring的依赖注入理解及@Autowired用法示例详解

《JavaSpring的依赖注入理解及@Autowired用法示例详解》文章介绍了Spring依赖注入(DI)的概念、三种实现方式(构造器、Setter、字段注入),区分了@Autowired(注入... 目录一、什么是依赖注入(DI)?1. 定义2. 举个例子二、依赖注入的几种方式1. 构造器注入(Con

Spring Boot 3.x 中 WebClient 示例详解析

《SpringBoot3.x中WebClient示例详解析》SpringBoot3.x中WebClient是响应式HTTP客户端,替代RestTemplate,支持异步非阻塞请求,涵盖GET... 目录Spring Boot 3.x 中 WebClient 全面详解及示例1. WebClient 简介2.