Qt开发技术：Q3D图表开发笔记（四）：Q3DSurface三维曲面图颜色样式详解、Demo以及代码详解

转载作者：撒哈拉更新时间：2024-06-04 15:05:20

前言

qt提供了q3d进行三维开发，虽然这个框架没有得到大量运用也不是那么成功，性能上也有很大的欠缺，但是普通的点到为止的应用展示还是可以的。其中就包括华丽绚烂的三维图表，数据量不大的时候是可以使用的。前面介绍了基础的q3d散点图、柱状图、三维曲面图，本片深入对三维曲面图支持的颜色表现方式进行探讨.

Demo：Q3DSurface散点图颜色演示效果

纯色、选中点的颜色。

渐进色、选中点的颜色。

按照y轴参与渐进色。

Q3D提供的三维图表

依赖QtDataVisualization。在安装qt的时候要选择安装QtDataVisualization模块.

Q3DScatter散点图

Q3D的散点图，性能大约支撑1000个点可以不卡顿，具体依赖pc，1000个点是什么概念，可以理解为：10x10x10的区域，每个区域一个数据点。。

Q3DBars柱状图

Q3D的柱状图，性能跟散点图类似。。

Q3DSurface平面凹凸图，平面纹理图，平面曲线图

Q3D的柱状图，性能跟散点图类似。。

Q3DSurface平面曲线图

简介

Q3DSurface类提供了渲染3D曲面图的方法。该类使开发人员能够渲染3D表面图，并通过自由旋转场景来查看它们。可以通过QSurface3DSeries控制曲面的视觉，例如绘制模式和着色。 Q3DSurface通过在用户用鼠标左键点击的数据点上显示高亮显示的球（当使用默认输入处理程序时）或通过QSurface3DSeries进行选择来支持选择。选择指针附带一个标签，在默认情况下，该标签显示数据点的值和点的坐标。轴上显示的值范围和标签格式可以通过QValue3DAxis进行控制。要旋转图形，请按住鼠标右键并移动鼠标。缩放是使用鼠标滚轮完成的。两者都假设默认的输入处理程序正在使用中。如果没有将任何轴明确设置为Q3DSurface，则会创建不带标签的临时默认轴。这些默认轴可以通过轴访问器进行修改，但只要明确设置了方向的任何轴，该方向的默认轴就会被破坏.

摄像机预制类型：CameraPreset

注意：所有的东西都不能低于最低的Y平面从下网上看。枚举如下，在Demo中动态调整查看效果:

CameraPresetNone：用于指示尚未设置预设或场景已自由旋转
CameraPresetFrontLow：相机预设前低（实际y中间）
CameraPresetFront：相机预设前（实际前面俯视图，约45°向下）
CameraPresetFrontHigh：相机预设前高（实际前面俯视图，约60°向下）
CameraPresetLeftLow：相机预设左低
CameraPresetLeft：相机预设左
CameraPresetLeftHigh：相机预设左高
CameraPresetRightLow：相机预设右低
CameraPresetRight：相机预设右
CameraPresetRightHigh：相机预设右高
CameraPresetBehindLow：相机预设后低
CameraPresetBehind：相机预设后
CameraPresetBehindHigh：相机预设后高
CameraPresetIsometricLeft：相机预设左45°
CameraPresetIsometricLeftHigh：相机预设左45°高
CameraPresetIsometricRight：相机预设右45°
CameraPresetIsometricRightHigh：相机预设右45°高
CameraPresetDirectlyAbove：相机预设，中间往下看旋转Y
CameraPresetDirectlyAboveCW45：相机预设，中间往下看正旋转Y45°度不同
CameraPresetDirectlyAboveCCW45：相机预设，中间往下看逆旋转Y45°角度不同
CameraPresetFrontBelow：相机预设前下
CameraPresetLeftBelow：相机预设左下
CameraPresetRightBelow：相机预设右下
CameraPresetBehindBelow：相机预设直接在后下，实际与xz不能再往下了
CameraPresetDirectlyBelow：相机预设直接在下，实际与xz不能再往下了，对于仅为正的条形，充当CameraPresetFrontLow。

颜色样式：colorStyle

注意：实测multiHightlightColor没测出来，多选的时候是这个颜色，但是设置选择模式无法一个曲面多选几个点，以下都是这样的测试结果.

ColorStyleUniform：对象以单一颜色渲染。使用的颜色在baseColors、singleHighlightColor和multiHighlightColor属性中指定。

// 设置颜色样式 _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleUniform); // 设置颜色 _pSurface3DSeries->setBaseColor(Qt::red); // 选中颜色 _pSurface3DSeries->setSingleHighlightColor(Qt::blue); // 使用 _pQ3DSurface->setSelectionMode(QAbstract3DGraph::SelectionItem // | QAbstract3DGraph::SelectionRow // | QAbstract3DGraph::SelectionMultiSeries); // 也未测试出来 _pSurface3DSeries->setMultiHighlightColor(Qt::green);

ColorStyleObjectGradient：无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。

    // 设置颜色样式 _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleObjectGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(0.333, Qt::blue); linearGradient.setColorAt(0.667, Qt::green); linearGradient.setColorAt(1.0, Qt::gray); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green);

ColorStyleRangeGradient : 使用由对象的高度及其在Y轴上的位置确定的完整渐变的一部分对对象进行着色。使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate属性中指定。

    // 设置颜色样式 _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleRangeGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(1.0, Qt::green); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green);

Q3DDemo构建流程解析

步骤一：确认安装QtDataVisualization模块

如何确认，则是在帮助文件中查看是否有Q3dscatter类。一般是安装了模块才会有对应的帮助文件。没有则重新安装qt或者单独安装该模块。。

步骤二：工程配置文件中加入模块

Q3d是在数据可视化模块中，需要在pro或者pri配置文件中添加.

QT += datavisualization

在这里插入图片描述

步骤三：添加使用到的头文件

使用到Q3DBar相关类中添加头文件，主要使用到Q3DBar、QBar3DSeries、QBarDataRow等等.

#include <Q3DBars> #include <Q3DTheme> #include <Q3DSurface> #include <QVector3D>

在这里插入图片描述

步骤四：添加命名空间

这时候还是无法使用对应的类，需要添加命名空间才行:

using namespace QtDataVisualization;

在这里插入图片描述

步骤五：Q3D的图标基础构建框架

