CN103729118B - A method and mobile device for realizing image scaling and display - Google Patents

Abstract

The invention provides a method and mobile equipment for realizing image zooming display, wherein the method comprises the following steps: A. detecting the turnover of the mobile equipment, and acquiring an angle alpha of the mobile equipment, which is turned over by taking an X axis as a center, and an angle beta of the mobile equipment, which is turned over by taking a Y axis as a center; B. and reducing or enlarging the image on the touch screen according to the alpha and/or the beta, and displaying the image in the display area, wherein the X axis is a straight line passing through a certain position on the screen, and the Y axis is a straight line perpendicular to the X axis. The invention can realize the zooming display of the screen image of the mobile equipment.

Description

A method and mobile device for realizing image scaling and display

technical field

The present invention relates to the technical field of touch screen devices, in particular to a method for realizing image scaling and display and a mobile device.

Background technique

With the development of smart mobile devices and touch screen technology, the screens of mobile devices are getting larger and larger, but at the same time it may bring new problems: when the screen is too large, two hands are needed to control the screen, and in some cases the user only needs to Can or wants to use one hand to control. There is currently no way to zoom the image to allow the user to manipulate the screen with one hand.

Contents of the invention

The invention provides a method for zooming and displaying an image, which is used for zooming and displaying a screen image of a mobile device.

The present invention also provides a mobile device for zooming and displaying an image, which is used for zooming and displaying the screen image of the mobile device.

Technical scheme of the present invention is realized like this:

A method for zooming and displaying an image, applied to a mobile device including a touch screen and a gravity acceleration sensor, including:

A. Detect the flipping of the mobile device, and obtain the flipped angle α of the mobile device centered on the X axis and the flipped angle β centered on the Y axis;

B. Reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area, wherein the X-axis is a straight line passing a certain position on the screen, and the Y-axis is a straight line perpendicular to the X-axis.

A mobile device for zooming and displaying images, comprising:

The gravity acceleration sensor is used to detect the flipping of the mobile device, and obtain the flipping angle α of the mobile device centered on the X axis and the flipping angle β of the mobile device centered on the Y axis; wherein the X axis is a straight line passing through a certain position on the screen, The Y axis is a straight line perpendicular to the X axis;

The display conversion module is used to reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area.

It can be seen that the method and mobile device for realizing image zooming and display proposed by the present invention detect the flip angle of the mobile device, use the flip angle as a parameter, and dynamically map the screen display to a certain area according to the flip angle, thereby realizing the screen image of the mobile device Zoom display.

Description of drawings

Fig. 1 is the flow chart of the method for realizing image scaling and display proposed by the present invention;

FIG. 2 is a schematic diagram of the mobile device flipping around the X axis;

Fig. 3 is a schematic diagram of pixel ordinate conversion;

FIG. 4 is a schematic diagram of the mobile device flipping around the Y axis;

Fig. 5 is a schematic diagram of pixel abscissa transformation;

Figure 6 is a schematic diagram of display effect 1;

Figure 7 is a second schematic diagram of the display effect;

FIG. 8 is a schematic structural diagram of a mobile device for zooming and displaying images proposed by the present invention.

detailed description

The present invention proposes a method for zooming and displaying an image, which is applied to a mobile device including a touch screen and a gravity acceleration sensor. Figure 1 is a flow chart of the method, including:

Step 101: Detect the flipping of the mobile device, and obtain the flipping angle α of the mobile device centered on the X axis and the flipping angle β of the mobile device centered on the Y axis; wherein the X axis is a straight line passing through a certain position on the screen, and the Y axis is A line perpendicular to the X axis.

Step 102: Reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area.

