CN104468919A - Key view adjusting method and device - Google Patents

Abstract

The invention discloses a button view adjustment method and device. Wherein, the method includes: after detecting that the user touches the screen for more than a specified time, moving the position of the button view according to the user's sliding track for a certain button view on the screen; wherein, the button view is a dialer touch keyboard of the above screen The key views corresponding to each number key and function key of the key; according to the moving position of the above key views, correspondingly adjust the position of other key views on the screen, and adjust the graphic size of each key view on the screen to ensure that the above key views are consistent with other key views The spacing conforms to the preset ratio. The present invention solves the problem in the related art that the fixed key value of the dial key affects the user's use, provides the user with convenient and fast operation, and improves the user's use experience.

Description

A button view adjustment method and device

technical field

The invention relates to the field of mobile communications, in particular to a button view adjustment method and device.

Background technique

At present, one of the most important functions of mobile devices and other products is to make a call. Dialing a call is inseparable from a dialer, and the user needs to dial a number on the dialer interface. However, with the development of mobile device screen technology, the screen of the mobile phone will become larger and larger, and the interface layout relative to the dialer will also gradually become larger with the screen, and the size of the interface layout of the dialer cannot be adjusted by the user at will . When the user of the mobile device operates the screen device with one hand, it is difficult to conveniently click each dial button on the large screen, which brings certain inconvenience to the user. For example, users who are accustomed to holding the mobile phone with the right hand usually hold the lower right part of the mobile device habitually. Difficulties.

Aiming at the problem in the related art that the fixed value of the dial key affects the use of the user, no effective solution has been proposed yet.

Contents of the invention

In view of the problem in the related art that the fixed key value of the dial key affects the user's use, the present invention provides a key view adjustment method and device to solve the above technical problem.

According to one aspect of the present invention, the present invention provides a button view adjustment method, wherein the method includes: after detecting that the user touches the screen for longer than a specified time, moving the above-mentioned The position of the key view; wherein, the above key view is the key view corresponding to each number key and function key of the dialer touch keyboard on the above screen; according to the moving position of the above key view, adjust the positions of other key views on the screen accordingly, and adjust The graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset ratio.

Preferably, before detecting the duration of the user's touch on the screen, the method further includes: constructing two-dimensional coordinates according to the length and width of the above-mentioned screen; and corresponding each key view of the above-mentioned screen to a two-dimensional coordinate.

Preferably, according to the user's sliding track for a certain button view on the screen, moving the position of the button view includes: monitoring the above-mentioned user's sliding track for a certain button view, and determining the two-dimensional coordinate value according to the above-mentioned sliding track; according to the above-mentioned two-dimensional Coordinate value, update the position of the button view on the above screen.

Preferably, according to the moving position of the above-mentioned button view, correspondingly adjust the positions of other button views on the screen, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset ratio, It is realized by the following steps: obtain the longest distance from the graphic center point of each button view to its graphic edge line; adjust the position of other button views on the screen accordingly according to the moving position of the above button view, and adjust the graphics of each button view on the screen Size, so as to ensure compliance with the above-mentioned preset ratio; wherein, the above-mentioned preset ratio is: the distance between any two button views ≥ the above-mentioned longest distance×2.

Preferably, the method further includes: setting a maximum graphic size and a minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size.

According to another aspect of the present invention, the present invention also provides a button view adjustment device, wherein the device includes: a moving module, configured to, after detecting that the user touches the screen for longer than a specified time, The slide track of the button view moves the position of the above button view; wherein, the above button view is the button view corresponding to each number key and function key of the dialer touch keyboard on the above screen; the adjustment module is used to move the position according to the above button view , adjust the position of other button views on the screen accordingly, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset ratio.

Preferably, the above-mentioned device further includes: a coordinate construction module, configured to construct two-dimensional coordinates according to the length and width of the above-mentioned screen; and correspond each button view of the above-mentioned screen to a two-dimensional coordinate.

Preferably, the mobile module includes: a coordinate determining unit, configured to monitor the user's sliding track for a certain button view, and determine a two-dimensional coordinate value according to the sliding track; a position updating unit, configured to update the position based on the above-mentioned two-dimensional coordinate value The position of the button view on the above screen.

