Qt Qml 汽车仪表

原创 2017年01月03日 15:44:03

上一个原文连接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"
        }

    }

}




版权声明:DreamLife 技术交流QQ:609932088

相关文章推荐

QML中圆形进度仪表盘控件的使用

在之前的文章中,有一篇介绍了在QML中制作自定义圆形进度条的文章,在那篇文章中,主要是写了如何在QML的Canvas上使用2D进行绘图。同样是圆形进度条,在这篇文章中,主要介绍QML自己原生的一个圆形...

QML之表盘

今天学一个类似于表盘组件的Example,IBM开发了一套Flex的组件库TourDeFlex中就有这样的组件,但是功能比这个强大多了。先看下效果图://Dial.qml import Qt 4.7...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Qt Qwdget 汽车仪表知识点拆解8 淡入效果

先贴上效果图,注意,没有写逻辑,都是乱动的 看下面的开始,开始的时候有一个带入的效果,这里有一个坑, 网上大部分都是调用下面这个函数 setWindowOpacity();但是,...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Qt 汽车仪表 QWidget

今天是2016年的最后一个工作日,在这个最后工作日里面,和以为网友要了一点练手的素材文件,经过网友确认,不涉及商业机密,在这里分享一下,如侵权,请联系我删除、 先上程序运行图 ...

Qt Creater 制作汽车仪表盘

最近项目用到了模拟仪表,网上下载大神编写的按个仪表Meter没有成功 转战 QWt 编译后,在creater中仍然无法使用,只可以在代码中使用 百度说是我编译的版本不对 扔到 开始做自...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Qt Qwdget 汽车仪表知识点拆解4 另类进度条实现

先贴上效果图,注意,没有写逻辑,都是乱动的 注意看一下,右面的这两个进度条,有瑕疵,就是我没有把图片处理干净,这里犹豫我不知道这个具体的弧度,也没法绘制,就偷懒了 现在上面放一个UI,把两...

Qt 绘制仪表盘

1. 首先准备素材,一个表盘,一个指针 2. 计算旋转圆心及转动角度 通过画图软件测量一下表盘中心的坐标,及指针中心的坐标 大概表盘的中心为(163,163),同样指针的中心位置为(14...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Qt Qml 汽车仪表
举报原因:
原因补充:

(最多只允许输入30个字)