WO2012068932A1

WO2012068932A1 - Method and device for controlling application icons on touch screen

Info

Publication number: WO2012068932A1
Application number: PCT/CN2011/080958
Authority: WO
Inventors: 张亚琪; 朱涛; 蒋本兵
Original assignee: 中兴通讯股份有限公司
Priority date: 2010-11-24
Filing date: 2011-10-18
Publication date: 2012-05-31
Also published as: CN102479027A

Abstract

Disclosed are a method and a device for controlling application icons on a touch screen, applied in the technical field of touch screens for mobile terminals. The method comprises: after a mobile terminal receives a touch pressing message through an application icon interface, saving coordinate information of a pressed point in the touch pressing information; determining an icon corresponding to the coordinate information according to the coordinate information and initial icon position information saved when the application icon interface is created; detecting a pressing time, and if the pressing time is a first preset time, setting the state of a flag bit of the icon as an icon moving state, and according to received touch moving information, moving the icon to a designated position. The method and device of this application can solve the problem in the prior art that the demand of interface customizability is limited since the position of the application icon cannot be changed arbitrarily. Therefore, the application icons can be moved and dragged at will according to input parameters of users, thus improving the user experience.

Description

Method and device for controlling touch screen application icon

The present invention relates to the field of touch screen technologies for mobile terminals, and in particular, to a method and device for controlling touch screen application icons. Background technique

With the continuous development of information technology, the application of touch screens for mobile terminals has become very widespread, such as: touch screen mobile phones, touch screen mobile GPS (Global Positioning System), touch screen game consoles and the like. Touch operation has become an increasingly popular and portable way of human-computer interaction. However, in many current touch screen terminals, the functions provided are only simple touch operations, such as button click reflection on the interface, sliding operation, etc., and some of the more beautiful special effects are rarely seen, failing to meet modern The pursuit of human personality.

The application icon in the terminal interface is the interface identifier corresponding to each actual application, which is used to display the specific application meaning. In the mobile phone mobile terminal, there are different small icons on the mobile phone standby interface to identify different applications. Such as SMS applications, business card holder applications, Fetion applications. The function provided by most terminals is to enter the application corresponding to the application icon when the application icon is touched, and the corresponding response of different applications is made. However, the icon position of the specific application in the interface is implemented in the code design of the MMI (Man Machine Interface) in the beginning of the code design according to the UI (User Interface) design, and once the UI After the design is finalized, the mode of the interface will be finalized after the coding is completed, and the position of the application icon cannot be changed, which greatly limits the current requirements for interface customization. Summary of the invention

The invention provides a method and a device for controlling a touch screen application icon, which are used to solve the prior art The location of the application icon in the operation cannot be changed according to the user's needs, thus making the user experience a bad problem.

The embodiment of the invention provides a method for controlling a touch screen application icon, including:

After the mobile terminal receives the touch press message through the application icon interface, the coordinate information of the pressed point in the touch press information is saved;

Determining an icon corresponding to the coordinate information according to the coordinate information and initial icon position information saved when the application icon interface is created;

The pressing time is detected. If the pressing time is the first preset time, the state of the flag bit of the icon is set to an icon movement shape, and the icon is moved to the designated position according to the received touch movement information.

According to the above method, the embodiment of the present invention further provides a control device for a touch screen application icon, including:

a parameter collecting module, configured to save coordinate information of a pressing point in the touch pressing information after receiving the touch pressing message on the application icon interface;

a moving icon determining module, configured to determine an icon corresponding to the coordinate information according to the coordinate information and initial icon position information saved when the application icon interface is created;

The icon moving module is configured to set a state of the flag bit of the icon to an icon moving shape if the pressing time is the first preset time, and move the icon to the specified position according to the received touch movement information.

A mobile terminal includes a control device for the touch screen application icon. The method and device provided by the invention can perform the random movement and dragging of the application icon according to the input parameters of the user, thereby improving the user experience. DRAWINGS

1 is a flowchart of a method for controlling a touch screen application icon according to an embodiment of the present invention; FIG. 1 is a flowchart of a press-down message processing of an icon interface according to an embodiment of the present invention; FIG. 3 is a flowchart of a timer message processing of an icon interface according to an embodiment of the present invention; FIG. 4 is a flowchart of a process of moving a message of an icon interface according to an embodiment of the present invention; FIG. Touch up (up) message processing flow chart; FIG. 6 is a structural diagram of a control device for a touch screen application icon according to an embodiment of the present invention. detailed description