Preferably, the adjustment module includes: a distance acquisition unit, configured to acquire the longest distance from the graphic center point of each button view to its graphic edge line; The position of other button views, and adjust the above-mentioned longest distance of each button view on the screen to ensure compliance with the above-mentioned preset ratio; wherein, the above-mentioned preset ratio is: the distance between any two button views ≥ the above-mentioned longest distance×2.

Preferably, the device further includes: a setting module, configured to set a maximum graphic size and a minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size.

Through the present invention, after it is detected that the user touches the screen for more than a specified time, the position of the key view is moved according to the user’s sliding track for a certain key view on the screen; and then other keys on the screen are adjusted accordingly according to the moving position of the key view The position of the view, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the above button view and other button views conforms to the preset ratio. It solves the problem that the fixed key value of the dial key affects the user's use in the related technology, so that the user can easily click the key value of the dialer that the user wants to click without the need for a large range of movement with one hand, or according to the preferences of the key layout Setting the layout position of the dialer keys by oneself provides the user with convenient and fast operation and improves the user experience.

The above description is only an overview of the technical solution of the present invention. In order to better understand the technical means of the present invention, it can be implemented according to the contents of the description, and in order to make the above and other purposes, features and advantages of the present invention more obvious and understandable , the specific embodiments of the present invention are enumerated below.

Description of drawings

FIG. 1 is a flow chart of a button view adjustment method according to an embodiment of the present invention;

FIG. 2 is a schematic layout diagram of a dialer touch keyboard according to an embodiment of the present invention;

Fig. 3 is a schematic diagram before the layout of the dialer touch keyboard according to an embodiment of the present invention;

FIG. 4 is a schematic diagram of the layout of the dialer touch keyboard according to an embodiment of the present invention;

Fig. 5 is a structural block diagram of a button view adjustment device according to an embodiment of the present invention;

Fig. 6 is a preferred structural block diagram of a button view adjustment device according to an embodiment of the present invention;

Fig. 7 is a schematic flow diagram of a system for realizing the key layout of a dialer according to an embodiment of the present invention.

Detailed ways

In order to solve the problem in the prior art that the fixed value of the dial key affects the user's use, the present invention provides a key view adjustment method and device. The present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

Based on the prior art, the dialer interface of the touch screen mobile device is fixed, which will cause inconvenience to the user during use. The present invention provides a layout method for the dialer interface of the touch screen mobile device, and the user can Willingness, move any view on the dialer interface on the screen at will, realize the layout of the dialer interface at any position within a screen, and adaptively change the shape and size of the view according to the layout position.

In order to achieve the above object, the present invention adopts the following technical solutions, including: the initial state of the screen is to enter the initial interface of the dialer, if the user enters the interface editing state and touches a button view on the interface and slides in any direction, the button view will be displayed according to the The trajectory of the user's slide moves to the screen position where the user finally stays, so as to realize the layout of any position on the dialer interface, and the graphic size of the button view will be dynamically adjusted according to the absolute linear distance between the screen coordinate positions of the button views. .

This embodiment provides a button view adjustment method, which can be implemented on the mobile device side. FIG. 1 is a flowchart of a button view adjustment method according to an embodiment of the present invention. As shown in FIG. 1 , the method includes the following steps ( Step S102-Step S104):

Step S102, after detecting that the user touches the screen for longer than the specified time, move the position of the button view according to the user's sliding track for a certain button view on the screen; wherein, the above-mentioned button view is each number key of the dialer touch keyboard on the screen The key view corresponding to the function key;

In this step, you can set the specified duration as 2S, that is, if the user touches the screen for more than 2S, it is considered that the user wants to change the layout of the button view on the screen. The specified duration is set to prevent the user from inadvertently touching the screen, causing the layout of the button view to change, causing misoperation and affecting the user's use. In addition, the button view may be a view corresponding to each number button, each function button, number input box and other related buttons on the screen. The following is a detailed description through examples.

Step S104, according to the moving position of the button view, adjust the position of other button views on the screen accordingly, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset ratio.

Through the above-mentioned embodiment, after it is detected that the user touches the screen for longer than the specified time, the position of the button view is moved according to the user's sliding track for a certain button view on the screen; and then other buttons on the screen are adjusted accordingly The position of the button view, and adjust the graphic size of each button view on the screen to ensure that the distance between the above button view and other button views conforms to the preset ratio. It solves the problem that the fixed key value of the dial key affects the user's use in the related technology, so that the user can easily click the key value of the dialer that the user wants to click without the need for a large range of movement with one hand, or according to the preferences of the key layout Setting the layout position of the dialer keys by oneself provides the user with convenient and fast operation and improves the user experience.

