CN110989880A - Interface element processing method and device and readable storage medium - Google Patents
Interface element processing method and device and readable storage medium Download PDFInfo
- Publication number
- CN110989880A CN110989880A CN201911164433.XA CN201911164433A CN110989880A CN 110989880 A CN110989880 A CN 110989880A CN 201911164433 A CN201911164433 A CN 201911164433A CN 110989880 A CN110989880 A CN 110989880A
- Authority
- CN
- China
- Prior art keywords
- interface element
- interface
- target
- attribute information
- touch position
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 21
- 238000000034 method Methods 0.000 claims description 31
- 230000009191 jumping Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 7
- 238000001514 detection method Methods 0.000 claims description 2
- 230000000694 effects Effects 0.000 abstract description 6
- 238000004364 calculation method Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 3
- 238000004422 calculation algorithm Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 208000003464 asthenopia Diseases 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses an interface element processing method, an interface element processing device and a readable storage medium, wherein the interface element processing method comprises the following steps: the terminal device displays a target application interface comprising a plurality of interface elements in a display window, and when touch operation on the target application interface is detected, at least one target interface element can be determined from the plurality of interface elements according to a touch position corresponding to the touch operation. Further, the terminal device updates the attribute information of the target interface element based on the touch position, and performs service processing on the terminal device according to the updated attribute information of at least one target interface element. By adopting the interface element processing method, the diversity of the application interface can be improved, so that the service processing effect of the terminal equipment is improved.
Description
Technical Field
The invention relates to the field of computer application, in particular to an interface element processing method and device and a readable storage medium.
Background
The intelligent terminal device becomes an indispensable living appliance for contemporary people, and people can perform business processing on the terminal device through interface elements in a terminal interface, such as unlocking, starting an application program, displaying wallpaper and the like. However, each application interface is preset by the developer of the application, so that the interface in the application interface is single, and the business processing effect is poor.
Disclosure of Invention
The embodiment of the invention provides an interface element processing method, an interface element processing device and a readable storage medium.
In a first aspect, an embodiment of the present invention provides an interface element processing method, where the method includes:
displaying a target application interface in the display window, the target application interface comprising a plurality of interface elements;
when the touch operation aiming at the target application interface is detected, determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation;
and updating the attribute information of the at least one target interface element based on the touch position, and performing service processing on the terminal equipment according to the updated attribute information of the at least one target interface element.
In a second aspect, an embodiment of the present invention provides an interface element processing apparatus, where the interface element processing apparatus includes:
an output module for presenting a target application interface in the display window, the target application interface comprising a plurality of interface elements;
the detection module is used for determining at least one target interface element from the plurality of interface elements according to a touch position corresponding to the touch operation when the touch operation aiming at the target application interface is detected;
and the processing module is used for updating the attribute information of the at least one target interface element based on the touch position and carrying out service processing on the terminal equipment according to the updated attribute information of the at least one target interface element.
In a third aspect, an embodiment of the present invention provides a terminal device, where the terminal device includes an input device and an output device, and the terminal device further includes a processor, and is adapted to implement one or more instructions, where the one or more instructions are adapted to be loaded by the processor and execute the interface element processing method according to the first aspect.
In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, where instructions are stored, and when the instructions are executed on a computer, the computer is caused to execute the interface element processing method according to the first aspect.
In this embodiment of the application, the terminal device may display a target application interface including a plurality of interface elements in a display window, and when a touch operation of a user on the target application interface is detected, the terminal device may determine at least one target interface element from the plurality of interface elements according to a touch position corresponding to the touch operation. Further, the terminal device updates the attribute information of the target interface element based on the touch position, and performs service processing on the terminal device according to the updated attribute information of at least one target interface element. By adopting the interface element processing method, the diversity of the application interface can be improved, and the effect of business processing performed by the terminal equipment according to the application interface can be improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic flow chart of an interface element processing method according to an embodiment of the present invention;
FIG. 2a is a schematic diagram of an application interface provided by an embodiment of the present invention;
FIG. 2b is a schematic diagram of another application interface provided by embodiments of the present invention;
FIG. 3 is a schematic flow chart illustrating another interface element processing method according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of yet another application interface provided by an embodiment of the present invention;
fig. 5 is a schematic structural diagram of an interface element processing apparatus according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a terminal device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In the application, the terminal device receives the touch operation of the user for the target application interface, and updates the attribute information of the interface element in the target application interface according to the touch position corresponding to the touch operation. The terminal device includes, but is not limited to, a mobile phone, a tablet computer, a notebook computer, a desktop computer, and other terminals. The touch operation may be long press, click, slide, pinch, zoom, etc. Interface elements include, but are not limited to, points, lines, symbols, pictures, etc. in the application interface that make up the application interface. The attribute information of the interface element includes, but is not limited to, position information, shape pattern information, angle information of the shape pattern, and the like.
Referring to fig. 1, a schematic flowchart of an interface element processing method according to an embodiment of the present invention is shown, where the method is executable by a terminal device, where the terminal device includes a display window, and the interface element processing method includes the following steps:
s101: a target application interface is presented in a display window, the target application interface including a plurality of interface elements.
When the terminal device receives a starting instruction (which may be self-starting or a touch instruction input by a user through the terminal device) for the target application interface, the target application interface is displayed in a display window of the terminal interface, and the interface comprises a plurality of interface elements. The plurality of interface elements may be the same elements (patterns, symbols), or may be different elements, and are not particularly limited herein.
In one embodiment, the terminal device obtains an interface size of the target application interface, and further determines position information of a plurality of interface elements in the target application interface based on the interface size. And if the terminal equipment receives an instruction for starting the target application interface, displaying the target application interface based on the position information of the plurality of interface elements.
Illustratively, the interface elements are vertices constituting the application interface, the terminal device obtains that the interface size of the target application interface is 375 × 812 pixels (i.e., 5.8 inches), determines 100 different position coordinates in the application interface according to the interface size by using a random algorithm, and correspondingly adds the vertices at 100 position coordinates in the application interface as the interface elements of the application interface. Further, when an instruction for starting the target application interface is detected, which is input by a user, the application interface with the 100 vertices added is displayed.
S102: when the touch operation aiming at the target application interface is detected, at least one target interface element is determined from a plurality of interface elements according to the touch position corresponding to the touch operation.
The terminal device receives a touch operation for the target application interface, and detects a touch position corresponding to the touch operation, where the touch position may be a position coordinate with a display window as a coordinate plane, or a relative position of the touch position in the application interface. Further, the terminal device may determine at least one (one or more) target interface element from the plurality of interface elements according to the touch position.
In one embodiment, the terminal device obtains position information of each interface element in the plurality of interface elements, and obtains a first distance between each interface element and the touch position based on the position information of each interface element. Further, the terminal device may determine at least one target interface element from the plurality of interface elements based on the first distance.
Optionally, the terminal device may determine at least one target interface element from the plurality of interface elements for the interface element for which the first distance satisfies the third condition, or determine at least one target interface element from the plurality of interface elements for the interface element for which the first distance does not satisfy the third condition. The third condition is that the developer is preset according to the requirement, and can be adjusted subsequently according to the actual situation, which is not specifically limited herein.
Illustratively, as shown in fig. 2a, when the third condition is that the first distance is less than or equal to 300 pixels, the terminal device establishes a rectangular coordinate system with a point O at the lower left corner of the screen, and the terminal device obtains position coordinates of each interface element (point), such as point 1 (X)1,Y1) Point 2 (X)2,Y2) Point 3 (X)3,Y3) Point 4 (X)4,Y4). Receiving the touch operation of the user aiming at the target interface at the terminal equipment, and detecting that the coordinate of a touch position P corresponding to the touch operation is (P)x,Py) Based on the position coordinates of each interface element (point) and the coordinates of the touch position P corresponding to the touch operation, the first distance between the point 1 and the touch position P is 300 pixels, the first distance between the point 2 and the touch position P is 100 pixels, the first distance between the point 3 and the touch position P is 250 pixels, and the first distance between the point 4 and the touch position P is 400 pixels. Further, the terminal device determines, as the target interface element, the point 1, the point 2, and the point 3 that satisfy the third condition (i.e., the first distance is 300 pixels or less).
S103: and updating the attribute information of the at least one interface element based on the touch position, and performing service processing on the terminal equipment according to the updated attribute information of the at least one interface element.
The terminal device updates the attribute information of the at least one interface element based on the touch position, determines a combined element image corresponding to the at least one interface element according to the updated attribute information of the at least one interface element, for example, geometric figures such as a circle and a square corresponding to the interface element, and performs service processing on the terminal device by using the combined element image.
In one embodiment, the attribute information of the interface element includes position information, and for this case, after the terminal device determines at least one target interface element, the terminal device may control the target interface element to move towards a direction close to the touch position, or control the target interface element to move towards a direction away from the touch position. And when the distance between the target interface element and the touch position is detected to meet a first condition, controlling the target interface element to stop moving, and updating the attribute information of the target interface element. The first condition is that a developer is set in advance according to the attribute information of the interface element and the requirement of the target application interface, and can be adjusted subsequently according to the actual situation, which is not specifically limited herein.
Optionally, the terminal device may obtain a first distance between the target interface element and the control touch position. If the first distance is larger than a first preset threshold and smaller than a second preset threshold, controlling the target interface element to move towards the direction close to the touch position; and if the first distance is smaller than a first preset threshold value, controlling the target interface element to move towards a direction away from the touch position. The first preset threshold and the second preset threshold are obtained by measurement and calculation of developers according to experimental data, and can be adjusted in the later stage according to actual requirements.
Illustratively, the terminal device receives a touch operation for the target application interface, as shown in fig. 2a, the terminal device determines target interface element points 1, 2 and 3 from a plurality of interface elements, when the first predetermined threshold is 200 pixels, the second predetermined threshold is 300 pixels, and the first condition is that the first distance is equal to 200 pixels, since the first distance between the point 1 and the touch position P of the touch operation is 300 pixels, the first distance between the point 2 and the touch position P is 100 pixels, the first distance between the point 3 and the touch position P is 250 pixels, the terminal device controls the point 1 and the point 3 to move toward the direction close to the touch position P, the point 2 to move away from the touch position P, controls to stop the movement when the first distance of each point is equal to 200 pixels, as shown in fig. 2b, each target interface element stays on a circle with a radius of 200 pixels and a touch position P as a center.
In an embodiment, when the interface element is a pattern, the interface element attribute information includes pattern angle information and pattern color information, for this case, after the terminal device determines at least one target interface element, the terminal device may control the target interface element to rotate the pattern angle, and/or change the pattern color, and when the pattern angle of the target interface element and/or the pattern color satisfy a first condition, control the target interface element to stop rotating the pattern angle, and/or change the pattern color, and update the attribute information of the target interface element.
In this embodiment of the application, the terminal device may display a target application interface including a plurality of interface elements in a display window, and when a touch operation of a user on the target application interface is detected, the terminal device may determine at least one target interface element from the plurality of interface elements according to a touch position corresponding to the touch operation. Further, the terminal device updates the attribute information of the target interface element based on the touch position, and performs service processing on the terminal device according to the updated attribute information of at least one target interface element. By adopting the interface element processing method, the diversity of the application interface can be improved, and the effect of business processing performed by the terminal equipment according to the application interface can be improved.
Fig. 3 is a schematic flow chart of another interface element processing method according to an embodiment of the present invention, where the interface element processing method includes the following steps:
s301: the method comprises the steps of obtaining the interface size of a target application interface, determining the position information of a plurality of interface elements in the target application interface based on the interface size, and displaying the target application interface based on the position information of the plurality of interface elements if an instruction for starting the target application interface is received.
In one embodiment, the interface element has an initial velocity, and the terminal device can control each interface element to move based on the initial velocity; and detecting a second distance between every two interface elements, and if the second distance meets a second condition, drawing a connecting line between the interface element corresponding to the second distance and the interface element in the target application interface. Optionally, the line width of the connection line may be set smaller according to a line width calculation formula when the second distance is smaller, or the line width calculation formula may be modified, and when the second distance is smaller, the line width of the connection line is set larger according to the modified line width calculation formula, and the transparency of the connection line is set lower according to the transparency calculation formula. The second condition is obtained by a developer according to an experimental test, and can be adjusted subsequently according to actual requirements.
For example, the interface element in the target application interface is a vertex, the second condition is that the second distance is less than or equal to 100 pixels, the terminal device detects the position of each vertex in the target application interface, and if the second distance is less than or equal to 100 pixels, a connection line between the vertex corresponding to the second distance and the vertex is drawn in the target application interface, as shown in fig. 4. For this case, the line width calculation formula of the connection line may be:
wherein LineWide is a line width, distance is a second distance, 100 is a longest distance of the connection line of 100 pixels, and 2.0 is a widest line width when the second distance is 100 pixels.
For example, the transparency calculation formula may be:
wherein Alpha is the transparency, distance is the second distance, 100 is the maximum transparency when the longest distance of the connecting line is 100 pixels, and 1.0 is the maximum transparency when the second distance is 100 pixels.
S302: when the touch operation aiming at the target application interface is detected, at least one target interface element is determined from a plurality of interface elements according to the touch position corresponding to the touch operation.
S303: and updating the attribute information of the at least one interface element based on the touch position, and performing service processing on the terminal equipment according to the updated attribute information of the at least one interface element.
For specific implementation of steps S301 to S303, reference may be made to corresponding descriptions in steps S101 to S103 in the foregoing embodiment, which is not described herein again.
Optionally, the terminal device may update the displayed target application interface according to the updated attribute information of the at least one target interface element; or jumping to an application interface corresponding to the attribute information on the terminal equipment according to the updated attribute information of the at least one target interface element.
In an application scene, the target application interface is a wallpaper main body background interface installed on the terminal device, and the terminal device can update the displayed target application interface by adopting the attribute information of at least one target interface element updated by the technical method in the application. For example, the interface element is a vertex constituting the wallpaper, the color information and the position information of each vertex are determined by using a random algorithm, the terminal device receives a touch operation (long press or click) for the wallpaper, determines a target vertex according to a touch position corresponding to the touch operation, updates the attribute information of the target vertex, and further updates the target application wallpaper according to the updated attribute information of the target vertex, as shown in fig. 2b, each target vertex is combined into a circle with a center of touch position P and a radius of 200 pixels. By adopting the interface element processing mode, the diversity and the interactivity of the wallpaper can be increased, and the interestingness of the wallpaper is improved, so that the visual fatigue of a user is relieved.
In an application scene, the target application interface is an interface for controlling the terminal device to start or unlock an application, and for this situation, the terminal device updates the attribute information of the at least one interface element based on the touch position, determines a combined element image corresponding to the at least one interface element according to the updated attribute information of the at least one interface element, for example, a geometric figure such as a circle or a square corresponding to the interface element, and matches the combined element image with an associated image of the application interface on the terminal device. And if the matching is successful, the terminal equipment jumps to the application interface. By adopting the interface element processing mode, the diversification of the operation function of the application interface can be increased, so that the service processing capacity and effect of the application interface are improved.
For example, the terminal device is provided with a plurality of applications, and the technical scheme is applied to unlocking an operation interface of the target application. For this situation, the terminal device obtains the key pattern of the target application, and receives a touch operation of the user. Further, the terminal device may determine a target application from the multiple applications according to the touch position of the touch operation, and control an interface element composition pattern of the operation interface according to the duration of the touch operation, and when the touch operation is ended, if the interface element composition pattern is successfully matched with the key pattern of the target application, the terminal device jumps to the interface (unlock interface or start interface) of the target application.
In an embodiment, after the attribute information of the at least one target interface element is updated based on the touch position and the terminal device performs service processing according to the updated attribute information of the at least one target interface element, if the terminal device detects that the touch operation for the target application interface is finished, the target interface element is controlled to move at the initial speed.
In the embodiment of the application, the terminal device obtains the interface size of the target application interface, determines the position information of the plurality of interface elements in the target application interface based on the interface size, and displays the target application interface based on the position information of the plurality of interface elements if an instruction for starting the target application interface is received. Further, when the terminal device detects a touch operation for the target application interface, at least one target interface element is determined from the multiple interface elements according to a touch position corresponding to the touch operation, and the attribute information of the at least one interface element is updated based on the touch position, so that the terminal device can be subjected to service processing according to the updated attribute information of the at least one interface element. By adopting the interface element processing method, the diversity of the application interface can be improved, so that the service processing effect of the terminal equipment is improved.
Based on the description of the method embodiment, the embodiment of the invention also provides an interface element processing device. Referring to fig. 5, the interface element processing apparatus includes the following modules:
an output module 50, configured to display a target application interface in the display window, where the target application interface includes a plurality of interface elements;
a detecting module 51, configured to, when a touch operation for the target application interface is detected, determine at least one target interface element from the multiple interface elements according to a touch position corresponding to the touch operation;
and the processing module 52 is configured to update the attribute information of the at least one target interface element based on the touch position, and perform service processing on the terminal device according to the updated attribute information of the at least one target interface element.
In an embodiment, when performing service processing on the terminal device according to the updated attribute information of the at least one target interface element, the processing module 52 is further specifically configured to:
updating the displayed target application interface according to the updated attribute information of at least one target interface element; or the like, or, alternatively,
and jumping to an application interface corresponding to the attribute information on the terminal equipment according to the updated attribute information of at least one target interface element.
In an embodiment, when jumping to an application interface corresponding to the attribute information on the terminal device according to the updated attribute information of the at least one target interface element, the processing module 52 is further specifically configured to:
determining a combined element image corresponding to at least one interface element according to the updated attribute information of at least one target interface element;
matching the combined element image with an associated image of an application interface on the terminal equipment;
and if the matching is successful, jumping to the application interface.
In an embodiment, when the processing module 52 displays the target application interface in the display window, it is further specifically configured to:
acquiring the interface size of the target application interface;
determining position information of the plurality of interface elements in the target application interface based on the interface size;
and if an instruction for starting the target application interface is received, displaying the target application interface based on the position information of the plurality of interface elements.
In an embodiment, when determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation, the processing module 52 is further specifically configured to:
acquiring position information of each interface element in the plurality of interface elements;
acquiring a first distance between each interface element and the touch position based on the position information of each interface element;
determining at least one target interface element from the plurality of interface elements based on the first distance.
In an embodiment, the attribute information includes position information, and when the processing module 52 updates the attribute information of the at least one target interface element based on the touch position, the processing module is further specifically configured to:
controlling the target interface element to move towards a direction close to the touch position, or controlling the target interface element to move towards a direction far away from the touch position;
and when detecting that the distance between the target interface element and the touch position meets a first condition, controlling the target interface element to stop moving, and updating the attribute information of the target interface element.
In an embodiment, when the processing module 52 controls the target interface element to move toward the direction close to the touch position, or controls the target interface element to move toward the direction away from the touch position, the processing module is further specifically configured to:
acquiring a first distance between the target interface element and the control touch position;
if the first distance is larger than a first preset threshold and smaller than a second preset threshold, controlling the target interface element to move towards the direction close to the touch position;
and if the first distance is smaller than a first preset threshold value, controlling the target interface element to move towards a direction far away from the touch position.
In an embodiment, the interface element has an initial velocity, and the processing module 52 is further specifically configured to:
controlling the movement of each interface element based on the initial speed;
detecting a second distance between the interface elements;
if the second distance meets a second condition, drawing a connecting line between the interface element corresponding to the second distance and the interface element in the target application interface.
In an embodiment, after the processing module 52 updates the attribute information of the at least one target interface element based on the touch position and performs service processing on the terminal device according to the updated attribute information of the at least one target interface element, the processing module is further specifically configured to:
and if the touch operation for the target application interface is detected to be finished, controlling the target interface element to move at the initial speed.
It should be noted that the functions of each module of the interface element processing apparatus described in the embodiment of the present invention may be specifically implemented according to the method in the method embodiment described in fig. 1 or fig. 3, and the specific implementation process may refer to the description related to the method embodiment in fig. 1 or fig. 3, which is not described herein again.
Based on the description of the method embodiment and the apparatus item embodiment, the embodiment of the present invention further provides a terminal device. Referring to fig. 6, the terminal device may include at least a processor 601, an input device 602, an output device 603, and a memory 604; the processor 601, the input device 602, the output device 603, and the memory 604 may be connected by a bus or other connection means. The memory 604 is used for storing a computer program comprising program instructions, and the processor 601 is used for executing the program instructions stored by the memory 604. The processor 601 (or CPU) is a computing core and a control core of the terminal device, and is adapted to implement one or more instructions, and specifically, adapted to load and execute the one or more instructions so as to implement the corresponding method flow or the corresponding function in the interface element processing method embodiment. Wherein the processor 601 is configured to call the program instructions to perform: displaying a target application interface in the display window by calling an output device, wherein the target application interface comprises a plurality of interface elements; when the touch operation aiming at the target application interface is detected, determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation; and updating the attribute information of the at least one target interface element based on the touch position, and performing service processing on the terminal equipment according to the updated attribute information of the at least one target interface element.
In an embodiment, when performing service processing on the terminal device according to the updated attribute information of the at least one target interface element, the processor 601 is further specifically configured to:
updating the displayed target application interface according to the updated attribute information of at least one target interface element; or the like, or, alternatively,
and jumping to an application interface corresponding to the attribute information on the terminal equipment according to the updated attribute information of at least one target interface element.
In an embodiment, when jumping to an application interface corresponding to the attribute information on the terminal device according to the updated attribute information of the at least one target interface element, the processor 601 is further specifically configured to:
determining a combined element image corresponding to at least one interface element according to the updated attribute information of at least one target interface element;
matching the combined element image with an associated image of an application interface on the terminal equipment;
and if the matching is successful, jumping to the application interface.
In an embodiment, when the processor 601 displays the target application interface in the display window, it is further specifically configured to:
acquiring the interface size of the target application interface;
determining position information of the plurality of interface elements in the target application interface based on the interface size;
and if an instruction for starting the target application interface is received, displaying the target application interface based on the position information of the plurality of interface elements.
In an embodiment, when determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation, the processor 601 is further specifically configured to:
acquiring position information of each interface element in the plurality of interface elements;
acquiring a first distance between each interface element and the touch position based on the position information of each interface element;
determining at least one target interface element from the plurality of interface elements based on the first distance.
In an embodiment, the attribute information includes position information, and when the processor 601 updates the attribute information of the at least one target interface element based on the touch position, the processor is further specifically configured to:
controlling the target interface element to move towards a direction close to the touch position, or controlling the target interface element to move towards a direction far away from the touch position;
and when detecting that the distance between the target interface element and the touch position meets a first condition, controlling the target interface element to stop moving, and updating the attribute information of the target interface element.
In an embodiment, when controlling the target interface element to move toward the direction close to the touch position, or controlling the target interface element to move away from the touch position, the processor 601 is further specifically configured to:
acquiring a first distance between the target interface element and the control touch position;
if the first distance is larger than a first preset threshold and smaller than a second preset threshold, controlling the target interface element to move towards the direction close to the touch position;
and if the first distance is smaller than a first preset threshold value, controlling the target interface element to move towards a direction far away from the touch position.
In an embodiment, the interface element has an initial velocity, and the processor 601 is further specifically configured to:
controlling the movement of each interface element based on the initial speed;
detecting a second distance between the interface elements;
if the second distance meets a second condition, drawing a connecting line between the interface element corresponding to the second distance and the interface element in the target application interface.
In an embodiment, after the processor 601 updates the attribute information of the at least one target interface element based on the touch position and performs service processing on the terminal device according to the updated attribute information of the at least one target interface element, the processor is further specifically configured to:
and if the touch operation for the target application interface is detected to be finished, controlling the target interface element to move at the initial speed.
It should be understood that, in the embodiment of the present invention, the Processor 601 may be a Central Processing Unit (CPU), and the Processor 601 may also be other general purpose processors, Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field Programmable Gate Arrays (FPGAs) or other Programmable logic devices, discrete Gate or transistor logic devices, discrete a hardware components, etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 604 may include both read-only memory and random access memory, and provides instructions and data to the processor 601. A portion of the memory 604 may also include non-volatile random access memory. For example, the memory 604 may also store device type information. The input device 603 may include a touch pad, a fingerprint sensor (for collecting fingerprint information of a user), a microphone, a physical keyboard, etc., and the output device 603 may include a display (LCD, etc.), a speaker, etc.
In a specific implementation, the processor 601, the memory 604, the input device 602, and the output device 603 described in this embodiment of the present invention may execute the implementation described in the method embodiment described in fig. 1 or fig. 3 provided in this embodiment of the present invention, and may also execute the implementation method of the interface element processing apparatus described in this embodiment of the present invention, which is not described herein again.
In another embodiment of the present invention, a computer-readable storage medium is provided, where a computer program is stored, where the computer program includes program instructions, and the program instructions, when executed by a processor, implement the implementation described in the method implementation in fig. 1 or fig. 3 provided in the embodiment of the present invention, and the computer-readable storage medium may be an internal storage unit of a terminal device, such as a hard disk or a memory of the terminal device, in any one of the foregoing embodiments. The computer readable storage medium may also be an external storage device of the terminal device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the terminal device. Further, the computer-readable storage medium may also include both an internal storage unit and an external storage device of the terminal device. The computer-readable storage medium is used for storing the computer program and other programs and data required by the terminal device. The computer readable storage medium may also be used to temporarily store data that has been output or is to be output.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer readable storage medium, and when executed, can include the processes of the embodiments of the methods described above.
The readable storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.
Claims (12)
1. An interface element processing method is applied to a terminal device, the terminal device comprises a display window, and the method comprises the following steps:
displaying a target application interface in the display window, the target application interface comprising a plurality of interface elements;
when the touch operation aiming at the target application interface is detected, determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation;
and updating the attribute information of the at least one target interface element based on the touch position, and performing service processing on the terminal equipment according to the updated attribute information of the at least one target interface element.
2. The method according to claim 1, wherein the performing service processing on the terminal device according to the updated attribute information of the at least one target interface element includes:
updating the displayed target application interface according to the updated attribute information of at least one target interface element; or the like, or, alternatively,
and jumping to an application interface corresponding to the attribute information on the terminal equipment according to the updated attribute information of at least one target interface element.
3. The method according to claim 2, wherein the jumping to the application interface corresponding to the attribute information on the terminal device according to the updated attribute information of the at least one target interface element comprises:
determining a combined element image corresponding to at least one interface element according to the updated attribute information of at least one target interface element;
matching the combined element image with an associated image of an application interface on the terminal equipment;
and if the matching is successful, jumping to the application interface.
4. The method of claim 1, wherein the presenting a target application interface in the display window comprises:
acquiring the interface size of the target application interface;
determining position information of the plurality of interface elements in the target application interface based on the interface size;
and if an instruction for starting the target application interface is received, displaying the target application interface based on the position information of the plurality of interface elements.
5. The method according to any one of claims 1-4, wherein the determining at least one target interface element from the plurality of interface elements according to the touch position corresponding to the touch operation comprises:
acquiring position information of each interface element in the plurality of interface elements;
acquiring a first distance between each interface element and the touch position based on the position information of each interface element;
determining at least one target interface element from the plurality of interface elements based on the first distance.
6. The method of claim 5, wherein the attribute information includes location information, and wherein updating the attribute information of the at least one target interface element based on the touch location comprises:
controlling the target interface element to move towards a direction close to the touch position, or controlling the target interface element to move towards a direction far away from the touch position;
and when detecting that the distance between the target interface element and the touch position meets a first condition, controlling the target interface element to stop moving, and updating the attribute information of the target interface element.
7. The method of claim 6, wherein the controlling the target interface element to move towards the touch position or the controlling the target interface element to move away from the touch position comprises:
if the first distance is larger than a first preset threshold and smaller than a second preset threshold, controlling the target interface element to move towards the direction close to the touch position;
and if the first distance is smaller than a first preset threshold value, controlling the target interface element to move towards a direction far away from the touch position.
8. The method of claim 1, wherein the interface element has an initial velocity, the method further comprising:
controlling the movement of each interface element based on the initial speed;
detecting a second distance between the interface elements;
if the second distance meets a second condition, drawing a connecting line between the interface element corresponding to the second distance and the interface element in the target application interface.
9. The method according to claim 8, wherein after the updating of the attribute information of the at least one target interface element based on the touch position and the service processing of the terminal device according to the updated attribute information of the at least one target interface element, the method further comprises:
and if the touch operation for the target application interface is detected to be finished, controlling the target interface element to move at the initial speed.
10. An interface element processing apparatus, characterized by comprising:
an output module for presenting a target application interface in the display window, the target application interface comprising a plurality of interface elements;
the detection module is used for determining at least one target interface element from the plurality of interface elements according to a touch position corresponding to the touch operation when the touch operation aiming at the target application interface is detected;
and the processing module is used for updating the attribute information of the at least one target interface element based on the touch position and carrying out service processing on the terminal equipment according to the updated attribute information of the at least one target interface element.
11. A terminal device, characterized in that it comprises a processor and a memory, said processor and said memory being interconnected, wherein said memory is adapted to store a computer program comprising program instructions, said processor being configured to invoke said program instructions to perform the method according to any one of claims 1-9.
12. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program comprising program instructions that, when executed by a processor, cause the processor to carry out the method according to any one of claims 1-9.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911164433.XA CN110989880B (en) | 2019-11-22 | 2019-11-22 | Interface element processing method and device and readable storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911164433.XA CN110989880B (en) | 2019-11-22 | 2019-11-22 | Interface element processing method and device and readable storage medium |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110989880A true CN110989880A (en) | 2020-04-10 |
CN110989880B CN110989880B (en) | 2023-12-26 |
Family
ID=70086478
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911164433.XA Active CN110989880B (en) | 2019-11-22 | 2019-11-22 | Interface element processing method and device and readable storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110989880B (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111768465A (en) * | 2020-06-30 | 2020-10-13 | 平安国际智慧城市科技股份有限公司 | Connection line generation method and device |
CN114327335A (en) * | 2021-12-27 | 2022-04-12 | 珠海豹趣科技有限公司 | Interface processing method and device |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107133336A (en) * | 2017-05-15 | 2017-09-05 | 在线途游(北京)科技有限公司 | The switching methods of exhibiting and device of a kind of user interface element |
CN107193440A (en) * | 2017-05-26 | 2017-09-22 | 珠海市魅族科技有限公司 | A kind of method for showing interface and device, computer installation and readable storage medium storing program for executing |
CN108079579A (en) * | 2017-12-28 | 2018-05-29 | 珠海市君天电子科技有限公司 | A kind of image processing method, device and terminal |
CN109445898A (en) * | 2018-10-31 | 2019-03-08 | 维沃移动通信有限公司 | A kind of application icon generation method and terminal device |
CN109997348A (en) * | 2017-09-25 | 2019-07-09 | 华为技术有限公司 | A kind of display methods and terminal of terminal interface |
-
2019
- 2019-11-22 CN CN201911164433.XA patent/CN110989880B/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107133336A (en) * | 2017-05-15 | 2017-09-05 | 在线途游(北京)科技有限公司 | The switching methods of exhibiting and device of a kind of user interface element |
CN107193440A (en) * | 2017-05-26 | 2017-09-22 | 珠海市魅族科技有限公司 | A kind of method for showing interface and device, computer installation and readable storage medium storing program for executing |
CN109997348A (en) * | 2017-09-25 | 2019-07-09 | 华为技术有限公司 | A kind of display methods and terminal of terminal interface |
CN108079579A (en) * | 2017-12-28 | 2018-05-29 | 珠海市君天电子科技有限公司 | A kind of image processing method, device and terminal |
CN109445898A (en) * | 2018-10-31 | 2019-03-08 | 维沃移动通信有限公司 | A kind of application icon generation method and terminal device |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111768465A (en) * | 2020-06-30 | 2020-10-13 | 平安国际智慧城市科技股份有限公司 | Connection line generation method and device |
CN111768465B (en) * | 2020-06-30 | 2023-07-25 | 深圳赛安特技术服务有限公司 | Connection line generation method and device |
CN114327335A (en) * | 2021-12-27 | 2022-04-12 | 珠海豹趣科技有限公司 | Interface processing method and device |
CN114327335B (en) * | 2021-12-27 | 2024-04-02 | 珠海豹趣科技有限公司 | Interface processing method and device |
Also Published As
Publication number | Publication date |
---|---|
CN110989880B (en) | 2023-12-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9823762B2 (en) | Method and apparatus for controlling electronic device using touch input | |
CN109558507B (en) | Three-dimensional model rendering method and system | |
EP2846242B1 (en) | Method of adjusting screen magnification of electronic device, machine-readable storage medium, and electronic device | |
KR20130119129A (en) | Method for controlling window size and an electronic device thereof | |
US9817479B2 (en) | Method and apparatus for interpreting a gesture | |
US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
US20210089173A1 (en) | Electronic device and method for changing user interface according to user input | |
CN110989880B (en) | Interface element processing method and device and readable storage medium | |
CN113655929A (en) | Interface display adaptation processing method and device and electronic equipment | |
CN111597009B (en) | Application program display method and device and terminal equipment | |
CN108833791B (en) | Shooting method and device | |
WO2020118491A1 (en) | Fingerprint recognition-based interaction method, electronic device and related device | |
KR102305114B1 (en) | Method for processing data and an electronic device thereof | |
TW201520811A (en) | System and method for locking and unlocking an electronic device | |
CN111079119B (en) | Verification method, device, equipment and storage medium | |
CN112486616A (en) | Interface display method, interface display device, electronic equipment and storage medium | |
CN110677586B (en) | Image display method, image display device and mobile terminal | |
CN109034808B (en) | Operation method and device of payment application program and terminal equipment | |
US20180357811A1 (en) | Method And Portable Electronic Device For Changing Graphics Processing Resolution According to Scenario | |
CN107977147B (en) | Sliding track display method and device | |
KR20150116236A (en) | Method for controlling a unlock and an electronic device | |
CN114115639A (en) | Interface control method and device, electronic equipment and storage medium | |
CN112948817A (en) | Permission control method and device of application program, computer equipment and medium | |
CN110874730B (en) | Information processing method, information processing device and mobile terminal | |
CN108156306B (en) | Unlocking method and related product |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |