Qt例子学习笔记 - Examples/Qt-6.2.0/qt3d/controlsunderlay

el/2024/5/23 2:10:27

main.cpp

#include <QGuiApplication>
#include <QQuickView>
#include <Qt3DRender/qt3drender-config.h>int main(int argc, char **argv)
{//QSurfaceFormat格式包括颜色缓冲区的大小,红色、绿色和蓝色;//alpha 缓冲区的大小;//深度和模板缓冲区的大小;//以及用于多重采样的每个像素的样本数。//此外,该格式还包含表面配置参数,例如用于渲染的 //OpenGL 配置文件和版本、是否启用立体缓冲区以及交换行为。QSurfaceFormat format;format.setSamples(4);QSurfaceFormat::setDefaultFormat(format);
#if !QT_CONFIG(qt3d_rhi_renderer)qputenv("QSG_RHI_BACKEND", "opengl");
#endifQGuiApplication app(argc, argv);//QQuickView 类提供了一个用于显示 Qt Quick 用户界面的窗口QQuickView view;view.resize(520, 500);//此枚举指定如何调整视图大小。//QQuickView::SizeRootObjectToView//视图将自动将根项目的大小调整为视图的大小。view.setResizeMode(QQuickView::SizeRootObjectToView);view.setSource(QUrl("qrc:/main.qml"));view.show();return app.exec();
}

main.qml

import QtQuick 2.14
import QtQuick.Scene3D 2.14
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.2Item {id: mainproperty real rotationValue: 0//与 GridLayout 相同,但只有一列ColumnLayout {id: colorLayoutanchors.left: parent.horizontalCenteranchors.leftMargin: parent.width * 0.25anchors.right: parent.rightanchors.rightMargin: 15anchors.top: scene3D.topspacing: 5Text { text: "Appearance"; font.bold: true }Text { text: "Ambient color RGB" }RowLayout {Text { text: "R" }Slider {id: color_rLayout.fillWidth: truefrom: 0to: 255value: 128}}RowLayout {Text { text: "G" }Slider {id: color_gLayout.fillWidth: truefrom: 0to: 255value: 195}}RowLayout {Text { text: "B" }Slider {id: color_bLayout.fillWidth: truefrom: 0to: 255value: 66}}Text { text: "Shininess" }Slider {id: shiningLayout.fillWidth: truefrom: 30to: 90value: 50}}ColumnLayout {id: transformLayoutanchors.left: colorLayout.leftanchors.right: colorLayout.rightanchors.top: colorLayout.bottomanchors.topMargin: 10spacing: 5Text { text: "Item transform"; font.bold: true }Text { text: "Rotation" }RowLayout {Text { text: "X" }Slider {id: rotation_xLayout.fillWidth: truefrom: -45to: 45value: rotationValue}}RowLayout {Text { text: "Y" }Slider {id: rotation_yLayout.fillWidth: truefrom: -45to: 45value: rotationValue}}RowLayout {Text { text: "Z" }Slider {id: rotation_zLayout.fillWidth: truefrom: -45to: 45value: rotationValue}}RowLayout {CheckBox {id: animation; text: "Animation"; checked: false}}}ColumnLayout {id: cameraLayoutanchors.left: colorLayout.leftanchors.right: colorLayout.rightanchors.top: transformLayout.bottomanchors.topMargin: 10spacing: 5Text { text: "Camera"; font.bold: true }Text { text: "View Ctr Z: " + watch.cameraZ.toFixed(2) }Slider {id: viewCenter_zLayout.fillWidth: truefrom: 4to: 12value: 7.5onValueChanged: watch.setPositionZ(value)}Button {id: viewAllLayout.fillWidth: truetext: "View All"onClicked: watch.viewLogo()}}// 在 QML 文件中的位置和 Scene3D 的大小//在Underlay模式下没有实际效果:// 3D 内容将在任何 QtQuick 内容之前绘制// 并假设一个全屏视口Scene3D {id: scene3Dfocus: trueaspects: "input"//适用于使用 FBO 可能过于占用资源的全屏 3D 场景。//Scene3D 表现为 QtQuick 底图。//请注意,使用此模式时,Scene3D 的大小及其变换将被忽略,渲染将占据整个屏幕。//QML 文件中 Scene3D 的位置也不会有任何影响。//Qt 3D 内容将在任何 Qt Quick 内容之前绘制。//必须注意不要通过重叠 Qt Quick 内容来过度绘制和隐藏 Qt 3D 内容。//此外,使用此模式时,窗口 clearBeforeRendering 将自动设置为 false。compositingMode: Scene3D.UnderlayLogo {id: watch}}SequentialAnimation {running: truepaused: !animation.checkedloops: Animation.InfiniteNumberAnimation {target: mainproperty: "rotationValue"easing.type: Easing.OutQuadduration: 1000from: 0to: 45}NumberAnimation {target: mainproperty: "rotationValue"easing.type: Easing.InOutQuadduration: 1000from: 45to: -45}NumberAnimation {target: mainproperty: "rotationValue"easing.type: Easing.InQuadduration: 1000from: -45to: 0}}
}