In order to more accurately determine the position of the button view, this embodiment provides a preferred implementation mode, that is, constructing two-dimensional coordinates on the screen of the mobile device, and marking the specific position of the screen where the button view is located by means of two-dimensional coordinates. A detailed introduction will be made below in conjunction with the accompanying drawings.

Fig. 2 is a schematic diagram of the layout of the dialer touch keyboard according to an embodiment of the present invention, the initial dialer interface as shown in Fig. 2, the dialer layout has the system default setting, and each button has its own layout, which is specifically displayed on the screen The above is to set the layout corresponding to the button according to the point of the coordinate value on the screen. When the user taps the keyboard button on the screen and presses it for a long time, the user enters the keyboard editing mode, and the system will continue to monitor the response of the touch event.

For each key of the dialer keyboard, it corresponds to a specified key view. When the key view is in the default position of the screen, it is based on the coordinate value on the screen, such as the coordinate value (X1, Y1) shown in key view 1 in Figure 2. , to set your own layout. The user's finger clicks on the button view on the screen, and moves to any position on the screen through any trajectory. During the entire movement process, the system will change the screen coordinate value according to the monitored touch event from (X1, Y1 )->(X2,Y2)->(X3,Y3)->(Xn,Yn), continuously update the layout of the button view on the keyboard, so as to realize the position movement of the button view on the screen. When the user's finger is released, the system will cancel the touch monitoring, and will not update the layout coordinates of the button view. The corresponding button view will set its final layout according to the coordinate value of the last position where the user's finger leaves the screen.

Based on the above analysis, this embodiment provides a preferred implementation manner, that is, before detecting the duration of the user touching the screen, the above method further includes: constructing two-dimensional coordinates according to the length and width of the screen; dimension coordinates. According to the user's sliding track for a button view on the screen, moving the position of the button view includes: monitoring the user's sliding track for a certain button view, determining the two-dimensional coordinate value according to the sliding track; updating the button according to the two-dimensional coordinate value The position of the view on the screen. Through the above preferred implementation manners, the position of the button view can be more accurately determined, providing a basis for subsequent changes to the layout of the button view on the screen.

For step S104, according to the moving position of the button view, correspondingly adjust the position of other button views on the screen, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view and other button views conforms to the preset ratio. The above operation is to ensure that the layout of other button views is reasonable when the position of the button view changes, and avoid overlapping and occlusion, which will affect the user's use. A detailed description will be made below in conjunction with the accompanying drawings.

Fig. 3 is a schematic diagram before the layout of the dialer touch keyboard according to an embodiment of the present invention. As shown in Fig. 3, firstly, the distance (Distance) from the center position of each button view to the edge of its view can be obtained, for example, button view 1 The screen coordinates of the center position of is (X, Y), and the absolute distances to the edge of its key value are A1, A2, A3, A4 respectively. Take its maximum value max(A1,A2,A3,A4). When the user drags button view 1 to any position, the absolute distance between the coordinates of button view 1 and the coordinates of other surrounding key values will be calculated, and the minimum value MIN (distance) will be taken. If the minimum value MIN<2*max(A1,A2,A3,A4), then reduce the graphic size of the button view, and continue to calculate max(A1,A2,A3,A4) and MIN at the same time until MIN=2*max( After A1,A2,A3,A4), stop zooming out. On the contrary, when the minimum value MIN>2*max(A1,A2,A3,A4), expand the graphic size of the button view, and continue to calculate max(A1,A2,A3,A4) and MIN at the same time until MIN=max( A1, A2, A3, A4). In addition, you can also set the threshold for arbitrary expansion and reduction of graphics. If the distance between the center position and the edge of the view is less than or equal to the set threshold during the zooming out process, the zooming out will stop. The same goes for zooming in. After moving the button view on the screen and adjusting the corresponding size and spacing according to the above operation process, the layout of the obtained button view can be shown in Figure 4 after the layout of the dialer touch keyboard. In Figure 4, Each number key, function key (such as the delete key) and the number input box are adaptively adjusted to facilitate user operation and improve user experience.

