The vast majority of modern mobile devices have touch screen, with which you can control the gadget. Those. Instead of pressing mechanical buttons, the user controls his smartphone or tablet with gestures and touches on the screen. For a novice user of the Android operating system, which runs a large number of touchscreen mobile devices, at first this way of interacting with his gadget will be unusual. However, mastering gestures occurs almost immediately and does not cause any difficulties in the future.

What gestures are used for android controls smartphone/tablet Touch or tap

Touch has a second name - tap. This is the most common action used in touch control. By tapping you can enable any functions, launch programs, select menu items, activate a parameter, etc. Touching is like clicking a mouse on a computer. If in relation to a computer they say “click the mouse,” then in Android you can hear “tap or double-tap.”

Performing this action, as you guessed, is very simple. You need to touch the right place on the screen with your fingertip. For example, to launch an application, just tap on its icon. If you need to enter text, just touch in the input field to appear, where you can type text by touching the characters.

Double tap or double tap

Here again there is an analogy with double-clicking the mouse on a computer. True, unlike a computer, where a double click launches a program, in Android devices a double tap is used to enable and disable provided functions in programs and change the scale. For example, to zoom in on a website page when viewing it in a browser, quickly tap the screen twice. To return to the previous scale, you need to double tap again.

Touch and hold or long tap

A touch and hold or a long tap is a kind of analogue of a right-click on the mouse, where this action is used to call up a context menu with a selection of options. A long tap also opens additional actions in cases where they are provided by the application or the Android operating system itself.

To perform touch and hold, you need to touch the screen where you want and hold your finger for a while. As a result, a menu will appear with a choice of actions provided by the application or operating system.

Swipe, flick or swipe

Flipping or swiping is used to turn pages, scroll through desktops on the screen, move through lists, menus, etc. Swipe can be either horizontal or vertical. To perform page turning when required by a program or operating system Android system, then you need to touch the screen with your finger and, without releasing it, move it in the desired direction provided for by the circumstances (from left to right, from right to left, from bottom to top, from top to bottom or diagonally).

Touch with Move

Touch and move in Android OS is analogous to dragging an object with the mouse while holding down the left button. Just like in computers operating systems, in touch devices running mobile OS, dragging allows you to move objects (folders, files, icons, etc.) from one place to another.

To perform this action, touch the desired object on the screen and do not release your finger. When an object is highlighted, you can drag it to the desired location.

Pinch/spread out or zoom

You can also hear the name of this action as pinch. It really resembles a finger pinch, because... To perform it, you need to touch the gadget screen with two fingers and, without releasing them, bring them together or apart. As a result of these actions, the image scale on the screen will be changed, if provided by the application.

All gestures in Android are intuitive and not complicated. After a little training, you will confidently control your smartphone or tablet without even thinking about your actions.

The term gesture is a way to combine finger movements on the screen to trigger some action; In this case, finger movement is used instead of just touching or clicking. A complete touch or mouse - a move-capturing function - is needed to ensure that gestures are registered and are absolutely correct. Today good support This feature is only available in Safari and Android browsers.

If the user needs to use gestures in your web application, it is important to teach him the correct actions - using help, animated examples, or some other type of hints (Figure 8.5).

Rice. 8.5. Google Fast Flip is a new viewer that uses gestures on iPhone and Android devices. On the left you will see a warning dialog with instructions on how to use it. You will only see the instructions once.

Swipe Gesture

The swipe gesture (also known as flip) is a technology for touch browsers, usually used to move content back and forth. This gesture is used, for example, in many photo galleries to change the image displayed on the screen and in presentations to flip through slides. The essence of the gesture is a simple movement of your finger along the X axis from left to right (horizontal swipe) or along the Y axis from top to bottom (vertical swipe). The swipe gesture is supported in almost every touch device, as it is performed with one finger.

There is no special standard event to intercept a swipe action, so we will emulate it using the existing standard events

On 5th generation Symbian devices, if you use your finger instead of a cursor, the mouse down, move and up events produce rather strange results. The event is generated only once during a finger drag action, and the event does not fire at all if the finger is moved from the initial mouse-down coordinates. Therefore, different approaches are needed to detect swipe in some situations.

Sequencing:

Intercept the event (or ontouchstart on iPhone and other compatible browsers) and start recording the gesture.