下面是包含注释的Q3DSurface基础构建流程。

    _pQ3DSurface = new Q3DSurface(); _pContainer = QWidget::createWindowContainer(_pQ3DSurface, this); // 设置轴文本 { // 注意笛卡尔坐标 _pQ3DSurface->axisX()->setTitle("经度(°)"); _pQ3DSurface->axisX()->setTitleVisible(true); _pQ3DSurface->axisY()->setTitle("高度(m)"); _pQ3DSurface->axisY()->setTitleVisible(true); _pQ3DSurface->axisZ()->setTitle("纬度(°)"); _pQ3DSurface->axisZ()->setTitleVisible(true); } // 设置轴范围 { // 注意笛卡尔坐标 _pQ3DSurface->axisX()->setRange(0, 359); _pQ3DSurface->axisY()->setRange(0, 100); _pQ3DSurface->axisZ()->setRange(0, 359); } // 生成一个曲线 _pSurface3DSeries = new QSurface3DSeries(_pQ3DSurface); // 设置渲染平滑 _pSurface3DSeries->setMeshSmooth(true); // 设置渲染模式 // DrawWireframe : 绘制栅格 // DrawSurface : 绘制表面 // DrawSurfaceAndWireframe : 绘制栅格和图表面 _pSurface3DSeries->setDrawMode(QSurface3DSeries::DrawSurface); #if 0 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleUniform); // 设置颜色 _pSurface3DSeries->setBaseColor(Qt::red); // 选中颜色 _pSurface3DSeries->setSingleHighlightColor(Qt::blue); // 使用 _pQ3DSurface->setSelectionMode(QAbstract3DGraph::SelectionItem // | QAbstract3DGraph::SelectionRow // | QAbstract3DGraph::SelectionMultiSeries); // 也未测试出来 _pSurface3DSeries->setMultiHighlightColor(Qt::green); #endif #if 0 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleObjectGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(0.333, Qt::blue); linearGradient.setColorAt(0.667, Qt::green); linearGradient.setColorAt(1.0, Qt::gray); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green); #endif #if 1 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : 使用由对象的高度及其在Y轴上的位置确定的完整渐变的一部分对对象进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate属性中指定。 _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleRangeGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(1.0, Qt::green); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green); #endif #if 0 // 设置渐进色 QLinearGradient *pLinearGradient = new QLinearGradient(0, 0,100,100); pLinearGradient->setColorAt(0, Qt::red); pLinearGradient->setColorAt(1.0, Qt::blue); _pSurface3DSeries->setBaseGradient(*pLinearGradient); #endif // 视图添加该曲线 _pQ3DSurface->addSeries(_pSurface3DSeries); // 设置阴影质量 _pQ3DSurface->setShadowQuality(QAbstract3DGraph::ShadowQualitySoftLow); // 设置视角 _pQ3DSurface->scene()->activeCamera()->setCameraPreset(Q3DCamera::CameraPresetNone); // 设置子网格 _pQ3DSurface->activeTheme()->setGridEnabled(true); #if 1 // 添加模拟数据 QSurfaceDataArray *pSurfaceDataArray = new QSurfaceDataArray; #if 1 #if 1 // 这是 z 纬度 for(int n = 0; n < 360; n++) { QSurfaceDataRow *pSurfaceDataRow = new QSurfaceDataRow; // 这是 x 经度 for(int m = 0; m < 360; m++) { #if 0 // 注意与笛卡尔坐标进行映射 *pSurfaceDataRow << QVector3D(m, n / 7 + m / 7, n); #else // 注意与笛卡尔坐标进行映射（超过180的下沉） *pSurfaceDataRow << QVector3D(m, n / 7 + m / 7 - (m > 180 ? n / 3 : 0), n); #endif } *pSurfaceDataArray << pSurfaceDataRow; } #else for(int n = 0; n < 360; n++) { QSurfaceDataRow *pSurfaceDataRow = new QSurfaceDataRow; // 这是 x 经度 for(int m = 0; m < 360; m++) { // 注意与笛卡尔坐标进行映射 *pSurfaceDataRow << QVector3D(m, qrand() % 100, n); LOG << n << m; } *pSurfaceDataArray << pSurfaceDataRow; } #endif #else QSurfaceDataRow *pSurfaceDataRow1 = new QSurfaceDataRow; QSurfaceDataRow *pSurfaceDataRow2 = new QSurfaceDataRow; QSurfaceDataRow *pSurfaceDataRow3 = new QSurfaceDataRow; // 行与行之间，要形成一个四点成面 *pSurfaceDataRow1 << QVector3D(0, 0, 0) << QVector3D(359, 20, 0); *pSurfaceDataRow2 << QVector3D(50, 20, 179) << QVector3D(359, 40, 179); *pSurfaceDataRow3 << QVector3D(100, 80, 359) << QVector3D(359, 100, 359); *pSurfaceDataArray << pSurfaceDataRow1 << pSurfaceDataRow2 << pSurfaceDataRow3; #endif // 添加数据(自动冲掉之前的数据) _pSurface3DSeries->dataProxy()->resetArray(pSurfaceDataArray); #endif _pQ3DSurface->addSeries(_pSurface3DSeries); _pQ3DSurface->show();

Demo源码

Q3dSurfaceColorWidget.h

#ifndef Q3DSURFACECOLORWIDGET_H #define Q3DSURFACECOLORWIDGET_H #include <QWidget> #include <Q3DSurface> #include <Q3DTheme> #include <QSurface3DSeries> #include <QVector3D> using namespace QtDataVisualization; namespace Ui { class Q3dSurfaceColorWidget; } class Q3dSurfaceColorWidget : public QWidget { Q_OBJECT public: explicit Q3dSurfaceColorWidget(QWidget *parent = 0); ~Q3dSurfaceColorWidget(); public: void setCameraPreset(Q3DCamera::CameraPreset cameraPreset); protected: void initControl(); protected: void resizeEvent(QResizeEvent *event); private slots: void on_comboBox_cameraPreset_currentIndexChanged(int index); private: Ui::Q3dSurfaceColorWidget *ui; private: Q3DSurface *_pQ3DSurface; // q3d平面曲线图 QWidget *_pContainer; // q3d窗口容器 QSurface3DSeries *_pSurface3DSeries ; // q3d柱状图数据 }; #endif // Q3DSURFACECOLORWIDGET_H

Q3dSurfaceColorWidget.cpp

