Methods and devices for user interactive interfaces on touchscreens

Abstract

The present application is directed to devices and methods for touchscreen interactive interface. The method may comprise steps of combining two or more single-function buttons on the user interface of the touchscreen device into one multifunction button; monitoring a real-time touch operation with the multifunction button by a user; determining the type of the touch operation according to the time of the touch operation; and unfolding the two or more single-function buttons one after another around the multifunction button according to the type of the touch operation.

We claim: 
     
         1 . A method for operating an interactive user interface on a touchscreen device, the method comprising:
 combining, by a touchscreen device comprising a memory and a processor in communication with the memory, two or more single-function buttons on a user interface of the touchscreen device into one multifunction button at a docking location;   monitoring, by the touchscreen device, a real-time touch operation of the interactive user interface by a user;   determining, by the touchscreen device, a type of the real-time touch operation according to a length of time of the real-time touch operation;   when the type of the real-time touch operation is determined to be a first type, unfolding, by the touchscreen device, the two or more single-function buttons in a user touch area around the docking location of the multifunction button; and   when the type of the real-time touch operation is determined to be a second type:
 adjusting, by the touchscreen device, the docking location of the multifunction button according to a dragging movement operation performed by the user, and 
 unfolding, by the touchscreen device, the two or more single-function buttons in the user touch area around the docking location of the multifunction button. 
   
     
     
         2 . The method according to  claim 1 , wherein the determining the type of the real-time touch operation according to the length of time of the real-time touch operation comprising:
 judging, by the touchscreen device, whether the length of time of the real-time touch operation satisfies a preset condition of the first type;   when it is judged that the length of time of the real-time touch operation satisfies the preset condition of the first type, determining, by the touchscreen device, the type of the real-time touch operation to be the first type; and   when it is judged that the length of time of the real-time touch operation does not satisfy the preset condition of the first type, determining, by the touchscreen device, the type of the real-time touch operation to be the second type.   
     
     
         3 . The method according to  claim 2 , wherein the judging whether the length of time of the real-time touch operation satisfies the preset condition of the first type comprises:
 judging, by the touchscreen device, whether the length of time of the real-time touch operation is shorter than a first predetermined threshold value.   
     
     
         4 . The method according to  claim 1 , wherein, when the type of the real-time touch operation is determined to be the second type, the adjusting the docking location of the multifunction button according to the dragging movement operation performed by the user comprises:
 determining, by the touchscreen device, whether the user performs the dragging movement operation on the multifunction button; and   when it is determined that the user performs the dragging movement operation on the multifunction button:
 obtaining, by the touchscreen device, a moved location of the multifunction button when the user stops the dragging movement operation, and 
 adjusting, by the touchscreen device, the docking location of the multifunction button according to the moved location of the multifunction button when the user stops the dragging movement operation. 
   
     
     
         5 . The method according to  claim 1 , wherein:
 the docking location of the multifunction button is movable within a movable area of the interactive user interface.   
     
     
         6 . the method according to  claim 1 , further comprising:
 dividing, by the touchscreen device, a movable area of the interactive user interface into a plurality of subareas, and   determining, by the touchscreen device, a center of each of the plurality of subareas.   
     
     
         7 . The method according to  claim 6 , wherein:
 the plurality of subareas comprises three subareas.   
     
     
         8 . The method according to  claim 1 , wherein, when the type of the real-time touch operation is determined to be the second type, the adjusting the docking location of the multifunction button according to the dragging movement operation performed by the user further comprises:
 obtaining, by the touchscreen device, a moved location of the multifunction button;   determining, by the touchscreen device, an adjusted docking location of the multifunction button as a center of a particular subarea where the moved location is located; and   adjusting, by the touchscreen device, the docking location of the multifunction button according to the adjusted docking location of the multifunction button.   
     
     
         9 . The method according to  claim 8 , wherein the obtaining the moved location of the multifunction button further comprises:
 determining, by the touchscreen device, whether a current location of the multifunction button is outside of a movable area of the interactive user interface in a vertical direction;   adjusting, by the touchscreen device, a vertical coordinate of the current location of the multifunction button to a second predetermined threshold value; and   maintaining, by the touchscreen device, a horizontal coordinate of the current location of the multifunction button.   
     
     
         10 . The method according to  claim 1 , wherein, when the type of the real-time touch operation is determined to be a second type, the unfolding the two or more single-function buttons in the user touch area around the docking location of the multifunction button comprises:
 unfolding, by the touchscreen device, the two or more single-function buttons into an arc around the multifunction button, wherein:
 the arc has a predetermined radius, and 
 an angle measure of the arc is dependent on the docking location of the multifunction button. 
   
     
     
         11 . The method according to  claim 10 , wherein
 distance between any two neighboring single-function buttons of the two or more single-function buttons is equal, and   
       distance between any of the two or more single-function buttons and the multifunction button is equal. 
     
     
         12 . The method according to  claim 1 , wherein the multifunction button is a semitransparent button. 
     
     
         13 . A touchscreen device with an interactive user interface, comprising:
 a memory storing instructions for conducting operations on the touchscreen device;   a processor in communication with the memory, when the processor executes the instructions, the process is configured to cause the touchscreen device to:
 combine two or more single-function buttons on a user interface of the touchscreen device into one multifunction button at a docking location; 
 monitor a real-time touch operation of the interactive user interface by a user; 
 determine a type of the real-time touch operation according to a length of time of the real-time touch operation; 
   when the type of the real-time touch operation is determined to be a first type, unfolding, by the touchscreen device, the two or more single-function buttons in a user touch area around the docking location of the multifunction button; and   when the type of the real-time touch operation is determined to be a second type:
 adjusting, by the touchscreen device, the docking location of the multifunction button according to a dragging movement operation performed by the user, and 
 unfolding, by the touchscreen device, the two or more single-function buttons in the user touch area around the docking location of the multifunction button. 
   
     
     
         14 . The touchscreen device according to  claim 13 , wherein, when the processor is configured to cause the touchscreen device to determine the type of the real-time touch operation according to the length of time of the real-time touch operation, the processor is configured to cause the touchscreen device to:
 judge whether the length of time of the real-time touch operation satisfies a preset condition of the first type;   when it is judged that the length of time of the real-time touch operation satisfies the preset condition of the first type, determine the type of the real-time touch operation to be the first type; and   when it is judged that the length of time of the real-time touch operation does not satisfy the preset condition of the first type, determine the type of the real-time touch operation to be the second type.   
     
     
         15 . The touchscreen device according to  claim 14 , wherein, when the processor is configured to cause the touchscreen device to judge whether the length of time of the real-time touch operation satisfies the preset condition of the first type, the processor is configured to cause the touchscreen device to:
 judge whether the length of time of the real-time touch operation is shorter than a first predetermined threshold value.   
     
     
         16 . The touchscreen device according to  claim 13 , wherein, when, when the type of the real-time touch operation is determined to be the second type, the processor is configured to cause the touchscreen device to adjust the docking location of the multifunction button according to the dragging movement operation performed by the user, the processor is configured to cause the touchscreen device to:
 determine whether the user performs the dragging movement operation on the multifunction button; and   when it is determined that the user performs the dragging movement operation on the multifunction button:
 obtain a moved location of the multifunction button when the user stops the dragging movement operation, and 
 adjust the docking location of the multifunction button according to the moved location of the multifunction button when the user stops the dragging movement operation. 
   
     
     
         17 . The touchscreen device according to  claim 13 , wherein, when the processor executes the instructions, the processor is further configured to cause the touchscreen device to:
 divide a movable area of the interactive user interface into a plurality of subareas, and   determine a center of each of the plurality of subareas.   
     
     
         18 . The touchscreen device according to  claim 17 , wherein:
 the plurality of subareas comprises three subareas.   
     
     
         19 . The touchscreen device according to  claim 13 , wherein, when, when the type of the real-time touch operation is determined to be the second type, the processor is configured to cause the touchscreen device to adjust the docking location of the multifunction button according to the dragging movement operation performed by the user, the processor is further configured to cause the touchscreen device to:
 obtain a moved location of the multifunction button;   determine an adjusted docking location of the multifunction button as a center of a particular subarea where the moved location is located; and   adjust the docking location of the multifunction button according to the adjusted docking location of the multifunction button.   
     
     
         20 . The touchscreen device according to  claim 19 , wherein, when the processor is configured to cause the touchscreen device to obtain the moved location of the multifunction button, the processor is further configured to cause the touchscreen device to:
 determine whether a current location of the multifunction button is outside of a movable area of the interactive user interface in a vertical direction;   adjust a vertical coordinate of the current location of the multifunction button to a second predetermined threshold value; and   maintain a horizontal coordinate of the current location of the multifunction button.   
     
     
         21 . The touchscreen device according to  claim 13 , wherein, when, when the type of the real-time touch operation is determined to be a second type, the processor is configured to cause the touchscreen device to unfold the two or more single-function buttons in the user touch area around the docking location of the multifunction button, the processor is further configured to cause the touchscreen device to:
 unfold the two or more single-function buttons into an arc around the multifunction button, wherein:
 the arc has a predetermined radius, and 
 an angle measure of the arc is dependent on the docking location of the multifunction button. 
   
     
     
         22 . The touchscreen device according to  claim 21 , wherein
 distance between any two neighboring single-function buttons of the two or more single-function buttons is equal, and   distance between any of the two or more single-function buttons and the multifunction button is equal.   
     
     
         23 . The touchscreen device according to  claim 13 , wherein the multifunction button is a semitransparent button.