一 、Qml开发之环境搭建

43 篇文章 8 订阅
  1. 进入官网下载相应版本的qtcreator :https://download.qt.io/archive/qt/5.12/5.12.6/

1.1 安装的时候注意如下对话框,需要选择下图所示的必须选项,因为我是mac 所以选择的macOS

  1. 下载完之后进行点击安装,安装后运行软件图片如下:

  1. 依次点击projects 新建工程->New-> Qt Quick->Qt Quick Application-Empty->Choose.如下图所示:

  1. 点击Choose 给工程取名字:

  1. 点击 ‘继续’按钮

  1. 点击 继续 按钮

  1. 点击 继续 按钮 选择Kit ,Kit 主要是软件编译器工具集;

  1. 点击 继续 -〉完成 按钮

  1. 最后弹出如下 默认初始化程序代码:

  1. 点击 绿色的 运行 按钮:

  1. 最后弹出 最原始的初始化界面:

  1. 到这里软件运行的基础环境就搭建好了,从下一课开始正式讲解具体的空间展示和基础点击事件的绑定。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个使用 QML 组件创建 OpenGL 环境并绘制矩形的示例代码: ```qml import QtQuick 2.0 import QtQuick.Window 2.0 import QtQuick.Controls 1.4 import QtQuick.Scene3D 2.0 Window { visible: true width: 640 height: 480 title: "OpenGL Rectangle" Scene3D { anchors.fill: parent focus: true // OpenGL viewport viewport: GLViewport { clearColor: "black" camera: Camera { id: camera projectionType: CameraLens.PerspectiveProjection fieldOfView: 45 nearPlane: 0.1 farPlane: 1000 position: Qt.vector3d(0, 0, -10) upVector: Qt.vector3d(0, 1, 0) viewCenter: Qt.vector3d(0, 0, 0) } // OpenGL rectangle Item3D { id: rectangle width: 2 height: 1 depth: 0.1 // OpenGL material Material { id: material diffuse: "white" } // OpenGL mesh Mesh { id: mesh // Define the rectangle vertices vertices: [ Qt.vector3d(-1, -0.5, 0), Qt.vector3d(1, -0.5, 0), Qt.vector3d(1, 0.5, 0), Qt.vector3d(-1, 0.5, 0) ] // Define the rectangle indices // (in pairs of three, for each triangle) indices: [ 0, 1, 2, 2, 3, 0 ] } // OpenGL transform Transform { id: transform rotation: Qt.vector3d(0, 1, 0) } // OpenGL renderer ModelRenderer { id: renderer mesh: mesh material: material transform: transform } } } } } ``` 此代码创建了一个包含一个 Scene3D 的窗口,其中包含一个 GLViewport,该 GLViewport 填充整个窗口,并包含一个 Item3D,该 Item3D 等于一个矩形。此矩形由一个 Mesh 定义,该 Mesh 包含矩形的顶点和索引,由一个 Material 定义,该 Material 定义了矩形的漫反射颜色,以及由一个 Transform 定义,该 Transform 定义了矩形的位置和旋转。最后,该 Item3D 包含一个 ModelRenderer,该 ModelRenderer 将 Mesh、Material 和 Transform 组合成一个可渲染的对象。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值