#include "Q3dSurfaceColorWidget.h" #include "ui_Q3dSurfaceColorWidget.h" #include <Q3DTheme> #include <QDebug> #include <QDateTime> //#define LOG qDebug()<<__FILE__<<__LINE__ //#define LOG qDebug()<<__FILE__<<__LINE__<<__FUNCTION__ //#define LOG qDebug()<<__FILE__<<__LINE__<<QThread()::currentThread() //#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd") #define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss:zzz") Q3dSurfaceColorWidget::Q3dSurfaceColorWidget(QWidget *parent) : QWidget(parent), ui(new Ui::Q3dSurfaceColorWidget), _pQ3DSurface(0), _pContainer(0), _pSurface3DSeries(0) { ui->setupUi(this); QString version = "v1.0.0"; initControl(); } Q3dSurfaceColorWidget::~Q3dSurfaceColorWidget() { delete ui; } void Q3dSurfaceColorWidget::setCameraPreset(Q3DCamera::CameraPreset cameraPreset) { // 设置视角 // CameraPresetNone = -1, : 用于指示尚未设置预设，或场景已自由旋转。 // CameraPresetFrontLow = 0, : // CameraPresetFront, : // CameraPresetFrontHigh, : // CameraPresetLeftLow, : // CameraPresetLeft, : // CameraPresetLeftHigh, : // CameraPresetRightLow, : // CameraPresetRight, : // CameraPresetRightHigh, : // CameraPresetBehindLow, : // CameraPresetBehind, : // CameraPresetBehindHigh, : // CameraPresetIsometricLeft, : // CameraPresetIsometricLeftHigh, : // CameraPresetIsometricRight, : // CameraPresetIsometricRightHigh, : // CameraPresetDirectlyAbove, : // CameraPresetDirectlyAboveCW45, : // CameraPresetDirectlyAboveCCW45, : // CameraPresetFrontBelow, : // CameraPresetLeftBelow, : // CameraPresetRightBelow, : // CameraPresetBehindBelow, : // CameraPresetDirectlyBelow : // 设置视角 if(_pQ3DSurface) { _pQ3DSurface->scene()->activeCamera()->setCameraPreset(cameraPreset); } } void Q3dSurfaceColorWidget::initControl() { // 视角预置 { // 设置视角 // CameraPresetNone = -1, : 用于指示尚未设置预设，或场景已自由旋转。 // CameraPresetFrontLow = 0, : // CameraPresetFront, : // CameraPresetFrontHigh, : // CameraPresetLeftLow, : // CameraPresetLeft, : // CameraPresetLeftHigh, : // CameraPresetRightLow, : // CameraPresetRight, : // CameraPresetRightHigh, : // CameraPresetBehindLow, : // CameraPresetBehind, : // CameraPresetBehindHigh, : // CameraPresetIsometricLeft, : // CameraPresetIsometricLeftHigh, : // CameraPresetIsometricRight, : // CameraPresetIsometricRightHigh, : // CameraPresetDirectlyAbove, : // CameraPresetDirectlyAboveCW45, : // CameraPresetDirectlyAboveCCW45, : // CameraPresetFrontBelow, : // CameraPresetLeftBelow, : // CameraPresetRightBelow, : // CameraPresetBehindBelow, : // CameraPresetDirectlyBelow : ui->comboBox_cameraPreset->clear(); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetNone"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetFrontLow = 0"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetFront"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetFrontHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetLeftLow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetLeft"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetLeftHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetRightLow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetRight"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetRightHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetBehindLow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetBehind"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetBehindHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetIsometricLeft"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetIsometricLeftHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetIsometricRight"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetIsometricRightHigh"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetDirectlyAbove"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetDirectlyAboveCW45"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetDirectlyAboveCCW45"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetFrontBelow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetLeftBelow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetRightBelow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetBehindBelow"); ui->comboBox_cameraPreset->addItem("Q3DCamera::CameraPresetDirectlyBelow"); ui->comboBox_cameraPreset->setCurrentText("Q3DCamera::CameraPresetNone"); } _pQ3DSurface = new Q3DSurface(); _pContainer = QWidget::createWindowContainer(_pQ3DSurface, this); // 设置轴文本 { // 注意笛卡尔坐标 _pQ3DSurface->axisX()->setTitle("经度(°)"); _pQ3DSurface->axisX()->setTitleVisible(true); _pQ3DSurface->axisY()->setTitle("高度(m)"); _pQ3DSurface->axisY()->setTitleVisible(true); _pQ3DSurface->axisZ()->setTitle("纬度(°)"); _pQ3DSurface->axisZ()->setTitleVisible(true); } // 设置轴范围 { // 注意笛卡尔坐标 _pQ3DSurface->axisX()->setRange(0, 359); _pQ3DSurface->axisY()->setRange(0, 100); _pQ3DSurface->axisZ()->setRange(0, 359); } // 生成一个曲线 _pSurface3DSeries = new QSurface3DSeries(_pQ3DSurface); // 设置渲染平滑 _pSurface3DSeries->setMeshSmooth(true); // 设置渲染模式 // DrawWireframe : 绘制栅格 // DrawSurface : 绘制表面 // DrawSurfaceAndWireframe : 绘制栅格和图表面 _pSurface3DSeries->setDrawMode(QSurface3DSeries::DrawSurface); #if 0 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleUniform); // 设置颜色 _pSurface3DSeries->setBaseColor(Qt::red); // 选中颜色 _pSurface3DSeries->setSingleHighlightColor(Qt::blue); // 使用 _pQ3DSurface->setSelectionMode(QAbstract3DGraph::SelectionItem // | QAbstract3DGraph::SelectionRow // | QAbstract3DGraph::SelectionMultiSeries); // 也未测试出来 _pSurface3DSeries->setMultiHighlightColor(Qt::green); #endif #if 0 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleObjectGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(0.333, Qt::blue); linearGradient.setColorAt(0.667, Qt::green); linearGradient.setColorAt(1.0, Qt::gray); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green); #endif #if 1 // 设置颜色样式 // ColorStyleUniform = 0 : 对象以单一颜色渲染。使用的颜色在baseColors、 // singleHighlightColor和multiHighlightColor属性中指定。 // ColorStyleObjectGradient : 无论对象的高度如何，对象都将使用每个对象的全渐变进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate 属性中指定。 // ColorStyleRangeGradient : 使用由对象的高度及其在Y轴上的位置确定的完整渐变的一部分对对象进行着色。 // 使用的渐变在baseGradients、singleHighlightGradient 和 multiHighlightGraduate属性中指定。 _pSurface3DSeries->setColorStyle(Q3DTheme::ColorStyleRangeGradient); // 渐变色 QLinearGradient linearGradient; linearGradient.setColorAt(0.0, Qt::red); linearGradient.setColorAt(1.0, Qt::green); // 设置颜色 _pSurface3DSeries->setBaseGradient(linearGradient); // 选中颜色 // 渐变色2 QLinearGradient linearGradient2; linearGradient2.setColorAt(0.0, Qt::yellow); linearGradient2.setColorAt(1.0, Qt::gray); _pSurface3DSeries->setSingleHighlightGradient(linearGradient2); _pSurface3DSeries->setSingleHighlightColor(Qt::red); // _pSurface3DSeries->setMultiHighlightGraduate(Qt::green); #endif #if 0 // 设置渐进色 QLinearGradient *pLinearGradient = new QLinearGradient(0, 0,100,100); pLinearGradient->setColorAt(0, Qt::red); pLinearGradient->setColorAt(1.0, Qt::blue); _pSurface3DSeries->setBaseGradient(*pLinearGradient); #endif // 视图添加该曲线 _pQ3DSurface->addSeries(_pSurface3DSeries); // 设置阴影质量 _pQ3DSurface->setShadowQuality(QAbstract3DGraph::ShadowQualitySoftLow); // 设置视角 _pQ3DSurface->scene()->activeCamera()->setCameraPreset(Q3DCamera::CameraPresetNone); // 设置子网格 _pQ3DSurface->activeTheme()->setGridEnabled(true); #if 1 // 添加模拟数据 QSurfaceDataArray *pSurfaceDataArray = new QSurfaceDataArray; #if 1 #if 1 // 这是 z 纬度 for(int n = 0; n < 360; n++) { QSurfaceDataRow *pSurfaceDataRow = new QSurfaceDataRow; // 这是 x 经度 for(int m = 0; m < 360; m++) { #if 0 // 注意与笛卡尔坐标进行映射 *pSurfaceDataRow << QVector3D(m, n / 7 + m / 7, n); #else // 注意与笛卡尔坐标进行映射（超过180的下沉） *pSurfaceDataRow << QVector3D(m, n / 7 + m / 7 - (m > 180 ? n / 3 : 0), n); #endif } *pSurfaceDataArray << pSurfaceDataRow; } #else for(int n = 0; n < 360; n++) { QSurfaceDataRow *pSurfaceDataRow = new QSurfaceDataRow; // 这是 x 经度 for(int m = 0; m < 360; m++) { // 注意与笛卡尔坐标进行映射 *pSurfaceDataRow << QVector3D(m, qrand() % 100, n); LOG << n << m; } *pSurfaceDataArray << pSurfaceDataRow; } #endif #else QSurfaceDataRow *pSurfaceDataRow1 = new QSurfaceDataRow; QSurfaceDataRow *pSurfaceDataRow2 = new QSurfaceDataRow; QSurfaceDataRow *pSurfaceDataRow3 = new QSurfaceDataRow; // 行与行之间，要形成一个四点成面 *pSurfaceDataRow1 << QVector3D(0, 0, 0) << QVector3D(359, 20, 0); *pSurfaceDataRow2 << QVector3D(50, 20, 179) << QVector3D(359, 40, 179); *pSurfaceDataRow3 << QVector3D(100, 80, 359) << QVector3D(359, 100, 359); *pSurfaceDataArray << pSurfaceDataRow1 << pSurfaceDataRow2 << pSurfaceDataRow3; #endif // 添加数据(自动冲掉之前的数据) _pSurface3DSeries->dataProxy()->resetArray(pSurfaceDataArray); #endif _pQ3DSurface->addSeries(_pSurface3DSeries); _pQ3DSurface->show(); } void Q3dSurfaceColorWidget::resizeEvent(QResizeEvent *event) { #if 1 if(_pContainer) { _pContainer->setGeometry(0, 50, rect().width(), rect().height() - 50); _pContainer->lower(); } #endif } void Q3dSurfaceColorWidget::on_comboBox_cameraPreset_currentIndexChanged(int index) { setCameraPreset((Q3DCamera::CameraPreset)(index - 1)); }