Logo.qml

import Qt3D.Core 2.0
import Qt3D.Render 2.0
import QtQuick 2.0
import Qt3D.Extras 2.0//实体本身是空的。
//Entity 对象的行为由它引用的 Component3D 对象定义。
//每个 Qt3D 后端方面都能够通过识别实体由哪些组件组成来解释和处理实体。
//一个方面可能决定只处理由单个 Transform 组件组成的实体,
//而另一个方面可能专注于 MouseHandler。Entity {id: sceneRootreadonly property double cameraZ: camera.position.z//旋转和移动相机,使其 viewCenter 成为场景边界体积的中心,并且整个场景适合视口。//注意:仅当镜头处于透视或正交投影模式时才有效。function viewAll() {camera.viewAll()}//旋转并移动相机,使其 viewCenter 成为实体边界体积的中心,并且整个实体适合视口。//注意:仅当镜头处于透视或正交投影模式时才有效。function viewLogo() {camera.viewEntity(logoEntity)}function setPositionZ(z) {camera.position = Qt.vector3d( 0.0, 0.0, z )}//定义将渲染场景的视点。Camera {id: cameraprojectionType: CameraLens.PerspectiveProjectionfieldOfView: 40aspectRatio: 4/3nearPlane : 0.1farPlane : 1000.0position: Qt.vector3d( 0.0, 0.0, 7.5 )upVector: Qt.vector3d( 0.0, 1.0, 0.0 )viewCenter: Qt.vector3d( 0.0, 0.0, 0.0 )}//RenderSettings 类型保存与渲染过程相关的设置并托管活动的 FrameGraph。components: [RenderSettings {activeFrameGraph: ForwardRenderer {camera: cameraclearColor: "white"}//保存当前的渲染策略。//Qt3DRender::QRenderSettings::OnDemand//FrameGraph 仅在发生变化时呈现。renderPolicy: RenderSettings.OnDemand}]PhongMaterial {id: materialdiffuse: Qt.rgba( color_r.value/255, color_g.value/255, color_b.value/255, 1.0 )ambient: Qt.rgba( 0.1, 0.1, 0.1, 1.0 )shininess: shining.value}Transform {id: logoTransformrotation: fromEulerAngles( rotation_x.value, rotation_y.value, rotation_z.value )}Mesh {id: logoMeshsource: "Qt_logo.obj"}Entity {id: logoEntitycomponents: [ logoMesh, material, logoTransform ]}//以由 Qt3DCore::QEntity 实例聚合为组件的场景节点的基类//Qt3DCore::QComponent 提供了一个垂直的行为切片,//可以分配给 Qt3DCore::QEntity 实例,有时也可以在它们之间共享。//Qt3DCore::QComponent 子类通常聚合成组,将有用的行为传递给聚合实体。//例如,要拥有一个由 Qt3D 渲染器方面绘制的实体,一个实体很可能会聚合 //Qt3DCore::QTransform、Qt3DRender::QMesh 和 Qt3DRender::QMaterial 组件。Entity {components: [PointLight {color: "white"intensity: 0.6},Transform {translation: Qt.vector3d(0, 0, 10)}]}
}

