Qt Qml 汽车仪表

简介: 上一个原文连接http://blog.csdn.net/z609932088/article/details/53946245

参考资料连接:链接: https://pan.baidu.com/s/1pLjOTWB 密码: t9d1

唯一的问题就是在绘制仪表指针的时候有锯齿

换成qml可以消除锯齿,但是我对qml不熟练啊,(┬_┬)

这里摸索出来一个间的界面,就是在aml加一个定时器,来改变角度

上源代码

import QtQuick 2.7
import QtQuick.Window 2.2

Window {

id:root
visible: true
width: 1920
height: 720
title: qsTr("Car Play")
color: "#161616"
property int pointer_angle: -135
property bool timeChangedFlag: true
function timeChanged()
{
    if(timeChangedFlag)
    {
        if(pointer_angle<135)
        {
            pointer_angle++
            if(pointer_angle == 135)
            {
                timeChangedFlag = false
            }

        }

    }
    if(!timeChangedFlag)
    {
        if(pointer_angle>-135)
        {
            pointer_angle--
            if(pointer_angle == -135)
            {
                timeChangedFlag = true
            }
        }
    }

}
Timer{
    id:pointer_timer
    interval: 40
    running: true
    repeat: true
    onTriggered: root.timeChanged()
}
Item {
    id: background
    width: root.width
    height: root.height
    anchors.centerIn: parent
    Image {
        id: background_image
        source: "qrc:/source/beijing.bmp"
    }
    Image {
        id: pointer
        x:920
        y:90
        transform: Rotation{
            origin.x:40
            origin.y:267
            angle: pointer_angle
        }
        source: "qrc:/source/222.png"
    }

}

}

目录
相关文章
|
5月前
|
API 索引 容器
qml之布局管理器(Qt Quick Layouts)
qml之布局管理器(Qt Quick Layouts)
190 2
|
5月前
|
编解码 容器
QML/Qt Quick anchors.fill 的使用(二)
QML/Qt Quick anchors.fill 的使用
173 0
|
5月前
|
安全 数据处理 C++
【Qt 底层之事件驱动系统】深入理解 Qt 事件机制:主事件循环与工作线程的交互探究,包括 QML 的视角
【Qt 底层之事件驱动系统】深入理解 Qt 事件机制:主事件循环与工作线程的交互探究,包括 QML 的视角
1242 3
|
计算机视觉 容器
Qt实用技巧:在Qt Gui程序中嵌入qml界面(可动态覆盖整个窗口)
Qt实用技巧:在Qt Gui程序中嵌入qml界面(可动态覆盖整个窗口)
Qt实用技巧:在Qt Gui程序中嵌入qml界面(可动态覆盖整个窗口)
|
2月前
QT6使用CMamke将qml打包成dll
QT6使用CMamke将qml打包成dll
38 0
|
5月前
|
开发框架 JSON JavaScript
Qt Quick 和qml介绍
Qt Quick 和qml介绍
93 2
|
5月前
|
JavaScript 前端开发 安全
【QML 与 C++ 之间的通讯机制】QML 与 Qt 通讯:讲解如何在QML 中使用C++类,以及如何在C++ 中获取QML的内容
【QML 与 C++ 之间的通讯机制】QML 与 Qt 通讯:讲解如何在QML 中使用C++类,以及如何在C++ 中获取QML的内容
614 1
|
5月前
|
开发框架 UED 开发者
QML(Qt Quick) 按钮设计指南
QML(Qt Quick) 按钮设计指南
431 0
|
5月前
|
容器
QML/Qt Quick anchors.fill 的使用(三)
QML/Qt Quick anchors.fill 的使用
89 0
|
5月前
|
JSON 前端开发 JavaScript
QML/Qt Quick anchors.fill 的使用(一)
QML/Qt Quick anchors.fill 的使用
123 0