SwipeEvent

Employment/Purpose

Represents an event that indicates swipe on a component and provides information about the swipe displacement, duration, and direction.

Example

The swipe event can be registered in any component which can be swiped by user on tablet devices.

<tabbox height="300px" width="300px">
    <tabs>
        <tab label="tab 1" />
    </tabs>
    <tabpanels>
        <tabpanel>
            <attribute name="onSwipe"><![CDATA[
                SwipeEvent se = (SwipeEvent) event;
                lbl1.setValue("Horizontal: " + se.getSwipeX() + "px");
                lbl2.setValue("Vertical: " + se.getSwipeY() + "px");
                lbl3.setValue("Duration: " + se.getSwipeDuration() + " milliseconds");
                lbl4.setValue("Direction: " + se.getSwipeDirection());
            ]]></attribute>
            <vlayout>
                Swipe information
                <label id="lbl1"/>
                <label id="lbl2"/>
                <label id="lbl3"/>
                <label id="lbl4"/>
            </vlayout>
        </tabpanel>
    </tabpanels>
</tabbox>

Supported events

Name

Event Type

None

None

Supported Children

*NONE

Use cases

Version Description Example Location
     

Version History

Version Date Content
6.5.0 July, 2012 ZK Client Widget support swipe event for tablet/mobile device