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

qt,q3d,q3dsurface,demo · 浏览次数 : 0

小编点评

本文详细介绍了qt中的三维开发框架q3d,特别关注了三维曲面图的颜色表现方式。文章首先概述了q3d的功能和局限,然后深入讲解了其在颜色表现方面的功能,并通过一个实际的演示项目展示了q3d在三维图表中的应用,包括纯色、渐进色、颜色风格的选择,以及如何通过不同的摄像头投影和颜色样式来改变图表的外观。 1. **功能与局限**: - q3d是一个提供三维开发功能的框架,但并非广泛使用,性能有限。 - 文章强调了q3d在普通三维展示应用中的适用性,尤其是在三维图表方面。 2. **演示项目介绍**: - 本文通过一个名为Q3DSurfaceColorWidget的demo展示了q3d在三维曲面图颜色表现上的多样性。 - 包括了纯色、渐进色的颜色设定,以及颜色风格的均匀、对象梯度、范围梯度等多种选择。 3. **三维图表实例解析**: - 论文详细解析了一个使用q3d构建的三维曲线图表实例。 - 包括了图表元素的配置、颜色样式的设置,以及模拟数据的添加。 4. **颜色表现方法**: - 文章详细探讨了颜色表现的不同方法,包括但不限于单色渲染、使用渐变色、范围梯度等。 - 提供了详细的代码示例和分析,以帮助读者理解如何实现这些颜色表现方法。 5. **总结与展望**: - 文章通过工程构建流程的描述,为读者提供了一个从配置到实现的全面视角。 - 同时,作者承认在测试多选时colorStyle效果存在问题,这表明了在q3d中进行更高级颜色交互功能可能需要更多的探索和研究。 总的来说,本文不仅提供了q3d框架在三维图表开发中的颜色表现方法的深入了解,而且通过实例分析,展示了如何在实际项目中应用这些知识,使得读者可以对q3d有一个更加全面的认识。

正文

前言

  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以及代码详解

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

[Qt开发]当我们在开发兼容高分辨率和高缩放比、高DPI屏幕的软件时,我们在谈论什么。

前言 最近在开发有关高分辨率屏幕的软件,还是做了不少尝试的,当然我们也去网上查了不少资料,但是网上的资料也很零碎,说不明白,这样的话我就做个简单的总结,希望看到这的你可以一次解决你有关不同分辨率下的所有问题。 分辨率?DPI? 首先我们搞清楚我们现在到底面对的是什么场景。在开发高分屏的时候,实际上不

C++(Qt)-GIS开发-简易瓦片地图下载器

Qt-GIS开发-简易瓦片地图下载器 目录Qt-GIS开发-简易瓦片地图下载器1、概述2、安装openssl3、实现效果4、主要代码4.1 算法函数4.2 瓦片地图下载url拼接4.3 多线程下载5、源码地址6、参考 更多精彩内容 个人内容分类汇总 GIS开发 1、概述 支持单线

Qt-qrencode开发-生成、显示二维码

将qrencode使用Qt封装为一个生成、显示二维码的控件; 支持使用QPainter绘制显示二维码; 可通过函数接口返回生成的二维码QImage; 可通过调用函数将生成的二维码保存到指定路径; 支持使用源码嵌入工程(更好的跨平台、支持各种编译器); 支持使用编译好的静态库(MSVC2017-64)...

QtCreator 跨平台开发添加动态库教程(以OpenCV库举例)- Windows篇

Qt具有跨平台的特性,即Qt数据结构与算法库本身跨平台和编译脚本(.pro)跨平台。在同时具有Windows下和Linux开发的需求时,最好的建议是使用QtCreator来开发,虽然也可以使用其他的IDE配合CMake等方式,但使用QtCreator更加方便,并且操作环境完全一致。QtCreator

RK3588开发笔记(四):基于定制的RK3588一体主板升级镜像

前言 方案商定制的主板,加入了360°环视算法功能,涉及到了一些库的添加,重新制作了依赖库的镜像,镜像更新的原来的板子上。 定制的板子 升级接口type-c 设计接口是type-c,需要通过type-c数据线转USB连接电脑,这里开发板都是USB对USB口的线,设计有所不同。 升级按键方法 这里的按

硬件开发笔记(二十一):外部搜索不到的元器件封装可尝试使用AD21软件的“ManufacturerPart Search”功能

前言 这是一个AD的一个强大的新功能,能招到元器件的原理图、3D模型还有价格厂家,但是不一定都有,有了也不一定有其3D模型。 ManufacturerPart Search 在设计工具中选择即用型元件 直接搜索,搜索到需要使用的元器件。在Altium Designer中,直接选中设备元件。无需使用第

硬件开发笔记(十九):Altium Designer 21软件介绍和安装过程

前言 AD硬件设计软件之一,前面说了allego,但是allego对项目的管理、原理图生成PCB,PCB反向原理图等方面比较复杂,对于一般的硬件(非多个高速电路),选择AD能够加大的节省开发工作量。 本篇介绍AD21、AD21较20新增的高效功能和其安装过程。 Altium Designer 21

硬件开发笔记(十八):核心板与底板之间的连接方式介绍说明:板对板连接器

前言 核心板与底板之间的连接方式至少就有四种以上,包括且不限于:DIP直插、板对板连接器、邮票孔和金手指。 常用连方式介绍 DIP直插 DIP就是以前的元器件封装,直接DIP插入焊接,宿便找了个,如下图: 可以定制自己的,一般来说,没有高速电路问题不大,但是这种方式对于复杂的底板可能布线就比较麻烦,

QGIS开发笔记(二):Windows安装版二次开发环境搭建(上):安装OSGeo4W运行依赖其Qt的基础环境Demo

前言 使用QGis的目的是进行二次开发,或者说是融入我们的应用(无人车、无人船、无人机),本片描述搭建QGis二次基础开发环境,由于实在是太长了,进行了分篇: 上半部分:主要是安装好后,使用QtCreator可以使用QGIs的apps下的Qt使用对应的编译器编译不带qgis的空工程。 下半部分:在上