If the screen position of the mobile device that the user wants to control cannot be touched, the user can send a zoom-out or zoom-in command by long pressing the touch screen, and the touch screen obtains the input position of the command, and sets the input position as the origin. Alternatively, the user can send a zoom-out or zoom-in command by pressing a specific button. In this case, the preset point can be set as the origin. Considering that it needs to be close to the user's finger, a certain point on the screen near the button can be used as the origin. origin. Set the straight line parallel to the upper and lower borders of the touch screen and pass the origin as the X axis, and the straight line parallel to the left and right borders of the touch screen and pass the origin as the Y axis.

In addition, a setting function can be added in the setting, such as fully or partially turning on or off a function, such as a function of zooming out or zooming in. When the zoom-out function is turned on, the user sends a zoom-out instruction when the touch screen is long-pressed or a specific button is pressed; when the zoom-in function is turned on, the user sends a zoom-in display instruction when the user long-presses the touch screen or presses a specific button.

When the user issues a zoom-out instruction, the mobile device uses the method proposed by the present invention to map the entire screen display to an area near the center point with the point pressed by the user's finger as the center point and the flip angle as a parameter. The size of the mapped area takes the flip angle as a parameter, and the larger the flip angle, the smaller the area mapped with the flip angle as a parameter, so that the user can touch the area he wants to manipulate. Specifically, when shrinking the image, the above step 102 may be: converting the length X of the image into X×cosβ; or converting the width Y of the image into Y×cosα.

In order to prevent the image display from being too small and affect the operation, two sets of maximum flip angle thresholds can be set, which are recorded as the flip angle thresholds α _max1 and β _max1 corresponding to the coordinate map and the flip angle thresholds α _max2 and β corresponding to the display area map _max2 , where α _max2 >α _max1 , and β _max2 >β _max1 . When the flip angle of the mobile device is smaller than α _max1 and β _max1 , as the flip angle increases, the image becomes smaller and the display area becomes smaller and smaller, and the display area can display the entire image at the same time; when the flip angle reaches and exceeds When α _max1 and β _max1 , as the flip angle increases, the image no longer shrinks, and the display area is still getting smaller and smaller. At this time, the display area cannot display the entire image at the same time, and a scroll bar needs to be added to the display area to achieve the purpose of manipulation; When the flip angle reaches and exceeds α _max2 and β _max2 , both the image and the display area will no longer shrink. It should be noted that the flip angles α and β do not need to change synchronously.

Specifically, the above step 102 may include:

When β<β _max1 , convert the abscissa X0 of the pixel into X0×cosβ, reduce the horizontal length P of the display area to P×cosβ, and display the converted pixel;

Or, when α<α _max1 , the vertical coordinate Y0 of the pixel is converted into Y0×cosα, the vertical length Q of the display area is reduced to Q×cosα, and the converted pixel is displayed;

Or, when β _max1 ≤ β< β _max2 , convert the abscissa X0 of the pixel into X0×cos β _max1 , reduce the horizontal length P of the display area to P×cosβ, set a horizontal scroll bar in the display area, and display the converted of pixels;

Or, when α _max1 ≤ α<α _max2 , convert the vertical coordinate Y0 of the pixel into Y0×cosα _max1 , reduce the vertical length Q of the display area to Q×cosα, set a vertical scroll bar in the display area, and display the converted pixel;

Or, when β≥β _max2 , convert the abscissa X0 of the pixel to X0×cos β _max1 , reduce the horizontal length P of the display area to P×cosβ _max2 , set a horizontal scroll bar in the display area, and display the transformed pixels ;

Or, when α≥α _max2 , the vertical coordinate Y0 of the pixel is transformed into Y0×cos α _max1 , the vertical length Q of the display area is reduced to Q×cos α _max2 , and a vertical scroll bar is set in the display area to display the transformed pixels.

Referring to the accompanying drawings, the present invention will be described in detail with reference to specific embodiments.

In this embodiment, the mobile device flips α around the X axis toward the user, and at the same time flips β around the Y axis toward the user; Actions are broken down for description.