An embodiment of the present invention provides a method for controlling a touch screen application icon, the method includes: after receiving a touch press message through an application icon interface, saving a coordinate information of a pressed point in the touch press information; The initial icon position information saved when the application icon interface is created determines an icon corresponding to the coordinate information; detecting a pressing time, if the pressing time is the first preset time, setting a status of the icon bit of the icon to an icon moving shape, And moving the icon to the specified location according to the received touch movement information.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS A specific embodiment and process of the present invention will be described below with reference to the drawing of a main effect interface of a hand held touch screen terminal.

The key to completing the icon drag effect as shown in Figure 1 is the special handling of several touch screen messages, including click-down messages, timer messages, move messages, and touch lifts (up ) Messages, etc. The following is a detailed explanation of the special processing flow for each message.

Step 101: Save the initial icon position information when the application icon interface is created, and then use the icon to drag and drop the real-time update and save the position information when the effect is moved.

Step 102: After receiving the touch press message through the application icon interface, the mobile terminal saves the coordinate information of the pressed point in the touch information.

Step 103: Determine an icon corresponding to the coordinate information according to the coordinate information and initial icon position information saved when the application icon interface is created.

Step 104: Detect a pressing time. If the pressing time is a first preset time, set a state of the flag bit of the icon to an icon moving shape, and according to the received touch movement information, The icon moves to the specified location.

The touch movement information is that when the user selects an icon to move, the icon can be moved to the specified position according to the received touch movement information in the following manner:

A. After the state of the icon bit of the icon is set to the icon movement shape, the selected icon is displayed in a floating state by the animation effect. The user operates the drag icon on the touch screen, the terminal receives the touch movement information through the touch screen, and moves the selected icon to the designated position according to the touch movement information.

B. After the state of the icon bit of the icon is set to the icon movement shape, the selected icon is displayed in a floating state by the animation effect. The user clicks on the touch screen at the specified location, and the terminal moves the icon to the specified location according to the click information.

Step 105: Obtain a coordinate B (xl, yl) of the current moving point from the touch movement information, calculate whether the boundary of the application icon interface is removed according to the coordinates of the B point, and if the boundary of the interface is removed, return the icon. Go to the original location and end the operation; otherwise go to step 106.

Step 106: If the coordinate of point B is within the range of the application icon interface, set the state of the moving flag bit to TRUE, and draw the moved icon to the position to which the current movement is.

FIG. 2 shows a processing flow of a touch message for an icon interface. The processing flow is divided into the following three steps:

Step 201: The terminal receives the touch press message through the interface, and then records the coordinate of the pressing point A (X, y)=

Step 202: Determine whether the click is in the icon area, if yes, go to step 203, otherwise end the operation.

Steps 203-204: Calculate the icon pressed at the time according to the coordinates of the A point. If the icon is normal, setting the icon as the focus item includes redrawing the focus item interface and recording the focus item data. Set an icon to start moving the timer. If the interface receives the timer message, the timer message is processed; otherwise, the operation ends. As shown in FIG. 3, it is a processing flow of the timer message by the icon interface. The processing flow is divided into the following steps:

Step 301: At this time, according to the wParam parameter passed in the timer message, the received timer ID is determined, and the effect starts with an icon to start the movement timer ID and the icon exchange timer ID.

Step 302: When it is determined that the parameter is an icon start movement timer ID, then the status of the flag bit in the window data structure is set to an icon movement, and the icon start movement timer is reset.

In addition, a floating selected icon is drawn, and the data information record of the floating icon is saved, including the original row and column information of the icon and the focused and unfocused icon information. Redrawing the UI interface of the selected one avoids the problem of flickering and low drawing efficiency caused by the entire window redrawing.

Step 303: When the parameter is an icon exchange timer ID, perform an icon exchange process. As shown in FIG. 4, the processing flow of the icon interface to the touch mobile message in the embodiment of the present invention includes the following steps:

Step 401: When the touch screen receives the move message input by the user (ie, the move message received by the interface when the touch pen moves on the touch screen), the coordinate B (xl, yl) of the current moving point is taken out from the incoming parameter. First, according to the coordinates of point B, it is calculated whether the boundary of the interface is removed. If the boundary of the interface is removed, the icon returns to the original position, and the mobile effect ends.

Step 402: If the coordinates of the B point are within the interface range, the process of moving the icon is performed: first, the position of the moving flag is TRUE, and the icon selected for moving is represented by a specially drawn floating icon, and when the mobile move message is processed, the direct use The way of drawing will move the moving icon in real time to the position where it is currently moved, and at the same time, the other moved icons will be specially displayed.

