qml开发3D车载HMI界面-----Circle.qml

本文档介绍了如何在Qt QML中创建一个名为Circle.qml的3D圆形组件,用于车载人机交互界面(HMI)。展示了圆形的显示效果,并提供了相关代码示例。
摘要由CSDN通过智能技术生成

新建一个Circle.qml的文件用来显示一个圆的形状

显示效果如下所示:

 新建一个圆形,后面我们会使用到。先放在这里,这个还是比较好玩的。

具体代码如下:

import QtQuick 2.15

Rectangle{
    id:circ0
    property real r:100   //圆的半径
    width:r * 2.   //圆的宽度
    height:r * 2.   //圆的高度
    radius:r   //圆的半径
    color: "red"
    property point offset  //偏移量
    property point finalCenter:Qt.point(x + anim_x + width * .5,y + anim_y + height * .5)
    property real anim_x:0   //动画X
    property real anim_y:0   //动画Y

    property vector4d param4d:Qt.vector4d((x + anim_x + width * .5)/720,(y + anim_y + width * .5)/720,width/720/2,0.07)
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
QML (Qt Quick) 和 .ui.qml 是两种不同的技术,用于开发用户界面QML 是一种用于创建交互式用户界面的编程语言,它使用 Qt 框架,可以用于开发跨平台的应用程序。而 .ui.qml 是一种设计文件,用于描述应用程序的用户界面,通常使用 Qt Designer 工具创建。 联合开发界面时,可以使用 QML 和 .ui.qml 文件来创建和设计用户界面QML 文件用于定义应用程序的布局和交互逻辑,而 .ui.qml 文件则用于描述应用程序的视觉外观和交互元素。 以下是使用 QML 和 .ui.qml 联合开发界面的步骤: 1. 使用 Qt Designer 工具创建 .ui.qml 设计文件,使用设计器中的 UI 设计工具创建界面元素和布局。 2. 使用 Qt Creator 工具打开设计文件,并在 QML 文件中使用这些 UI 设计元素。 3. 在 QML 文件中定义应用程序的布局和交互逻辑,例如使用 QML 的各种组件和属性来控制界面元素的显示和交互。 4. 将 QML 文件与应用程序的其他部分集成,例如使用 Qt 的信号和槽机制来处理用户交互事件。 5. 使用 Qt 框架的其他功能来提供应用程序所需的功能和特性。 联合开发界面的优点是能够使用两种不同的方法来描述用户界面,从而实现更好的灵活性和可定制性。此外,QML 语言相对易于学习,可以帮助开发人员快速构建高质量的用户界面。 需要注意的是,联合开发界面需要熟悉 QML 语言和 Qt 框架的相关知识,并能够正确地使用 QML 和 .ui.qml 文件来描述用户界面。同时,还需要考虑应用程序的性能和可扩展性等方面的因素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_41392061

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值