关闭

Qt Qml 汽车仪表

标签: qt界面QuickQml汽车仪表
1166人阅读 评论(0) 收藏 举报

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

    }

}




3
0
查看评论

Qt 飞机仪表显示

使用Qt简单谢了一个飞机的一小部分仪表,还没有写完,目前只写了一个界面,不过思想应该是一样的。 效果图如下 其中主要由转速表,和下面的部分数字显示构成 转速表代码 .h文件 #ifndef CONTROL_ENGINE_H #define CONTROL_ENGINE_H #inc...
  • z609932088
  • z609932088
  • 2016-04-26 11:36
  • 2332

QT中速度仪表盘控件QMeter的安装方法

自己摸索了很长一段时间才搞懂,珍惜劳动成果,转载请注明出处,3Q。 1、首先在官网上下载: http://qt-apps.org/content/show.php?content=72850&forumpage=0 2、解压; 3、使用qt-creator打开工程项目.pro文件,并编译。...
  • jinhongdu
  • jinhongdu
  • 2013-10-13 21:52
  • 7380

Qt 汽车仪表再次编写,Widget,仪表显示,绘制界面

感谢某网友提供UI让我练练手,上目前的效果 还在晚上,代码等后面在贴出来,就是出来显摆一下
  • z609932088
  • z609932088
  • 2017-01-05 19:33
  • 2062

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

在之前的文章中,有一篇介绍了在QML中制作自定义圆形进度条的文章,在那篇文章中,主要是写了如何在QML的Canvas上使用2D进行绘图。同样是圆形进度条,在这篇文章中,主要介绍QML自己原生的一个圆形仪表盘的使用,其中的主体结构都是QML自己实现的,我们自己只需要根据需要,设置我们想要的样式和属性值...
  • Shado_walker
  • Shado_walker
  • 2017-06-14 20:06
  • 924

Qt 汽车仪表 QWidget

今天是2016年的最后一个工作日,在这个最后工作日里面,和以为网友要了一点练手的素材文件,经过网友确认,不涉及商业机密,在这里分享一下,如侵权,请联系我删除、 先上程序运行图 这里显示数字,闪烁等都没有问题,唯一的问题就是这个速度指针的绘制问题,在代码中我...
  • z609932088
  • z609932088
  • 2016-12-30 20:53
  • 1929

Qt-第一个QML程序-3-自定义一个按钮

项目基本信息前两个已经说了,这里直接放下运行截图, 对的,这里就是说上面的那个红色的按钮,这里需要了解Qml的动画和状态 这里先把整个按钮的代码写出来,一点一点写 Rectangle { id:close_Btn width: 50 ...
  • z609932088
  • z609932088
  • 2017-04-02 12:23
  • 965

Qt-Qml-隐藏标题栏-程序依附任务栏

最近换工作,直接欢动qml这边来了,以后可能会有更多关于qml的文章 今天第一个,qml下面怎么隐藏标题栏 第一种方法是在使用QQuickView加载qml文件的话,这里就可以使用QQuickView自带的还输setflag来设定 第二种也就是我现在写的这个, 就是需要在aml文件中写 ...
  • z609932088
  • z609932088
  • 2017-03-28 19:42
  • 1011

Qt-QML-Popup,弹层界面编写

随着接触Qt的时间的增加,也逐渐的发现了Qt 的一些不人信话的一些地方,不由的想起一句话,也不知道是在哪里看到的了“一切变成语言都是垃圾,就C++还可以凑合用”大致意思是这样。最近项目的祝界面框架都基本写完了,那自我感觉良好,感觉自己QML牛逼的不得了了,全部用的都是自己YY出来的空间,今天小伙伴在...
  • z609932088
  • z609932088
  • 2017-06-05 22:41
  • 2548

qt qml 高宽自动适配android设备

本篇主要是QML移植到android设备宽高的适配,其他设备没有尝试过。 字体和布局,网上其他的博客很清楚了 具体实现很简单,将在android设备上的尺寸分别除以在pc上设置的长宽得到长宽的比例,其他的就在长宽的比例中去一个中间值。 下面就用我最近写得模仿qq登录的界面中的运用 Windo...
  • cxc233
  • cxc233
  • 2016-08-12 23:27
  • 362

Qt-QML-给我的导航条写一个动画-State-Transition

上篇中,我已经写出一个导航条的,虽然太丑了,不过功能是有了,这次我将要给我的导航条加一个动画,先看下演示效果 这次我是用的是一个状态动画,大致原理就是写出一个空间的几个状态,完了再加一个过度动画,这里只有简单的属性动画,和持续周期 是我的错误用法 ...
  • z609932088
  • z609932088
  • 2017-04-23 18:21
  • 867
    个人资料
    • 访问:234829次
    • 积分:4240
    • 等级:
    • 排名:第8526名
    • 原创:139篇
    • 转载:26篇
    • 译文:1篇
    • 评论:188条
    Git Hub 地址
    个人信息
    QQ:609932088

    邮箱:Dream_Dog@163.com

    博客专栏
    文章分类
    最新评论