In addition, in the embodiment of the present invention, the processing flow when processing the move message is:

When the move message is received, the position coordinates of the current coordinate point are recorded, and the coordinates of the last coordinate point are subtracted from the coordinates of the coordinate point at this time, and two moving distance values, that is, the moving distance in the X direction and Y are obtained. Move the distance in the direction, and judge the movement difference between the two directions, when the difference is greater than 5, the move message is processed, otherwise the exit is not processed, and the algorithm is applied to move The processing of the message avoids the processing of frequent move messages caused by minute movements, making the movement smoother and more stable.

Step 403, the special display of the moving in icon includes: when the first time moves into an icon position (set to icon B), the icon B is displayed in focus, the terminal determines that the moving icon moves into the position of the icon B; when the moving icon stays at the position of the icon B After a certain period of time (a certain time can be set according to the specific application), this focus icon (ie, icon B) automatically moves to the initial position of the moved icon.

In the process of moving, the current position of the icon is calculated according to the real-time B point coordinate, and a flag bit bFocusPaint is used to determine whether it is the first time to move in. When the flag bit is TRUE, it indicates that it is not the first time. If the icon is already in focus display, the move message will not be processed to prevent the interface from flickering caused by repeated processing. When the flag is FALSE, it indicates that the position is moved to the first time. After the position of the flag is TRUE, the area moved in and the area where the last focus display is removed is calculated, and then the two areas are redrawn and displayed. .

When the icon is moved in for the first time, an icon exchange timer is set, and when the set icon exchange timer message arrives, the effect processing of the icon automatic movement is performed.

As shown in FIG. 5, it is a processing flow of the icon interface to the touch up message. The processing flow is divided into the following steps:

In step 501, all timer messages are cleared, and all icon movement related flags are reset. Step 502: Determine the coordinates of the current moving point in the received up message (ie, determine the touch pen release position), and if released outside the window range, the dragged menu item returns to the original position; if released within the window range, proceed Animated exchange of icons for two menu items.

Among them, the icon exchange effect caused by the icon exchange timer is automatically moved or the touch-up message is performed, which will be described in detail below.

Calculate the motion trajectory of the icon during the movement. In order to ensure the fast and smooth movement, the uniform deceleration algorithm is used to calculate the motion trajectory of the point. The algorithm defines a point trajectory array for calculating the X and y of the save point. The motion coordinates of the values, and calculate the motion trajectories of the X and y points, respectively. Here, only the calculation of the X point is taken as an example.

In the uniform deceleration algorithm, first input the coordinates of the starting point (fxStart, fyStart) and the coordinates of the ending point to be moved (fxEnd, fyEnd), and input the total number of steps icount that need to be moved, using several variables for each algorithm. Overlay, cycle icount times to calculate icount motion track points. Among them, icount can be set according to the specific parameters and the effect in the actual application. When the animation effect needs to be obvious, the step size icount value can be increased. When the speed of the special effect is accelerated, the step value can be reduced.

After the motion trajectory is calculated, the coordinates of each motion track point are saved in a global array, and the floating icon is drawn to the calculated coordinate position each time by using the loop algorithm and the sleep mode, and the icon is completed after n times of moving drawing. Transposition effects.

As shown in FIG. 6, the embodiment of the present invention further provides a control device for a touch screen application icon, including:

The parameter collection module 601 is configured to save the coordinate information of the pressing point in the touch pressing information after receiving the touch pressing message on the application icon interface;

The mobile icon determining module 602 is configured to determine an icon corresponding to the coordinate information according to the coordinate information and initial icon position information saved when the application icon interface is created;

The icon moving module 603 is configured to set a state of the flag bit of the icon to an icon moving state if the pressing time is the first preset time, and move the icon to the specified position according to the received touch movement information.

The icon moving module 603 further sets a state of the flag bit of the icon to the icon moving shape, and is further used to draw a floating icon that is the same as the icon; and moves the floating icon to the specified position according to the touch mobile information playing. Animation effect.

The icon movement module 603 is further configured to: the coordinates of the specified position correspond to another icon, obtain the initial icon position information of the moved icon, and move the icon of the specified position to the initial position of the mobile icon. The icon moving module 603 moves the icon to the specified location according to the received touch movement information, including:

The coordinate B of the current moving point is obtained from the received touch movement information, and the boundary of the application icon interface is calculated according to the coordinate of the point B. If the boundary of the interface is removed, the icon is returned to the original position, and the operation ends.