2 is a schematic diagram of a mobile device flipping around the X-axis, where the left side represents the initial position of the mobile device, the dotted line on the right side represents the initial position of the mobile device, and the solid line represents the position of the mobile device after flipping α around the X-axis. Then the coordinates of the pixels need to be converted. Note that the coordinates of the pixels before flipping are (X0, Y0), and then they are (X0, Y0×cosα) after conversion.

Figure 3 is a schematic diagram of pixel ordinate transformation. After the mobile device flips α around the X axis, the angle between the new position of the Y axis of the mobile device and the original position is α, and the vertical coordinate Y0 of the pixel is converted to Y0×cosα. Viewed vertically from top to bottom, it is similar to the projection of each pixel at its original position.

4 is a schematic diagram of a mobile device flipping around the Y axis, where the left side represents the initial position of the mobile device, the dotted line on the right side represents the initial position of the mobile device, and the solid line represents the position of the mobile device after flipping β around the Y axis. Then the coordinates of the pixels need to be converted. Note that the coordinates of the pixels before flipping are (X0, Y0), and then they are (X0×cosβ, Y0) after conversion.

Figure 5 is a schematic diagram of pixel abscissa transformation. After the mobile device flips β around the Y axis, the angle between the new position of the X axis of the mobile device and the original position is β, and the abscissa X0 of the pixel is transformed into X0×cosβ. Viewed vertically from top to bottom, it is similar to the projection of each pixel at its original position.

In the above embodiments, for the convenience of description, the turning of the mobile device centered on the X axis and the Y axis is decomposed, and the center of the mobile device is used as the turning center. In practical applications, flipping in two directions is performed simultaneously, and the flipping is performed centering on the position pressed by the user's finger.

Fig. 6 is a schematic diagram showing the first effect. The star in the figure is the position where the finger is pressed, and this point is used as the origin. The original display image of the screen is on the left, and the flipped display image is on the right. As the flip angle increases, the image and display area shrink synchronously. Since the display area becomes smaller after flipping, it can meet the needs of one-handed operation.

Figure 7 is a second schematic diagram of the display effect. The flip angle continues to increase until the flip angle threshold corresponding to the coordinate mapping is reached. As the flip angle increases, the display area continues to shrink, but the image does not change. At this time, the display area cannot display all images at the same time. The dotted line shows For parts that are not displayed, scroll bars are added to achieve the purpose of controlling the entire screen.

The flip angle continues to increase, and when the flip angle threshold corresponding to the display area mapping is reached, neither the image nor the display area shrinks anymore.

When the enlarged image is displayed, the above step 102 may include: converting the length X of the image into X/cos β; or converting the width Y of the image into Y/cos α. .

In addition, when the image is shrunk or enlarged, in order to ensure that the user's touch screen operation on the shrunk or enlarged image is correctly mapped to the original screen, the coordinate mapping of the touch screen event can be performed on the middle layer of the touch screen. The specific method is described as follows: the display Touch screen events outside the area are ignored. For touch screen events within the display area, the action type remains unchanged, and the coordinates are displayed inversely, so that they are mapped to the original entire screen, and the mapped data is passed to the upper application, which is equivalent to Completely map the user's operations in the display area to the entire screen. The upper application can transparently handle touch screen events. This method has better versatility, and the application layer does not need special processing, and no modification is required.

The present invention also proposes a mobile device for zooming and displaying images, as shown in Figure 8, which is a schematic structural diagram of the mobile device, including:

The gravity acceleration sensor 801 is used to detect the turning of the mobile device, and obtain the turning angle α of the mobile device centered on the X axis and the turning angle β centered on the Y axis; wherein the X axis is a straight line passing through a certain position on the screen , the Y axis is a straight line perpendicular to the X axis;

The display conversion module 802 is configured to reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area.

In the above mobile device, when the image is reduced, the display conversion module 802 converts the length X of the image into X×cosβ; or converts the width Y of the image into Y×cosα.

In the above-mentioned mobile device, when the image is reduced, the display conversion module 802 also sets the flip angle thresholds α _max1 and β _max1 corresponding to the coordinate map, and sets the flip angle thresholds α _max2 and β _max2 corresponding to the display area map, where α _max2 > α _max1 , β _max2 > β _max1 ;

When β<β _max1 , convert the abscissa X0 of the pixel into X0×cosβ, reduce the horizontal length P of the display area to P×cosβ, and display the converted pixel;

Or, when α<α _max1 , the vertical coordinate Y0 of the pixel is converted into Y0×cosα, the vertical length Q of the display area is reduced to Q×cosα, and the converted pixel is displayed;

Or, when β _max1 ≤ β< β _max2 , convert the abscissa X0 of the pixel into X0×cosβ _max1 , reduce the horizontal length P of the display area to P×cosβ, set a horizontal scroll bar in the display area, and display the converted pixel;

Or, when α _max1 ≤ α<α _max2 , convert the vertical coordinate Y0 of the pixel into Y0×cosα _max1 , reduce the vertical length Q of the display area to Q×cosα, set a vertical scroll bar in the display area, and display the converted pixel;

Or, when _{β≥β max2} , convert the abscissa X0 of the pixel to X0×cosβ max1, reduce the horizontal length P of the display area to P×cosβ _max2 , set a horizontal scroll bar in the display area, and display the transformed pixels;

Or, when α≥α _max2 , convert the vertical coordinate Y0 of the pixel to Y0×cosα _max1 , reduce the vertical length Q of the display area to Q×cos α _max2 , set a vertical scroll bar in the display area, and display the transformed pixels .

In the above mobile device, when the image is enlarged, the display conversion module 802 converts the length X of the image into X/cosβ; or converts the width Y of the image into Y/cosα.

The above-mentioned mobile device also includes a touch screen 803, which is used to receive a zoom-out or zoom-in display command, set the input position of the zoom-out or zoom-in display command or a preset position as the origin, and set a straight line parallel to the upper and lower borders of the touch screen and passing through the origin Set it as the X axis, and set the straight line parallel to the left and right borders of the touch screen and passing through the origin as the Y axis.

To sum up, the method and mobile device for zooming and displaying images proposed by the present invention use a gravity acceleration sensor to detect the flip angle of the mobile device, use the flip angle as a parameter, and dynamically map the screen display to a certain area according to the flip angle, thereby realizing Reduce or enlarge the screen image of the mobile device. After the zoomed-in display, the needs of the user for one-handed operation can be met. The present invention also defines two sets of flip angle thresholds to prevent the image from being too small and affecting the operation.

The above descriptions are only preferred embodiments of the present invention, and are not intended to limit the present invention. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present invention shall be included in the present invention. within the scope of protection.

Claims (6)

1. A method for realizing image scaling display, characterized in that, the method comprises: Set the flip angle thresholds α _max1 and β _max1 corresponding to the coordinate mapping, set the flip angle thresholds α _max2 and β _max2 corresponding to the display area map, where α _max2 > α _max1 , β _max2 > β _max1 ; A. Detect the flipping of the mobile device, and obtain the flipped angle α of the mobile device centered on the X axis and the flipped angle β centered on the Y axis; B. Reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area, wherein the X-axis is a straight line passing through a certain position on the screen, and the Y-axis is a straight line perpendicular to the X-axis; When reducing the image, the step B is specifically: When β<β _max1 , convert the abscissa X0 of the pixel into X0×cosβ, reduce the horizontal length P of the display area to P×cosβ, and display the converted pixel; Or, when α<α _max1 , the vertical coordinate Y0 of the pixel is converted into Y0×cosα, the vertical length Q of the display area is reduced to Q×cosα, and the converted pixel is displayed; Or, when β _max1 ≤ β< β _max2 , convert the abscissa X0 of the pixel into X0×cosβ _max1 , reduce the horizontal length P of the display area to P×cosβ, set a horizontal scroll bar in the display area, and display the converted pixel; Or, when α _max1 ≤ α<α _max2 , convert the vertical coordinate Y0 of the pixel into Y0×cosα _max1 , reduce the vertical length Q of the display area to Q×cosα, set a vertical scroll bar in the display area, and display the converted pixel; Or, when _{β≥β max2} , convert the abscissa X0 of the pixel to X0×cosβ max1, reduce the horizontal length P of the display area to P×cosβ _max2 , set a horizontal scroll bar in the display area, and display the transformed pixels; Or, when α≥α _max2 , the vertical coordinate Y0 of the pixel is converted to Y0×cosα _max1 , the vertical length Q of the display area is reduced to Q×cosα _max2 , and a vertical scroll bar is set in the display area to display the transformed pixels. 2. The method according to claim 1, wherein when the image is enlarged, the step B is specifically: Convert the length X of the image to X/cosβ; Alternatively, convert the image's width Y to Y/cos α. 3. The method according to claim 1 or 2, wherein the X-axis is a straight line parallel to the upper and lower borders of the touch screen and passing through the origin, and the Y-axis is a straight line parallel to the left and right borders of the touch screen and passing through the origin; wherein , the origin is an input position or a preset position of a zoom-out or zoom-in display command on the touch screen. 4. A mobile device for zooming and displaying images, characterized in that the mobile device comprises: The gravity acceleration sensor is used to detect the flipping of the mobile device, and obtain the flipping angle α of the mobile device centered on the X axis and the flipping angle β of the mobile device centered on the Y axis; wherein the X axis is a straight line passing through a certain position on the screen, The Y axis is a straight line perpendicular to the X axis; A display conversion module, configured to reduce or enlarge the image on the touch screen according to the α and/or β, and display it in the display area; When the image is reduced, the display conversion module also sets the flip angle thresholds α _max1 and β _max1 corresponding to the coordinate mapping, and sets the flip angle thresholds α _max2 and β _max2 corresponding to the display area map, where α _max2 > α _max1 , β _max2 > β _max1 ; When β<β _max1 , convert the abscissa X0 of the pixel into X0×cosβ, reduce the horizontal length P of the display area to P×cosβ, and display the converted pixel; Or, when α<α _max1 , the vertical coordinate Y0 of the pixel is converted into Y0×cosα, the vertical length Q of the display area is reduced to Q×cosα, and the converted pixel is displayed; Or, when β _max1 ≤ β< β _max2 , convert the abscissa X0 of the pixel into X0×cosβ _max1 , reduce the horizontal length P of the display area to P×cosβ, set a horizontal scroll bar in the display area, and display the converted pixel; Or, when α _max1 ≤ α<α _max2 , convert the vertical coordinate Y0 of the pixel into Y0×cosα _max1 , reduce the vertical length Q of the display area to Q×cosα, set a vertical scroll bar in the display area, and display the converted pixel; Or, when _{β≥β max2} , convert the abscissa X0 of the pixel to X0×cosβ max1, reduce the horizontal length P of the display area to P×cosβ _max2 , set a horizontal scroll bar in the display area, and display the transformed pixels; Or, when α≥α _max2 , the vertical coordinate Y0 of the pixel is converted to Y0×cosα _max1 , the vertical length Q of the display area is reduced to Q×cosα _max2 , and a vertical scroll bar is set in the display area to display the transformed pixels. 5. The mobile device according to claim 4, wherein when the image is enlarged, the display conversion module converts the length X of the image into X/cosβ; or converts the width Y of the image into Y/cosα. 6. The mobile device according to claim 4 or 5, characterized in that the mobile device further comprises a touch screen, configured to receive a zoom-in or zoom-in display instruction, and set the input position of the zoom-in or zoom-in display instruction or a preset The position is set as the origin, the straight line parallel to the upper and lower borders of the touch screen and passing through the origin is set as the X axis, and the straight line parallel to the left and right borders of the touch screen and passing through the origin is set as the Y axis.