工程模板v1.3.0

在这里插入图片描述

最后此篇关于Qt开发技术：Q3D图表开发笔记（四）：Q3DSurface三维曲面图颜色样式详解、Demo以及代码详解的文章就讲到这里了,如果你想了解更多关于Qt开发技术：Q3D图表开发笔记（四）：Q3DSurface三维曲面图颜色样式详解、Demo以及代码详解的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： Web页面性能衡量指标-以用户为中心的效果指标

文章推荐： Stablediffusion采样器详解

文章推荐：面试官：说说Netty对象池的实现原理？

文章推荐： Apisix网关-使用Grafana可视化Apisix的Prometheus数据

r - 曲面 R 的方程
在航空工程中，跑道平面以上的高度 (Z) 与: 从起飞开始的下降距离 (X) 满载飞机使用的跑道长度 (Y)。我们希望从已知 x 和 y 值的观察点 z 的数组中找到 z=f(x,y)。 z 在 x
java - 曲面 View 不起作用
我正在尝试为图形设置表面 View ，但是仍然出现错误，表明我已经必须导入SView了。我尝试的一切似乎都无法正常工作。以下代码中缺少任何内容吗？还是我忘了添加一些东西。 Firstclass.jav
python - 从嵌套字典开发 matplotlib 曲面
我有一个由以下内容生成的数据结构(其中 [a] func1 和 func2 是占位符函数，[b] i1 等是占位符变量值): def func1(x,y,z): return x+y/z de
3d - 切片 NURBS 曲面
我有一个 NURBS surface它有 4 个弯曲的边缘。 (我有曲线的 4 个贝塞尔点) 我想用轴上的切片平面(不如 3DSMAX 先进!)对 NURBS 曲面进行切片，并计算切片平面和 NURB
c++ - OpenGL NURBS 曲面
我正在实现 NURBS 曲面。我想要的只是在每次鼠标单击时 Y 轴上都有递减，所以它看起来像是有太阳或其他行星的重量。 #include #include int PI = 3.145; int
python - Abaqus 曲面 getSequenceFromMask
我在 Abaqus 中编写脚本，在那里我用切圆(如奶酪)粉碎圆形和正方形。我需要在部件之间放置 Contact，所以我需要 Surface。宏管理器生成: s1 = a.instances['kol
python - 绘制多面体的 3D 曲面
我正在尝试使用 Python 和 Matplotlib 渲染由给出的多面体的 3D 表面但是我的代码(如下所示)似乎没有正确绘制它。应该怎么做呢？尝试失败: %matplotlib inline
python - 如何绘制 3D 曲面？
我想绘制一个 3d 曲面，其参数形式为: x = (-2 * (s^2 - t)^ 3) y = log(t*(t-2*s^2)+2*s^2) z = 1/(s^2-t) 其中 s、t 是参数。我使
python - Python:从点云创建3D网格/曲面
关于从Python中的点云进行3D网格重建的问题，有几个主题。通常，当X，Y，Z坐标可用并且不存在体积表示时，通过激光扫描获取。我已经尝试了许多库： matplotlib， mayavi， open3
c++ - 从点云生成近似 NURBS 曲面
我必须编写一个 C++ 程序，根据未组织的点列表，计算这些点所在的近似曲面并生成相应的 NURBS。我已经看过 OpenNurbs，但没有这方面的功能，而 libNURBS 但包含的功能被标记为“研究
c++ - 曲面 segmentation 的理论与算法
我有以下问题: 下面是我在屏幕上绘制立方体的方法: void drawCube() { //glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT)
c++ - 曲面 segmentation 着色器没有输出？
我一直在研究地形 LOD 算法，但主要逻辑在 CPU 上: 我尝试将大部分逻辑转换为 opengl 管道的曲面 segmentation 控制和评估阶段，但没有任何显示: 我将代码缩减为基本的“hel
c - OpenGL NURBS 曲面
我正在学习 OpenGL，我想要一个中间有轻微隆起的表面。我目前正在使用这段代码，但我不确定如何调整 ctrl 点以使其成为我想要的方式。它目前像我希望它是这样的: 我不完全确定我应该使用哪些控制点
python - 在 3D 曲面/等高线图中标记投影的最小值和最大值
我在这里使用标准的 matplotlib surfaceplot 作为示例。 from mpl_toolkits.mplot3d import axes3d import matplotlib.pyp
r - R 中的垂直 3D 曲面
我想使用 R 包 rgl 绘制相交曲面。我有一个 3D 数据数组，在恒定“z”(数组 [,,n])处绘制曲面没有问题。但是，我不知道如何在同一个 rgl 图上绘制垂直面 (array[n,,])。示
opengl - 使用选择框选择 3D 曲面(以两种不同的方式)
我正在创建一个建模软件。我的模型都是由平面多边形组成的，它们只是我用 OpenGL 显示的一组有序顶点。我已经进行了大量搜索，但令我惊讶的是，我没有找到与我正在寻找的应用程序相关的太多信息。我正在尝
c++ - OpenGL 曲面 segmentation 回调未执行
我使用了示例 here将我的镶嵌回调移动到不同的类。代码编译，但回调代码永远不会执行。回调类: template class SingularCallBack { public: typ
computational-geometry - 3D 多面体的精确中轴、曲面、骨架化
我有兴趣寻找软件来计算 3D 多面体的精确中轴(或您选择的术语!)。我想输出将是一个三角形面的列表，可能是边和顶点，代表内侧表面的连接点、薄片和接缝。理想情况下，我想要可以处理所有多面体的东西，包括凹
cairo - 如何在 Gtk 下创建 cairo-gl 曲面
我想在 linux (fedora 12) 下使用 GTK 3 创建一个窗口，并使用 cairo-gl 后端在其上绘制一个简单的矩形，为此我想创建一个 cairo-gl 表面。我该怎么做，任何人都可以
python - 给定顶点 i 在 pylab 中绘制 3d 曲面
我有 6 个点，它们都位于球体的表面，并且是八面体的顶点。我怎样才能在 3d 轴上探索球体内的这个八面体的表面？我有以下代码，但它没有达到我的预期: from mpl_toolkits.mplot3

撒哈拉

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Qt开发技术：Q3D图表开发笔记（四）：Q3DSurface三维曲面图颜色样式详解、Demo以及代码详解

前言

Demo：Q3DSurface散点图颜色演示效果

Q3D提供的三维图表

Q3DScatter散点图

Q3DBars柱状图

Q3DSurface平面凹凸图，平面纹理图，平面曲线图

Q3DSurface平面曲线图

简介

摄像机预制类型：CameraPreset

颜色样式：colorStyle

Q3DDemo构建流程解析

步骤一：确认安装QtDataVisualization模块

步骤二：工程配置文件中加入模块

步骤三：添加使用到的头文件

步骤四：添加命名空间

步骤五：Q3D的图标基础构建框架

Demo源码

Q3dSurfaceColorWidget.h

Q3dSurfaceColorWidget.cpp

工程模板v1.3.0