- Overview
- Image control description: Options specific to multi-touch
- Special case: Managing the click areas
- Optional events specific to multi-touch
- Scroll with finger optional event
- Horizontal and vertical swipe
- "Zoom with fingers" optional process
Multi-touch in an Image control
One of the most common applications of the multi-touch feature is used to handle images. Since mobile devices usually have smaller screens, sometimes it is necessary to zoom and move images. This technology allows you to zoom images with a pinch gesture. The multi-touch can be implemented: - on the applications run on a phone.
- on the sites displayed on a phone.
The management of multi-touch in the Image controls can be implemented via: Image control description: Options specific to multi-touch The "Details" tab in the window description of the Image control is used to manage the actions performed when using the fingers: The following options are supported: - No scroll, no zoom: in this case, multi-touch is disabled.
- Automatic scrolling only: If the image is not displayed in its entirety the control, it can be moved by scrolling with the finger.
- Automatic scroll and zoom: In addition to scrolling, zoom is also supported. In this case:
- moving two fingers away from each other on the screen allows zooming in. The zoom will be centered on the point found in the middle of the line drawn by the two contact points.
- moving two fingers towards each other on the screen allows zooming out.
The additional options are used to define:   Initial display mode of the image. The image can be displayed in one of the following modes: - 100% centered: the image is displayed at 100% and it is centered in the control.
- Homothetic centered: The image is enlarged or reduced while respecting the proportions of the initial image so that it is entirely displayed in the control and it is centered in the control.
- Homothetic centered extended: The image is enlarged or reduced while respecting the proportions of the initial image so that the smallest side of the image is entirely displayed in the image control and so that the image is centered in the control.
- Maximum zoom factor: Maximum zoom that can be performed with the fingers.
- Allow zoom by double tap: In this case, a double tap (or double click) performed in the control is used to apply the zoom on an image section. If the image is already zoomed, it is reinitialized to its initial display.
Optional events specific to multi-touch There are three specific optional events to manage multi-touch on Image controls: Scroll with finger optional event The "Scroll with finger" event is run when one or more fingers move vertically or horizontally while in contact with the screen This event can accept parameters by declaring a procedure directly in the event "Scroll with finger" with the following syntax:
PROCEDURE <Procedure name>(<Distance X>, <Distance Y>)
where: - <Distance X>: Integer corresponding to the distance (in pixels) that was scrolled on the X axis in the control.
- <Distance Y>: Integer corresponding to the distance (in pixels) that was scrolled on the Y axis in the control.
Remarks: The distance corresponds to the distance between the last contact point that was detected and the current position.  The distance corresponds to the distance between the first contact point that was detected and the current position.
Horizontal and vertical swipe The "Horizontal and vertical swipe" event is run during a quick small movement of one or more fingers on the screen. This event can accept parameters by declaring a procedure directly in the event "Horizontal and vertical swipe" with the following syntax:
PROCEDURE <Procedure name>(<Speed X>, <Speed Y>)
where: - <Speed X>: Integer corresponding to the speed (in pixels per second) of the movement on the X axis.
- <Speed Y>: Integer corresponding to the speed (in pixels per second) of the movement on the Y axis.
"Zoom with fingers" optional process The "Zoom with fingers" event is run with a pinch or spread finger gesture on the screen. This event can accept parameters by declaring a procedure directly in the event "Zoom with fingers" with the following syntax:
PROCEDURE <Procedure name>(<Spacing>)
where <Spacing>: Integer corresponding to the distance (in pixels) between the two contact points when the event was called. Caution: The zoom with finger is not available if dStartDrawing is used on the Image control. In this case, you must: - save the image with a dSaveImageXXX function.
- use the dEndDrawing function.
- redisplay the image in the Image control.
Related Examples:
|
Cross-platform examples (WINDEV Mobile): WM System
[ + ] This application is an example of some of the features of WINDEV Mobile available for Android/iOS. The following system functions are used: - NFC - Multimedia control - Brightness - Volume - Wi-Fi - Bluetooth - Toast - Compass - Accelerometer - Camera control - LED - Vibration - Notifications - Drawing functions - Internet
|
This page is also available for…
|
|
|
|