如何在QML中使用multitouch

原创 2015年07月08日 11:09:13

在Qt QML中,它可以利用multitouch来做一些我们想做的事情。在今天的文章中,我们将介绍如何使用multitouch来做一些我们想做的事。


其实,在QML中利用多点触控是非常容易的一件事。我们下面直接来展示我们的例程来给大家讲解一下:


import QtQuick 2.0
import Ubuntu.Components 1.1

/*!
    \brief MainView with a Label and Button elements.
*/

MainView {
    // objectName for functional testing purposes (autopilot-qt5)
    objectName: "mainView"

    // Note! applicationName needs to match the "name" field of the click manifest
    applicationName: "multitouchtest.liu-xiao-guo"

    /*
     This property enables the application to change orientation
     when the device is rotated. The default is false.
    */
    //automaticOrientation: true

    // Removes the old toolbar and enables new features of the new header.
    useDeprecatedToolbar: false

    width: units.gu(60)
    height: units.gu(85)

    Page {
        title: i18n.tr("multitouchtest")

        MultiPointTouchArea {
            anchors.fill: parent
            touchPoints: [
                TouchPoint { id: point1 },
                TouchPoint { id: point2 },
                TouchPoint { id: point3 },
                TouchPoint { id: point4 }
            ]
        }

        Image {
            width: parent.width/5
            height: parent.height/5
            source: "images/image1.jpg"
            x: point1.x
            y: point1.y
        }

        Image {
            width: parent.width/5
            height: parent.height/5
            source: "images/image2.jpg"
            x: point2.x
            y: point2.y
        }

        Image {
            width: parent.width/5
            height: parent.height/5
            source: "images/image3.jpg"
            x: point3.x
            y: point3.y
        }

        Image {
            width: parent.width/5
            height: parent.height/5
            source: "images/image4.jpg"
            x: point4.x
            y: point4.y
        }

    }
}


如上面的介绍的那样,我们定义了一个“MultiPointTouchArea”。我们在Image中,绑定它们的坐标和TouchPoint在一起。这样,TouchPoint的坐标变化时,Image可以随时移动。 在它的里面,我们同时定义了4个TouchPoint。当我们只有一个手指触屏时,我们可以看见只有image1.jpg可以随着我们的手指移动:


  


当我们同时两个手指触屏时,我们可以看到同时可以有两个图片image1.jpg及image2.jpg来同时移动我们的画面:



同时3个手指触屏时,我们可以看到3个照片同时出现在屏幕上,并随我们的手指移动:




整个项目的源码在:https://github.com/liu-xiao-guo/multitouchtest


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

qt5输入的一些细节

Input When no windowing system is present, the mouse, keyboard and touch input are read direc...

交叉编译Qt5.2.1让其支持触摸屏多点触摸

编译环境和上一篇一样.http://blog.csdn.net/mkndg/article/details/26359055 只是qt的configure不同,文件系统的profile不同.
  • MKNDG
  • MKNDG
  • 2014-05-23 17:25
  • 3753

Qt5.2.1交叉编译,带tslib插件

Qt 交叉编译
  • MKNDG
  • MKNDG
  • 2014-05-20 15:21
  • 4355

Linux输入子系统:多点触控协议 -- multi-touch-protocol.txt

Multi-touch (MT) Protocol -------------------------          Copyright(C) 2009-2010 Henrik Rydberg...

Qt 4.6 添加 Multi-touch(多点触摸)支持

Qt 4.6 添加 Multi-touch(多点触摸)支持 原文地址:http://linuxtoy.org/archives/qt-46-released.html 2009-12-02 T...

如何在QML应用中在触屏的时候感知触觉

我们在有些的时候,需要在触屏的时候感知到触觉。那么我们怎么在QML应用是实现这个功能呢? 在Ubuntu 15.04的Ubuntu.Component 1.2模块中,我们有如下的一个API: ...

qml中使用多点触摸

下面以Pinch手势(捏合手势)为例子,讲解如何在QML中实现多点触摸,qt源码中有相应工程,路径为example/declarative/touchinteraction/pincharea。 ...

qt5 多点触控

触摸屏 QT
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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