Based on the above introduction, this embodiment provides a preferred implementation mode, that is, according to the moving position of the button view, correspondingly adjust the positions of other button views on the screen, and adjust the graphic size of each button view on the screen, so as to ensure that the button view is consistent with other button views. The spacing of the button views conforms to the preset ratio, which is achieved through the following steps: Obtain the longest distance from the graphic center point of each button view to its graphic edge line; according to the moving position of the above button view, adjust the position of other button views on the screen accordingly, And adjust the graphic size of each button view on the screen to ensure compliance with the above preset ratio; wherein, the above preset ratio is: the distance between any two button views ≥ the above longest distance×2. The method further includes: setting the maximum graphic size and the minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size. Through the above preferred implementation manners, the layout of each button view on the screen can be adjusted reasonably and accurately, so as to improve the user experience.

Corresponding to the method for adjusting the button view introduced in the above embodiments, this embodiment provides a device for adjusting the button view, which can be set on the side of the mobile device to implement the above embodiments. FIG. 5 is a structural block diagram of a button view adjusting device according to an embodiment of the present invention. As shown in FIG. 5 , the device includes: a moving module 10 and an adjusting module 20 . The structure is described in detail below.

The moving module 10 is configured to move the position of a button view according to the user's sliding track for a button view on the screen after detecting that the user touches the screen for a duration exceeding a specified duration; The key view corresponding to each number key and function key of the keyboard;

The adjustment module 20 is connected to the mobile module 10, and is used to adjust the position of other button views on the screen correspondingly according to the moving position of the above button view, and adjust the graphic size of each button view on the screen, so as to ensure that the above button view is consistent with other button views The spacing conforms to the preset ratio.

Through the above-mentioned embodiment, after the mobile module 10 detects that the user touches the screen for more than a specified time, it moves the position of the key view according to the sliding track of the user on the screen for a certain key view; then the adjustment module 20 moves the position according to the key view , adjust the positions of other button views on the screen accordingly, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the above button view and other button views conforms to the preset ratio. It solves the problem that the fixed key value of the dial key affects the user's use in the related technology, so that the user can easily click the key value of the dialer that the user wants to click without the need for a large range of movement with one hand, or according to the preferences of the key layout Setting the layout position of the dialer keys by oneself provides the user with convenient and fast operation and improves the user experience.

In order to more accurately determine the position of the button view, this embodiment provides a preferred implementation mode, as shown in FIG. 6, the preferred structural block diagram of the button view adjustment device. In addition to the above-mentioned devices including the various modules introduced in FIG. 5, It also includes: a coordinate construction module 30, connected to the mobile module 10, for constructing two-dimensional coordinates according to the length and width of the screen; and corresponding each button view of the screen to a two-dimensional coordinate.

Preferably, the above-mentioned mobile module 10 includes: a coordinate determination unit, configured to monitor the user's sliding track for a certain button view, and determine a two-dimensional coordinate value according to the sliding track; a position updating unit, configured to update the button according to the two-dimensional coordinate value The position of the view on the above screen. Through the above preferred implementation manners, the position of the button view can be more accurately determined, providing a basis for subsequent changes to the layout of the button view on the screen.

Preferably, the adjustment module 20 includes: a distance acquisition unit, configured to acquire the longest distance from the graphic center point of each button view to its graphic edge line; a distance adjustment unit, configured to adjust the screen accordingly according to the moving position of the button view The position of other button views on the screen, and adjust the above-mentioned longest distance of each button view on the screen to ensure that the above-mentioned preset ratio is met; wherein, the above-mentioned preset ratio is: the distance between any two button views ≥ the above-mentioned longest distance×2 .

Preferably, the device further includes: a setting module, configured to set a maximum graphic size and a minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size. Through the above preferred implementation manners, the layout of each button view on the screen can be adjusted reasonably and accurately, so as to improve the user experience.

