Qt Quick Input Handlers

Qt Quick Input Handlers are a set of QML types used to handle events from keyboard, touch, mouse, and stylus devices in a UI. In contrast to event-handling items, such as MouseArea and Flickable, input handlers are explicitly non-visual, require less memory and are intended to be used in greater numbers: one handler instance per aspect of interaction. Each input handler instance handles certain events on behalf of its parent Item. Thus the visual and behavioral concerns are better separated, and the behavior is built up by finer-grained composition.

The pre-existing Keys attached property is similar in concept, so we refer to the pointing-device-oriented handlers plus Keys together as the set of Input Handlers. We expect to offer more attached-property use cases in future versions of Qt.

Input Handlers

DragHandler	Handler for dragging
HoverHandler	Handler for mouse and tablet hover
KeyNavigation	Supports key navigation by arrow keys
Keys	Provides key handling to Items
PinchHandler	Handler for pinch gestures
PointHandler	Handler for reacting to a single touchpoint
TapHandler	Handler for taps and clicks
WheelHandler	Handler for the mouse wheel

Key Features

Some of the key features are:

Handle keystrokes within the focused Item
Handle gestures such as tapping or dragging regardless which device it comes from
Handle gestures from different classes of devices in different ways
Each Item can have unlimited Handlers

Handlers Manipulating Items

Some Handlers add interactivity simply by being declared inside an Item:

import QtQuick 2.12

Rectangle {
    width: 100
    height: 100
    color: "lightsteelblue"
    DragHandler { }
}

Handler Properties and Signals

All Handlers have properties that can be used in bindings, and signals that can be handled to react to input:

import QtQuick 2.12

Rectangle {
    id: button
    signal clicked

    width: 150; height: 50; radius: 3
    color: tapHandler.pressed ? "goldenrod" : hoverHandler.hovered ? "wheat" : "beige"
    border.color: activeFocus ? "brown" : "transparent"
    focus: true

    HoverHandler {
        id: hoverHandler
    }

    TapHandler {
        id: tapHandler
        onTapped: button.clicked()
    }

    Keys.onEnterPressed: button.clicked()
}

Pointer Grab

An important concept with Pointer Handlers is the type of grabs that they perform. The only kind of grab an Item can take is the exclusive grab: for example if you call QPointerEvent::setExclusiveGrabber(), the following mouse moves and mouse release event will be sent only to that object. (As a workaround to this exclusivity, see QQuickItem::setFiltersChildMouseEvents() and QQuickItem::childMouseEventFilter().) However Pointer Handlers have an additional mechanism available: the passive grab. Mouse and touch press events are delivered by visiting all the Items in top-down Z order: first each Item's child Handlers, and then the Item itself. At the time a press event is delivered, a Handler can take either a passive or an exclusive grab depending on its needs. If it takes a passive grab, it is guaranteed to receive the updates and the release, even if other Items or Handlers in the scene take any kind of grab, passive or exclusve. Some Handlers (such as PointHandler) can work only with passive grabs; others require exclusive grabs; and others can "lurk" with passive grabs until they detect that a gesture is being performed, and then make the transition from passive to exclusive grab.

When a grab transition is requested, PointerHandler::grabPermissions, QQuickItem::keepMouseGrab() and QQuickItem::keepTouchGrab() control whether the transition will be allowed.

Qt Quick

Contents