Intercept (or ontouchmove on iPhone and browsers with the necessary support) and continue recording the gesture if the X (or Y) movement occurs within a certain threshold. Cancels a gesture if the movement occurs along a different axis.

Intercept onmouseup (or ontouchend in iPhone and browsers with the necessary support) and, if at this moment the gesture was ongoing (was active) and the difference between the source and destination coordinates is greater than a certain constant, define a swipe in one direction.

The last point can be replaced by checking the gesture on the fly inside the onmousemove event.

If you use jQuery in your work, you can use it to detect the horizontal swipe gesture on iPhone devices free plugin from here http://plugins.jquery.com/project/swipe.

With the following code we can create an object-oriented library for swipe detection (compatible with iPhone, Android and other devices):

/** Creates a swipe gesture event handler */ function MobiSwipe(id) ( // Constants this.HORIZONTAL = 1; this.VERTICAL = 2; this.AXIS_THRESHOLD = 30; // The user will not define a perfect line this. GESTURE_DELTA = 60; // The min delta in the axis to fire the gesture // Public members this.direction = this.HORIZONTAL; this.element = document.getElementById(id); this.onswiperight = null; this.onswipeleft = null ; this.onswipeup = null; this.onswipedown = null; this.inGesture = false; // Private members this._originalX = 0 this._originalY = 0 var _this = this; // Makes the element clickable on iPhone this.element. onclick = function() (void(0)); var mousedown = function(event) ( // Finger press event.preventDefault(); _this.inGesture = true; _this._originalX = (event.touches) ? event.touches. pageX: event.pageX; _this._originalY = (event.touches) ? event.touches.pageY: event.pageY; // Only for iPhone if (event.touches && event.touches.length!=1) ( _this.inGesture = false; // Cancel gesture on multiple touch ) ); var mousemove = function(event) ( // Finger moving event.preventDefault(); var delta = 0; // Get coordinates using iPhone or standard technique var currentX = (event.touches) ? event.touches.pageX: event.pageX ; var currentY = (event.touches) ? event.touches.pageY: event.pageY; // Check if the user is still in line with the axis if (_this.inGesture) ( if ((_this.direction==_this. HORIZONTAL)) ( delta = Math.abs(currentY-_this._originalY); ) else ( delta = Math.abs(currentX-_this._originalX); ) if (delta >_this.AXIS_THRESHOLD) ( // Cancel the gesture, the user is moving in the other axis _this.inGesture = false; ) ) // Check if we can consider it a swipe if (_this.inGesture) ( if (_this.direction==_this.HORIZONTAL) ( delta = Math.abs( currentX-_this._originalX); if (currentX>_this._originalX) ( direction = 0; ) else ( direction = 1; ) ) else ( delta = Math.abs(currentY-_this._originalY); if (currentY>_this. _originalY) ( direction = 2; ) else ( direction = 3; ) ) if (delta >= _this.GESTURE_DELTA) ( // Gesture detected! var handler = null; switch(direction) ( case 0: handler = _this.onswiperight; break; case 1: handler = _this.onswipeleft; break; case 2: handler = _this.onswipedown; break; case 3: handler = _this.onswipeup; break; ) if (handler!=null) ( // Call to the callback with the optional delta handler(delta); ) _this.inGesture = false; ) ) ); // iPhone and Android "s events this.element.addEventListener("touchstart", mousedown, false); this.element.addEventListener("touchmove", mousemove, false); this.element.addEventListener("touchcancel", function( ) ( _this.inGesture = false; ), false); // We should also assign our mousedown and mousemove functions to // standard events on compatible devices )

Here's a simple example of using our swipe.js library with one with horizontal swipe detection and another with vertical detection:

Swipe Gesture Detection window.onload = function() ( var swipev = new MobiSwipe("vertical"); swipev.direction = swipev.VERTICAL; swipev.onswipedown = function() ( alert("down"); ); swipev.onswipeup = function() ( alert("up"); var swipeh = new MobiSwipe("horizontal"); swipeh.direction = swipeh.HORIZONTAL; swipeh.onswiperight = function() ( alert("right"); ); swipeh.onswipeleft = function() ( alert("left"); ) Vertical Swipe Horizontal Swipe

Many touch devices use the drag gesture to scroll page content and do not support preventDefault (we talked about preventing default behavior earlier in this chapter). That is why we must consider other available navigation methods in addition to the swipe gesture.

Zoom and rotate gestures

When the iPhone first came out, the coolest features it had were the zoom and rotate gestures. By using the pinching gesture (moving two fingers in and out in a pinch), the user could zoom in or out on content—usually an image—on a page, and by rotating two fingers in a circle, the image could be rotated.

In devices that do not support multi-touch, zoom functions must be implemented using regular floating buttons and sliders.

Fortunately, starting with iOS 2.0, these gestures can be detected without resorting to low-level mathematics in touch events. Table 8.35 lists three WebKit extensions that are available as events. IN Android browser support for these events has also been added.

The same events are used for scaling and rotation. All three receive a GestureEvent parameter. This parameter has the typical properties of an event, as well as the additional properties scale and rotation.

The scale property defines the distance between two fingers as a floating point multiplier of the origin of the distance where the gesture began. If the value is greater than 1.0, then it is an open pinch (increase), and if the value is 1.0, then it is a closed pinch (decrease).

rotation gives the value (in degrees) of the rotation delta (distance) from the starting point. If the user rotates the object clockwise, then we get a positive value, and if counterclockwise, then the value will be negative.

I know what you're thinking: "Rotating and zooming are great, but what use are they if we're working with HTML?" Here we come to CSS help extensions for Safari on iOS (and other browsers with appropriate support) with one property and two functions to control its value: rotate and scale.

The rotate function takes a parameter in degrees and we need to define a deg unit after the number (for example, rotate(90deg)). We can find out this from the script using element.style.webkitTransform.

Let's look at a simple example:

Gesture Management function gesture(event) ( // We round values ​​with two decimals event.target.innerHTML = "Rotation: " + Math.round(event.rotation*100)/100 + " Scale: " + Math.round(event .scale*100)/100; // We apply the transform functions to the element event.target.style.webkitTransform = "rotate(" + event.rotation%360 + "deg)" + " scale(" + event.scale + ")"; )

You can see how the example works in Figure 8-6. On compatible devices, you can use two fingers to rotate and zoom (along with all content). But what's the problem? The transform style is always applied to the original element. So, if we apply a scale of 2.0 to an element, and then increase it again by 0.5, the new value will be 0.5, not 1.0, as one might expect.

Rice. 8.6. By combining touch events with CSS transformations, you can rotate and scale elements on your site.

For typical zoom-rotate behavior we should replace the function with the following:

var rotation = 0; var scale = 1; function gesture(event) ( event.target.innerHTML = "Rotation: " + Math.round((event.rotation+rotation)*100)/100 + " Scale: " + Math.round((event.scale*scale) *100)/100; event.target.style.webkitTransform = "rotate(" + (event.rotation+rotation)%360 + "deg)" + " scale(" + event.scale*scale + ")"; ) function gestureend(event) ( rotation = event.rotation+rotation; scale = event.scale*scale; )

All the features listed below are tested on Android 9.0 Pie. In other versions of the OS or third-party shells, some gestures may work differently or not work at all.

1. Double swipe down from the screen border - full extension of the settings panel

A standard swipe down from the top of the screen only shows notifications. To pull out the entire top panel to gain access to quick settings system, you need to do another swipe. But you can replace these two gestures with one - exactly the same, but performed with two fingers. This double swipe pulls out the entire panel.

2. Long press on a notification - quick access to program settings

If one of the programs starts constantly sending notifications, there is a strong desire to reduce their number or simply turn it off. To do this, you have to open the application and delve into it in search of required settings. But you can just tap on the notification and hold your finger for a few seconds - a button will appear for quick access to the required settings.

3. Horizontal swipes along address bar- flipping tabs in Chrome

To switch between Chrome tabs, you must first click on the number with the number of tabs, and then select the desired one. But there is alternative way, with which it is convenient to switch to adjacent tabs. All you have to do is swipe right or left, sliding your finger across the address bar.

4. Long press the shutdown button - go to safe mode

If the device starts to slow down and rebooting does not help, it is appropriate to test its operation in safe mode. In this state the device is not affected third party programs, so the problems they cause are easier to fix. To enter Safe Mode, hold down the Power key until the Power Off button appears on the display. Then hold your touch on it - after a second you will see a proposal to switch to safe mode.

5. Pinch and long press in Google Photos - convenient photo management

Gestures greatly simplify the use of a smartphone. For example, you can quickly change the image display format with a pinch, without even going to the additional menu. Just pinch and spread two fingers over the list of photos, and the application will switch the view: normal, by day, by month, by year.

Plus, you can quickly select multiple images. To do this, hold your touch on one of the desired pictures and, without lifting your finger from the screen, move it over the others.

6. Double tap on the map and vertical swipes - changing the scale in Google Maps

Zooming the map using the traditional pinch gesture is not very convenient on the go when you are holding your smartphone with one hand. The developers took this nuance into account and added an alternative method. To resize a map with one finger, quickly double-tap it and, without lifting your finger, swipe up or down. The scale will change.

7. Triple tap and swipe - zoom the interface and images

If you want to quickly look at a small fragment of a photo or read a tiny font on a website where standard zooming doesn’t work, you can use a hidden gesture. To do this, you need to tap the screen three times and, without lifting your finger, swipe in different directions. But the method will work if you first activate the “Gestures to zoom” option in the “Accessibility” section in the smartphone settings.

8. Horizontal swipes along the spacebar - cursor control in the Google keyboard

When a typo creeps into the typed text, you have to put your finger in the right place between the small letters to correct it. This is, to put it mildly, not very simple. Luckily, you can control your cursor in a much more convenient way. Simply slide your finger over the spacebar and the cursor will move along the text.

Perhaps you know other not entirely obvious gestures? Share in the comments!

It's no secret that holding the Home button or swiping up from it on the home screen causes Android service personalized Google Now suggestions. However, not everyone may find it useful. And those who appreciate Google's efforts to serve the user most often already have Google Now at their disposal on the far left screen thanks to pure Android or Google Start launcher. In fact, this renders a very convenient feature useless. But, as always, third-party developers and their Swipeup Utility application come to the rescue!

Of course, experienced users will immediately note that such applications in Google Play probably more than a dozen. However, Swipe Up Utility may actually have several advantages.

First, let's not forget that Android left version 2.0 behind a long time ago and no longer makes users cry tears of blood. On the contrary, with the advent of Lollipop and the spread of canons among developers, Google's mobile OS has become a true haven for interface aesthetes. Swipeup Utility, despite the fact that its interface is essentially designed for one-time application setup, is designed quite in the spirit of the times. It, of course, does not have a floating button or a retractable curtain with a fascinating arrow animation, but they are of no use here. But it has a nice icon and icons for the proposed functions.

Speaking of functions. Swipeup Utility boasts not only the choice of which application will launch after swiping up (or holding the button), but also offers several system alternatives. Some of them are free, while others require purchasing a paid version of the application. However, 51.74 rubles is quite an affordable price. In particular, one of the most interesting settings options is to call up the notification curtain. I think this solution can save many smartphones from a spectacular screen with a spider web of cracks.

Among other things, the application will be disciplined in counting how many times it has saved you from calling Google Now. Who knows what statistics might be useful in life.

Application: Swipeup Utility Developer: Adrian Campos Category: Tools Version: 1.9.3 Price: Free Download:

Let's say you become the owner of a brand new smartphone. Ahead of you awaits an exciting “journey” through the sections of the menu, in which you can find a lot of interesting things. In addition, users are also interested in terms that are somehow related to touch devices. For example, what is swipe? Not everyone knows, but meanwhile, they encounter this almost daily, if not hourly.

Swype (from the English swipe - swipe without lifting + type - type text) is a trademark used by Swype Inc. to indicate a method of entering text in a way that keeps your finger on the keyboard. It is believed that in this case the user is able to type more words in the same amount of time compared to a keyboard that does not use the specified text input method.

Example based on the Gboard keyboard:

Please note that the system is capable of automatically selecting words (auto-selection).

This input method can be enabled/disabled through the keyboard settings. Using the same Gboard application as an example - “Continuous input”:

Interestingly, the creator of the text writing method is the same person who once came up with the T9 text input system.

However, the above is only one meaning of the word “swipe”, because there is another one from English. swipe - to swipe without taking it off. What does it mean? This means that swiping means moving your finger across the smartphone screen. For example, if you need to open the quick access panel or the so-called curtain, you must swipe from the top of the screen to the bottom, that is, swipe your finger from top to bottom:

• Swipe left—slide your finger across the screen to the left.

• Swipe right—slide your finger across the screen to the right.

• Swipe down—slide your finger downwards on the screen.

• Swipe up - slide your finger up on the screen.