If the coordinates of point B are within the range of the application icon interface, set the state of the movement flag to TRUE, and draw the moved icon at the position to which it is currently moved.

The icon movement module 603 is further configured to draw the moved icon before the current moved position, and after receiving the coordinate B of the current moving point, record the position coordinate of the current coordinate point, and subtract the recorded coordinate from the current coordinate point coordinate. The coordinate point coordinate of the last time, the moving distance value is obtained, and it is judged whether the moving distance value is greater than the moving preset value, and if so, the moving icon is drawn at the position to which the current movement is; otherwise, it is exited.

In addition, in order to enhance the operability of the mobile terminal, the control device of the touch screen application icon may be disposed in the mobile terminal.

The invention realizes the icon movement and drag effect of the handheld touch terminal interface, and the user application icon can be freely moved and dragged according to one's own preference, and the visual effect is good.

In the process of moving the icon, the method of directly drawing the mobile icon is used instead of the method of window movement to complete the special effect process, thereby improving the efficiency of the movement.

The algorithm of decelerating is used in the process of moving the icon, so that the user can feel the speed and smoothness in the process of moving, without delay or frustration, and the user experience is better.

Scalability is good. The trajectory calculation method for moving the drag and the effect position exchange is separate, the algorithm for the exchange trajectory can be redesigned according to different visual requirements, and other design and message processing need not be modified.

Good portability. This method does not depend on a specific hardware and software platform. If you need to migrate to other software and hardware platforms, you only need to repackage the touch control module's message according to the characteristics of the new platform. The interface and screen refresh interface can be used. The other embodiments of the invention are obtained according to the technical solution of the invention, which are also within the scope of the technical innovation of the invention.

It is apparent that those skilled in the art can make various modifications and variations to the invention without departing from the spirit and scope of the invention. Thus, it is intended that the present invention cover the modifications and modifications of the invention

Claims

Claim

A method for controlling a touch screen application icon, comprising:

2. The method according to claim 1, wherein after the status of the flag of the icon is set to be moved, the method further comprises: drawing a floating icon having the same icon as the icon;

And playing an animation effect of moving the floating icon to a specified position according to the touch movement information.

3. The method according to claim 2, wherein if the coordinates of the specified position correspond to another icon, the initial icon position information of the moved icon is acquired, and the icon of the specified position is moved to the mobile icon The initial position.

4. The method according to claim 1, wherein the moving the icon to the specified location according to the received touch movement information comprises:

Obtaining the coordinate B of the current moving point according to the received touch movement information, calculating whether the boundary of the application icon interface is removed according to the coordinates of the point B, and if the boundary of the interface is removed, returning the icon to the original position, ending the operation;

5. The method of claim 4, wherein the moving icon is drawn at the current Before moving to the location further includes:

After receiving the coordinate B of the current moving point, the position coordinate of the current coordinate point is recorded, and the coordinates of the last coordinate point of the record are subtracted from the current coordinate point coordinate to obtain a moving distance value, and it is determined whether the moving distance value is greater than the moving value. Preset value, if the moved icon is drawn at the current position to move; otherwise exit.

6. A control device for a touch screen application icon, comprising:

The device according to claim 6, wherein the icon moving module is further configured to draw a floating icon with the same icon after the state of the icon bit of the icon is set to be moved by the icon; An animation effect of moving the hovering icon to a specified position is played according to the touch movement information.

The device according to claim 7, wherein the icon movement module is further configured to: when the coordinates of the specified position correspond to another icon, obtain initial icon position information of the moved icon, and move the icon of the specified position Go to the initial position of the mobile icon.

9. The device of claim 6, wherein the icon movement module moves the icon to the specified location according to the received touch movement information comprises:

Obtaining the coordinate B of the current moving point from the touch movement information, calculating whether the boundary of the application icon interface is removed according to the coordinates of the B point, and if the boundary of the interface is removed, returning the icon to the original position, ending the operation; If the coordinates of point B are within the range of the application icon interface, the state of the movement flag is set to TRUE, and the moved icon is drawn at the position to which the current movement is.

The device according to claim 9, wherein the icon movement module is further configured to draw the moved icon before the currently moved position, and after receiving the coordinate B of the current moving point, record the current The position coordinate of the coordinate point, the coordinates of the last coordinate point of the record are subtracted from the current coordinate point coordinate, and the moving distance value is obtained, and it is determined whether the moving distance value is greater than the moving preset value, if the moving icon is drawn on the current movement To the location; otherwise exit.

A mobile terminal, comprising: the mobile terminal comprising the control device for the touch screen application icon according to any one of claims 6 to 10.