http://www.ngui.cc/el/5239683.html

相关文章

Qt例子学习笔记 - Examples/Qt-6.2.0/qt3d/multiviewport

main.cpp #include <Qt3DQuickExtras/qt3dquickwindow.h> #include <QGuiApplication> //演示从多个视口渲染场景图形的 QML 示例。 //多视口从四个虚拟摄像机的角度将场景图形渲染到窗口的四个象限中。 //这是 3D CAD 或建模工具的常见配置&#xff0c;或者可以进…

Qt例子学习笔记 - Examples/Qt-6.2.0/qt3d/pbr-materials

main.cpp //演示使用 PBR 材料的 QML 应用程序。 //Pbr-Materials 演示了如何使用 Qt 3D 材料系统。#include <Qt3DQuickExtras/qt3dquickwindow.h> #include <Qt3DQuick/QQmlAspectEngine> #include <QGuiApplication> #include <QQmlEngine> #inclu…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/areachart

//创建Area Charts //要创建Area Charts&#xff0c;我们需要两个 QLineSeries 实例。 //他们将定义该区域的上下边界。 QLineSeries *series0 new QLineSeries();QLineSeries *series1 new QLineSeries();//我们将数据添加到两个系列并使用流运算符。 *series0 << QPo…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/barchart

//创建条形图 //条形图在所有条形图中的使用方式相同。 //为了说明各种条形图之间的差异 //我们在示例中使用了相同的数据。 //条形图可视化的数据由 QBarSet 实例定义。 //在这里&#xff0c;我们创建集合并将数据附加到它们。 //数据在此处附加了 << 运算符。 //或者&a…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/barmodelmapper

//为了显示两家公司的份额偏差&#xff0c; //我们首先创建两个 QBoxPlotSeries 来处理月度数据。 QBoxPlotSeries *acmeSeries new QBoxPlotSeries();acmeSeries->setName("Acme Ltd");QBoxPlotSeries *boxWhiskSeries new QBoxPlotSeries();boxWhiskSeries-&g…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/callout

//QChart 类提供了两种在场景坐标和系列域&#xff08;由轴范围定义&#xff09;之间映射的方法。 //QPointF QChart::mapToPosition(const QPointF &value, QAbstractSeries *series) //QPointF QChart::mapToValue(const QPointF &position, QAbstractSeries *series…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/candlestickchart

//创建股票图 //为了显示股票图表&#xff0c;我们首先创建 QCandlestickSeries 来处理每日数据。 //我们还指定了自定义增加和减少的车身颜色。 QCandlestickSeries *acmeSeries new QCandlestickSeries();acmeSeries->setName("Acme Ltd");acmeSeries->setI…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/chartthemes

//Creating Charts //不同类型的图表分别生成并添加到布局中 //如&#xff0c;折线图创建如下。 其他图表类型的创建与此类似。 //首先创建一个图表。 QChart *chart new QChart();chart->setTitle("Line chart");//生成一组通用的随机数据并将其放置在列表中。 …

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/datetimeaxis

//创建折线图 //要创建折线图&#xff0c;需要 QLineSeries 实例。 让我们创建一个。 QLineSeries *series new QLineSeries();//在图表上&#xff0c;我们将展示太阳黑子的数量如何随时间变化。 //数据&#xff08;来自空间天气预报中心&#xff09;是从文本文件中读取的。 /…

Qt例子学习笔记 - Examples/Qt-6.2.0/charts/donutbreakdown

//创建甜甜圈细分图表 //让我们首先为图表定义一些数据。 QPieSeries *series1 new QPieSerise();series1->setName("Fossil fuels");series1->append("Oil",353295);series1->append("Coal",188500);series1->append("Nature…