Corresponding to the button view adjustment device introduced in the above embodiment, this embodiment provides another software implementation solution. FIG. 7 is a schematic flow diagram of a system for realizing the key layout of a dialer according to an embodiment of the present invention. As shown in FIG. 7 , the The system consists of four parts: a dialer layout view control module, a view modification module, a touch event monitoring module, and a system touch event control module. The touch event monitoring module continuously monitors the touch events of the system, and obtains the coordinate value of the touch event from the system touch event control module, and provides the coordinate value to the dialer layout view control module, and the view modification module also obtains the coordinate value from the system touch event control module. The module obtains the view ID corresponding to the touch event. Through the ID and coordinate values, the view layout provided by the dialer layout view control module is completed by the view modification module, and finally the new view layout after modification is output. By analogy, the system will finally update the layout coordinates of the view on the dialer according to the user's touch response time, so as to realize any layout of the dialer interface.

From the above description, it can be seen that through the technical solution of the present invention, convenient and fast operations can be provided to the user, so that the user can easily click the dialer key that the user wants to click without the need for a large-scale movement with one hand. In addition, the user can also set the layout position of the dialer button according to his preference for the layout of the button, which can improve the user experience.

Although preferred embodiments of the present invention have been disclosed for illustrative purposes, those skilled in the art will appreciate that various modifications, additions and substitutions are possible, and therefore, the scope of the present invention should not be limited to the above-described embodiments.

Claims (10)

1. A button view adjustment method, characterized in that the method comprises: After detecting that the user touches the screen for longer than the specified time, move the position of the button view according to the user's sliding track for a certain button view on the screen; wherein, the button view is each number key of the dialer touch keyboard on the screen The key view corresponding to the function key; According to the moving position of the button view, correspondingly adjust the positions of other button views on the screen, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset ratio. 2. The method according to claim 1, wherein before detecting the duration of the user touching the screen, the method further comprises: Constructing two-dimensional coordinates according to the length and width of the screen; Corresponding each button view of the screen to a two-dimensional coordinate. 3. The method according to claim 2, wherein, according to the user's slide track for a certain button view on the screen, moving the position of the button view comprises: monitoring the user's sliding track for a certain button view, and determining two-dimensional coordinate values according to the sliding track; The position of the button view on the screen is updated according to the two-dimensional coordinate value. 4. The method according to claim 1, characterized in that, according to the moving position of the button view, the positions of other button views on the screen are correspondingly adjusted, and the graphic size of each button view on the screen is adjusted to ensure that the user moves accurately. The distance between the button view and other button views conforms to the preset ratio, which is achieved through the following steps: Obtain the longest distance from the graphic center point of each button view to its graphic edge line; According to the moving position of the button view, correspondingly adjust the positions of other button views on the screen, and adjust the graphic size of each button view on the screen to ensure compliance with the preset ratio; wherein, the preset ratio is: any two The distance between each button view ≥ the longest distance×2. 5. The method according to any one of claims 1 to 4, further comprising: Setting the maximum graphic size and the minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size. 6. A button view adjustment device, characterized in that the device comprises: The mobile module is used to move the position of a certain button view on the screen according to the sliding track of the user on the screen after detecting that the user touches the screen for longer than a specified duration; wherein, the button view is a dialer of the screen The key view corresponding to each number key and function key of the touch keyboard; The adjustment module is used to adjust the position of other button views on the screen accordingly according to the moving position of the button view, and adjust the graphic size of each button view on the screen, so as to ensure that the distance between the button view moved by the user and other button views conforms to the preset Set a scale. 7. The device of claim 6, further comprising: The coordinate construction module is used to construct two-dimensional coordinates according to the length and width of the screen; each button view of the screen corresponds to a two-dimensional coordinate. 8. The device according to claim 7, wherein the mobile module comprises: A coordinate determining unit, configured to monitor the user's sliding track for a certain button view, and determine two-dimensional coordinate values according to the sliding track; A position updating unit, configured to update the position of the button view on the screen according to the two-dimensional coordinate value. 9. The device according to claim 6, wherein the adjustment module comprises: The distance acquisition unit is used to acquire the longest distance from the graphic center point of each button view to its graphic edge line; The distance adjustment unit is used to adjust the position of other button views on the screen accordingly according to the moving position of the button view, and adjust the longest distance of each button view on the screen to ensure compliance with the preset ratio; wherein, The preset ratio is: the distance between any two button views≥the longest distance×2. 10. The device according to any one of claims 6 to 9, further comprising: A setting module, configured to set the maximum graphic size and the minimum graphic size of each button view; wherein, the adjusted graphic size of the button view is smaller than the maximum graphic size and larger than the minimum graphic size.