CN114935992B - Display control method and system based on man-machine interaction - Google Patents

Display control method and system based on man-machine interaction Download PDF

Info

Publication number
CN114935992B
CN114935992B CN202210439399.8A CN202210439399A CN114935992B CN 114935992 B CN114935992 B CN 114935992B CN 202210439399 A CN202210439399 A CN 202210439399A CN 114935992 B CN114935992 B CN 114935992B
Authority
CN
China
Prior art keywords
application icon
icon
application
preset
amplified
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.)
Active
Application number
CN202210439399.8A
Other languages
Chinese (zh)
Other versions
CN114935992A (en
Inventor
苏海强
罗建
周珍
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Hai Bai Sichuan Science And Technology Co ltd
Original Assignee
Beijing Hai Bai Sichuan Science And Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Hai Bai Sichuan Science And Technology Co ltd filed Critical Beijing Hai Bai Sichuan Science And Technology Co ltd
Priority to CN202210439399.8A priority Critical patent/CN114935992B/en
Publication of CN114935992A publication Critical patent/CN114935992A/en
Application granted granted Critical
Publication of CN114935992B publication Critical patent/CN114935992B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • G06F3/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The application provides a display control method based on man-machine interaction, which comprises the following steps: responding to a first interface control instruction of a first application icon which is touched/approached to the man-machine interaction interface in a preset mode, amplifying the first application icon according to a preset shape and a preset multiple to form an amplified application icon; and responding to a second interface control instruction of touching a second application icon of the man-machine interaction interface and moving to the enlarged application icon, and aggregating the second application icon and the enlarged application icon into an aggregate icon. Through the operation user, the application icons with messy desktops can be effectively tidied, compared with the component container with shadows, the application icons are attractive, after the first application icons are amplified, the second application icons are more convenient to move to the first application icons, the possibility of misoperation of the user is reduced, and the problem of the complexity of the application icons of the man-machine interaction interface of the intelligent terminal can be effectively solved.

Description

Display control method and system based on man-machine interaction
Technical Field
The present application relates to the field of computers, and in particular, to a display control method and system based on man-machine interaction.
Background
At present, people's life is basically separated from the smart phone, more and more abundant application software is more and more indispensable, so that the application software on the smart phone is more and more complex and diversified, and the application software downloaded by the smart phone is more and more no matter what is the necessary card punching and meeting software for working, or what is the personal favorite game software, media software and shopping software, and the following problem is that the smart phone is provided with a plurality of pages of mobile phone application software, and if the application software cannot be integrated in a classified way, the smart phone screen is quite dense, and the application software is difficult to find when people want to open.
To solve this problem, the present solution is to set a component container with shadows on a mobile phone display page to centrally place a plurality of application software, as shown in fig. 6, but the inventor has found that this solution has at least the following problems:
when creating a component container with gray shadows, icons from different sources are easily arranged together, when the component container is not full, as shown in fig. 6, when only 3 icons enter the component container in the component container on the right side of the middle part, the empty part (for example, most of the area below 3 small icons) of the gray shadows of the component container is still gray, so that the look and feel is affected, and the user experience is reduced, and the number of the accommodated icons is limited.
Therefore, a technology is needed to solve the problem of complex application software of the smart phone screen while overcoming the above problems.
Disclosure of Invention
The application provides a display control method based on man-machine interaction, which effectively solves the problem that application software of a smart phone screen is complicated when a user uses the smart terminal.
According to an embodiment of an aspect of the present application, there is provided a display control method based on man-machine interaction, applied to an intelligent terminal, the intelligent terminal having a man-machine interaction interface in which a plurality of application icons are displayed, the method including:
responding to a first interface control instruction of a first application icon which is touched/approached to the man-machine interaction interface in a preset mode, amplifying the first application icon to form an amplified application icon;
and responding to a second interface control instruction of touching a second application icon of the man-machine interaction interface and moving to the enlarged application icon, and aggregating the second application icon and the enlarged application icon into an aggregate icon.
Optionally, the step of aggregating the second application icon and the enlarged application icon into an aggregate icon includes:
and responding to an in-place instruction, aggregating the second application icon and the enlarged application icon into an aggregate icon, wherein the in-place instruction is generated by the second application icon contacting/covering the preset position of the enlarged application icon and releasing the icon.
Optionally, the method further comprises: and judging the in-place information to generate the in-place instruction, and generating the in-place instruction when the second application icon covers the area of the enlarged application icon more than one half of the area of the second application icon.
Optionally, the step of aggregating the second application icon and the enlarged application icon into an aggregate icon includes:
and judging the in-place state of the second application icon based on the in-place instruction, wherein the in-place state comprises a first state, a second state and a third state, the first state is a state that the second application icon is released at the center of the amplified application icon, the second state is a state that the second application icon is released at the angle of the amplified application icon, and the third state is a state that the second application icon is released at the non-corner edge area of the amplified application icon.
Optionally, the step of aggregating the second application icon and the enlarged application icon into an aggregate icon includes:
and when the second application icon is judged to be in the first state, the second application icon and the amplified application icon are simultaneously and outwards cracked, and condensed and spliced again to form the aggregate icon, wherein the area of the aggregate icon is equal to that of the amplified application icon.
Optionally, when the second application icon is in the first state, the method for aggregating the second application icon and the enlarged application icon into an aggregate icon further includes:
and responding to an in-place instruction, wherein the in-place instruction is generated when the area of a third application icon covered by the aggregation icon is larger than one half of the area of the third application icon, and the third application icon and the enlarged application icon are simultaneously and outwards cracked and condensed and spliced again to form a new aggregation icon.
Optionally, the step of aggregating the second application icon and the enlarged application icon into an aggregate icon includes:
and when the second application icon is judged to be in the second state, the second application icon is contracted and is centrally covered on the enlarged application icon, so that the aggregation icon is formed.
Optionally, when the second application icon is in the second state, the method for shrinking and centrally overlaying the second application icon on the enlarged application icon to form the aggregate icon further includes:
and responding to an in-place instruction, wherein the in-place instruction is generated when the area of the third application icon covered by the aggregation icon is larger than one half of the area of the third application icon, and the third application icon is reduced and is covered on the aggregation icon in a centered manner so as to form a new aggregation icon.
Optionally, the step of aggregating the second application icon and the enlarged application icon into an aggregate icon includes:
and when the second application icon is judged to be in the third state, amplifying the second application icon by a preset multiple, and desalting according to a preset proportion and completely covering the amplified application icon to form the aggregation icon.
Optionally, when the second application icon is in the third state, amplifying the second application icon by a predetermined multiple, and desalting according to a predetermined proportion and completely covering the amplified application icon to form the aggregate icon:
and responding to an in-place instruction, wherein the in-place instruction is generated when the area of the third application icon covered by the aggregation icon is larger than one half of the area of the third application icon, and the third application icon is magnified by a preset multiple, is desalted according to a preset proportion and is completely covered on the aggregation icon, so that a new aggregation icon is formed.
Optionally, the first interface operation instruction is generated by touching/approaching the first application icon for a preset time and then releasing.
Optionally, the step of releasing the generated first interface operation instruction after the touch/approach to the first application icon for a preset time further includes: the preset time is more than or equal to 2 seconds.
Optionally, the method further comprises: displaying a first control on a human-computer interaction interface, receiving preset shape selection information and preset multiple selection information through the first control, and pre-storing the preset shape selection information and the preset multiple selection information;
the step of responding to the first interface control instruction to enlarge the first application icon according to a preset shape and a preset multiple comprises the following steps:
amplifying the first application icon according to the preset shape and the preset multiple according to the preset shape selection information and the preset multiple selection information which are pre-stored to form the amplified application icon, wherein the preset shape can be square, round, oval, pentagon or triangle.
Optionally, before determining the in-place state of the second application icon based on the in-place instruction, the method further includes:
acquiring source information of the second application icon and the amplified application icon, judging whether the source information of the second application icon and the amplified application icon meets a preset condition, if so, aggregating the second application icon and the amplified application icon into an aggregate icon, and if not, generating a return instruction, and returning the second application icon to the original position according to the return instruction.
Optionally, the method for judging whether the source information of the two accords with the preset condition includes:
the preset condition is whether the source information of the two target application icons has at least one category information identical, and the source information comprises: registrant business information, registrant legal person information, developer business information, developer legal person information, and the like.
According to an embodiment of a further aspect of the present application, there is provided an apparatus for display control, including a memory, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors, the one or more programs including instructions for performing any of the above-described man-machine interaction based display control methods.
According to an embodiment of a further aspect of the present application there is provided a machine readable medium having stored thereon instructions which, when executed by one or more processors of an apparatus, cause the apparatus to perform a human machine interaction based display control method as defined in any of the above.
The application also provides a display control system based on man-machine interaction, which comprises at least one processor and a memory in communication connection with the at least one processor, wherein the memory stores instructions executable by the at least one processor, and the instructions are set to execute the display control method based on man-machine interaction according to any one of the above.
After receiving a first interface control instruction sent by a user, the embodiment of the application enlarges the first application icon to form an enlarged application icon; and after receiving a second interface control instruction, aggregating the second application icon and the amplified application icon into an aggregate icon. Through the operation, the user can aggregate the first application icons and the second application icons in the human-computer interaction interface into one aggregate icon, the number of the application icons in the human-computer interaction interface is reduced, and as the first application icons and the second application icons are aggregated together, a new aggregate icon is formed, gray shadows as shown when the component container is not full are avoided, user experience is improved, the interface is more attractive, and more application icons can be accommodated.
In addition, the method has the function of judging the same kind of application icons, can solve the problem that the icons of the man-machine interaction interface are complicated and messy, and can not disturb the ordering of the application icons and the like due to misoperation.
Those of ordinary skill in the art will realize that while the following detailed description proceeds with reference to the illustrative embodiments, the accompanying drawings, the application is not limited to these embodiments. Rather, the scope of the application is broad and is intended to be defined as only set forth in the accompanying claims.
Drawings
Other features, objects and advantages of the present application will become more apparent upon reading of the detailed description of non-limiting embodiments, made with reference to the accompanying drawings in which:
fig. 1 is a flowchart of steps of a display control method based on man-machine interaction according to an embodiment of the present application.
Fig. 2-1 is a schematic diagram illustrating an enlarged application icon formed after an interface touches/approaches a first application icon in a preset manner according to an embodiment of the present application.
Fig. 2-2 is a schematic diagram of an interface moving a second application icon over the enlarged application icon center sensing area according to one embodiment of the application.
Fig. 2-3 are schematic diagrams of aggregate icons with the interface movement third application icon overlay being split and condensed outward, in accordance with one embodiment of the present application.
Fig. 2-4 illustrate an interface according to one embodiment of the present application in which the third application icon is simultaneously cleaved and condensed with the aggregate icon to form a new aggregate icon.
FIG. 3-1 is a schematic diagram of an interface movement second application icon overlaying the magnified application icon corner sensing area in accordance with an embodiment of the application.
FIG. 3-2 is a schematic diagram of an aggregate icon overlaid on the second application icon with an interface movement third application icon scaled down and centered over the magnified application icon, according to one embodiment of the application.
3-3 are interfaces according to one embodiment of the present application where the third application icon again shrinks the centered overlay over the aggregate icon to form a new aggregate icon.
FIG. 4-1 is a schematic diagram of an interface movement second application icon overlaying the magnified application icon non-corner edge region according to an embodiment of the application.
FIG. 4-2 is a schematic diagram of an aggregate icon overlaid on the second application icon with the interface moving a third application icon to fade and zoom in completely overlaid on the zoomed in application icon, according to one embodiment of the application.
Fig. 4-3 are diagrams of an interface according to one embodiment of the application, where the third application icon is again faded and enlarged to completely overlay the aggregate icon to form a new aggregate icon.
Fig. 5 is a schematic diagram of a display control apparatus according to an embodiment of the present application.
Fig. 6 is a schematic view of a component container with shading.
Those of ordinary skill in the art will realize that while the following detailed description proceeds with reference to the illustrative embodiments, the accompanying drawings, the application is not limited to these embodiments. Rather, the scope of the application is broad and is intended to be defined as only set forth in the accompanying claims.
Detailed Description
The exemplary embodiments are described as a process or method depicted in a flowchart, wherein the method steps are all performed in a sequential order, and not just in this order, and many of the operations may be performed in parallel or in a reordered order. The process may be terminated when the operations of the embodiments are completed, or may continue with additional steps not included in the figures. The processes may be for methods, functions, procedures, subroutines, and the like.
The methods discussed below (some of which are illustrated by flowcharts) may be implemented by hardware, software, firmware, middleware, microcode, hardware description languages, or any combination thereof. When implemented in software, firmware, middleware or microcode, the program code or code segments to perform the necessary tasks may be stored in a machine or computer readable medium such as a storage medium. The processor(s) may perform the necessary tasks.
It should also be noted that, in some alternative implementations, the functions/acts noted may occur out of the order noted in the figures. For example, two figures shown in succession may in fact be executed substantially concurrently or the figures may sometimes be executed in the reverse order, depending upon the functionality/acts involved.
The technical scheme of the application is further described in detail below with reference to the accompanying drawings.
Fig. 1 is a flowchart of a display control method based on man-machine interaction according to an embodiment of the present application, where the method is applied to an intelligent terminal, the intelligent terminal has a man-machine interaction interface, and the type of the man-machine interaction interface is not limited. The application has no limitation to the icon type, and can be any icon in the intelligent terminal. The method comprises the following steps:
s1, a first application icon is enlarged in response to a first interface control instruction of the first application icon which is touched/approached to the man-machine interaction interface in a preset mode, and an enlarged application icon is formed. For example, stylus or finger touch/proximity may be utilized;
in one embodiment, the preset manner is as follows: the human-computer interaction interface is contacted after the human-computer interaction interface moves along a first direction when a gap is preset between the human-computer interaction interface and the human-computer interaction interface, and then the human-computer interaction interface slides in a touch mode along a second direction, wherein the first direction and the second direction are perpendicular to each other, and a release point of the touch sliding is located at the position of the first application icon.
In another embodiment, the first interface control command is formed by a first control action and a second control action which are continuously performed, the first control action is moving along a first direction when a preset gap is formed between the first control action and the man-machine interaction interface, the second control action is contacting the man-machine interaction interface and sliding in a touch manner along a second direction, wherein the first direction is opposite to the second direction, the travel distance of the first control action is greater than the action travel distance of the second control action, and the release point of the touch sliding is at the position of the first application icon. By the arrangement, user experience can be improved, the interest of interaction is enhanced, and certain confidentiality is achieved, so that strangers are prevented from opening the device.
S2, responding to a second interface control instruction of touching a second application icon of the man-machine interaction interface and moving to the enlarged application icon, and aggregating the second application icon and the enlarged application icon into an aggregate icon.
After receiving a first interface control instruction sent by a user, the embodiment of the application enlarges the first application icon to form an enlarged application icon; and after receiving a second interface control instruction, aggregating the second application icon and the amplified application icon into an aggregate icon. Through the operation, the user can aggregate the first application icons and the second application icons in the human-computer interaction interface into one aggregate icon, the number of the application icons in the human-computer interaction interface is reduced, and as the first application icons and the second application icons are aggregated together, a new aggregate icon is formed, gray shadows as shown when the component container is not full are avoided, user experience is improved, and the interface is more attractive.
One embodiment of the step of responding to the first interface manipulation instruction in the step S1 includes: and responding to the first application icon which is touched/approached to the first man-machine interaction interface, and receiving a first interface control instruction when the time for touching/approaching the first application icon of the first man-machine interaction interface reaches the preset time and is released in situ of the first application icon. The manner of touching/approaching the first application icon of the first man-machine interaction interface may be that the user touches/approaches the first application icon with a finger, or may be that a pen or other unrestricted object touches/approaches the first application icon; the step of touching/approaching the first application icon for a preset time and releasing the first application icon in situ comprises the following steps: the preset time is more than 2 seconds, namely, the first application icon is touched/approached for 2 seconds or more, and the first interface control instruction is received after the first application icon is released. If the time of touching/approaching the first application icon is less than 2 seconds or is not released, the first interface manipulation instruction cannot be received.
In order to prevent misoperation of a user from influencing operation experience, the preset time is set when the man-machine interaction interface executes the first interface control instruction, the first interface control instruction is received only when the preset time is reached, and misoperation of opening an application icon when the user executes the first interface control instruction is avoided; in order to avoid misoperation, the touch/approach to the first application icon reaches the preset time and needs to be released in situ to receive the first interface control instruction, so that the possibility of misoperation of a user is reduced.
The step S1 specifically comprises the following steps: amplifying the first application icon according to a preset shape and a preset multiple to form an amplified application icon, which in one embodiment may be: displaying a first control on a man-machine interaction interface capable of collecting user information in the intelligent terminal, receiving and pre-storing selection information of a preset shape and selection information of a preset multiple through the first control; and amplifying the first application icon according to the preset shape and the preset multiple according to the preset shape selection information and the preset multiple selection information to form the amplified application icon, wherein the preset shape can be square, round, oval, pentagon or triangle.
In order to enhance user operation experience, when a first interface control instruction is responded, the shape and the multiple of the amplified first application icon can be selected by a user, the user selects a corresponding preset shape and the preset multiple of the amplified first application icon on an intelligent terminal setting interface, and the preset shape can be square, round, oval, pentagon or triangle; the preset multiple may be 1.2 times, 1.5 times, 2 times, 2.5 times, 3 times, 4 times, etc.
It can be understood that the polymerizable icon and the common icon can be well distinguished by responding to the first interface control instruction, wherein one polymerizable icon is enlarged by a preset multiple, and the other polymerizable icon is changed in shape according to a preset shape; and after the amplified application icon is formed, a subsequent step can be performed to trigger a second interface control instruction.
And step S2, responding to the touch of a second application icon of the man-machine interaction interface and moving the second application icon to a second interface control finger of the enlarged application icon, wherein the type of touch is not limited, and the touch can be performed by a user finger, or by other objects such as a pen, etc., and when the second application icon moves to the enlarged application icon, a second interface control instruction is received and responded to the second interface control instruction.
The embodiment of the application comprises the following steps:
the second interface manipulation instruction that touches the second application icon of the man-machine interaction interface and moves to the enlarged application icon may be: and touching a second application icon of the man-machine interaction interface, moving the second application icon to the enlarged application icon, and triggering an animation generation instruction so as to display the second application icon in an animation mode in the moving process.
The process of moving the second application icon to the enlarged application icon can be used for carrying out animation editing, the selected second application icon can be converted into animation of animals, cars, planes and the like to move to the enlarged application icon when moving, and the enlarged application icon and the second application icon can also have animation effects when responding to a second interface control instruction.
In the steps of the embodiment of the application: receiving a second interface control instruction when the area of the second application icon covered by the enlarged application icon is larger than one half of the area of the second application icon; when the area of the second application icon covered by the enlarged application icon is smaller than one half of the area of the second application icon, the second application icon generates a return instruction, and the return instruction is used for returning the second application icon to the original position.
In step S2, when a second interface operation instruction is received, the second application icon and the enlarged application icon are aggregated into an aggregated icon.
The second interface operation instruction is generated by touching a second application icon of the man-machine interaction interface and moving the second application icon to the amplified application icon, and three states, namely a first state, a second state and a third state, can be generated by judging that the second application icon covers the position of the amplified application icon.
The first state is generated when the second application icon covers the central area of the enlarged application icon, and when the first state information is received, the second application icon and the enlarged application icon are simultaneously and outwards cracked and condensed and spliced again to form the aggregate icon, and the area of the aggregate icon is equal to that of the enlarged application icon. And responding to an in-place instruction, wherein the in-place instruction refers to the generation that a third application icon covers more than one half of the area of the third application icon, and the third application icon and the aggregation icon are subjected to outward cracking again at the same time and condensed and spliced again to form a new aggregation icon.
The second state is generated when the second application icon covers the corner area of the enlarged application icon, and when the second state information is received, the second application icon is reduced according to a preset multiple and is covered on the enlarged application icon in a centered mode, and the second application icon is aggregated into an aggregation icon. And responding to an in-place instruction, wherein the in-place instruction refers to the generation that when the area of the third application icon covered by the aggregation icon is larger than one half of the area of the third application icon, the third application icon is reduced by a preset multiple and is covered on the aggregation icon again in a centered manner, and a new aggregation icon is aggregated.
And when receiving the information of the third state, amplifying the second application icon according to a preset multiple and desalting according to a preset proportion, amplifying to the size of the amplified application icon, and then completely covering the amplified application icon to aggregate the amplified application icon. And responding to an in-place instruction, wherein the in-place instruction refers to the generation of the situation that the area of a third application icon covered on the aggregation icon is larger than one half of the area of the third application icon, the third application icon is amplified according to a preset multiple and is desalted again according to a preset proportion, the size of the amplified application icon is amplified to be the size of the amplified application icon, and then the third application icon is completely covered on the aggregation icon again to be aggregated into a new aggregation icon.
It may be appreciated that the step of re-aggregating the third application icon with the aggregate icon includes: the third application icon may be any application icon of the man-machine interaction interface other than the aggregation icon, the aggregation number may be one or more, and the aggregation number is not limited.
In one embodiment, the step of aggregating into an aggregate icon further comprises:
and in response to a release instruction which is released by touching the aggregation icon of the man-machine interaction interface, a plurality of application icons in the aggregation icon are unfolded and displayed on the man-machine interaction interface through a preset picture. The application icons can be understood as the original first application icon and the second application icon, so that when a user needs to select one of the aggregation icons, the user can touch the aggregation icons first, and then the aggregation icons scatter and display the icons in the aggregation icons for the user to further select the corresponding icon.
The preset picture is a selected area interface for displaying application icons in a human-computer interaction interface, and the selected area interface comprises: the appearance shape takes a background pattern displayed in a rectangular shape as a selected area interface, and on the selected area interface, the application icons aggregated in the aggregated icons are respectively displayed in the selected area interface, and the first application icon, the second application icon and the third application icon are respectively moved to a first position, a second position and a third position.
In one embodiment, the selected area interface is cut into three areas with the same area, namely a first area, a second area and a third area, wherein the first position, the second position and the third position are respectively in the first area, the second area and the third area, and when the first area is touched, a first application icon corresponding to the first area is opened, wherein the area of the first area is larger than that of the first application icon. Because the area of the first area is larger than that of the first application icon, when a user needs to open the first application icon, misoperation can be effectively avoided to open other application icons.
In one embodiment, before the determining the in-place state of the second application icon, the method further includes:
identifying source information of the second application icon and the amplified application icon, judging whether the source information of the second application icon and the amplified application icon are the same in category, and responding to a second interface control instruction if the source information of the second application icon and the amplified application icon are the same in category; and if the source information of the two source information is not the same, generating a return instruction, wherein the return instruction is used for restoring the second application icon to the original position. If so, the application icons of the same enterprise can be effectively classified into one aggregation icon, so that a user can conveniently find the corresponding application icon, wherein the source information can be application icon names, registrant enterprise information, registrant legal person information, developer enterprise information, developer legal person information and the like, and the source information is not limited; for example, the aggregate icon may include a QQ icon, a WeChat icon, and a QQ browser icon. For example, another aggregate icon may include a pay treasures icon, a kitty's cat icon, a panning treasures icon, etc., i.e., all icons of the same company are aggregated together. Compared with a component container with shadows, the method and the device can only accommodate a plurality of icons, such as nine icons, the method and the device can accommodate a plurality of icons of the same company together, the targeting is strong, the accommodated application icons are not limited, and the convenience of use is improved.
In an embodiment, before the identifying source information of the second application icon and the enlarged application icon, the method further includes:
judging the authenticity of the source information of the application icon:
inquiring and acquiring the developer enterprise information and the registrant enterprise information of the application icon by the network cloud platform through the enterprise inquiry platform and the map information platform;
and checking corporate legal information, corporate address information and corporate stakeholder information, wherein the checking information can be identified in the next step without errors, when the source information of the application icon is wrong, the related information is automatically searched in the network cloud platform, the correct application icon information is imported into the network cloud platform, and then the identification in the next step is carried out, and the source information of the two icons is identified.
The enterprise query platform can be enterprise query, sky eye query and the like, the map information platform can be a Goldmap, a hundred-degree map, a Tengxun map and the like, and the network cloud platform can be hundred-degree, google, dog searching and the like. The method can judge whether the source information of the application program is true or not, and avoids the erroneous classification of the application program with the source information error.
In order to facilitate understanding of the above-described scheme, the implementation of the above-described method will be exemplified by the examples shown in fig. 2-1 to 4-2.
2-1, displaying all application icons in the human-computer interaction interface, in this embodiment, the second row and the third column are first application icons, and in response to a first interface manipulation instruction, the first application icons are enlarged according to a preset multiple and a preset shape, in this embodiment, the preset shape is rectangular, when the first application is enlarged to form the enlarged application icons, the interface shown in FIG. 2-2 can be accessed, a second interface manipulation instruction is received, and the second interface manipulation instruction means that the area of the second application icons covering the enlarged application icons exceeds one half of the area of the second application icons; when the information of the central sensing area of the enlarged application icon covered by the second application icon is received, the second application icon and the enlarged application icon are simultaneously and outwards cracked and then condensed into an aggregate icon, the aggregate icon enters an interface shown in fig. 2-3, and when the information of the third application icon covered on the aggregate icon is received, the interface shown in fig. 2-4 is entered, the third application icon and the aggregate icon are simultaneously and outwards cracked and condensed to form a new aggregate icon.
As shown in fig. 3-1, when the information that the second application icon covers the corner sensing area of the enlarged application icon is received, the second application icon is reduced by a preset proportion, then is covered on the enlarged application icon in a centered manner to form an aggregate icon shown in fig. 3-2, and when the information that the third application icon covers the aggregate icon is received, the third application icon is reduced again according to the preset proportion and is covered on the aggregate icon in a centered manner, as shown in fig. 3-3, and is aggregated into a new aggregate icon.
As shown in fig. 4-1, when the information that the second application icon covers the non-corner edge area of the enlarged application icon is received, the second application icon is reduced according to a preset proportion and enlarged according to a preset proportion until the size of the enlarged application icon completely covers the enlarged application icon to form an aggregate icon shown in fig. 4-2, and when the information that the third application icon covers the aggregate icon is received, the third application icon is reduced according to a preset proportion and enlarged according to a preset proportion until the size of the aggregate icon covers the aggregate icon to form a new aggregate icon shown in fig. 4-3;
it can be appreciated that when the user touches/approaches the first application icon of the man-machine interaction interface for 2 seconds or more and releases, the first application icon is displayed in an enlarged manner according to the shape and multiple selected by the user, when the user moves the second application icon to cover the enlarged application icon and the coverage area is larger than one half of the second application icon, the second application icon and the enlarged application icon start to be aggregated into an aggregated icon, and when the coverage area of the second application icon to cover the enlarged application icon is smaller than one half of the second application icon, the second application icon automatically bounces back to the original position and cannot be aggregated.
Not described in this embodiment, when the second application icon covers the enlarged application icon and the coverage area is greater than one half of the area of the second application icon, the method further includes: and reading source information of the second application icon and the amplified application icon, judging whether the source information has the same information, responding to the second interface control instruction if the source information has the same information, and responding to the return instruction if the source information does not have the same information.
The application also provides a display control system based on man-machine interaction, which comprises at least one processor and a memory in communication connection with the at least one processor, wherein the memory stores instructions executable by the at least one processor, and the instructions are set to execute the display control method based on man-machine interaction according to any one of the above.
The embodiment of the application also provides a display control device (i.e. a display control system) corresponding to the display control method based on man-machine interaction, which is applied to an intelligent terminal, wherein the intelligent terminal is provided with a man-machine interaction interface, a plurality of application icons are displayed in the man-machine interaction interface, and the device is shown in a schematic diagram in fig. 5 and mainly comprises the following units:
the first receiving unit 50 is configured to receive a first interface manipulation instruction, where a user touches/approaches a first application icon in a preset manner;
the amplifying unit 51 is configured to amplify the first application icon with a preset shape and a preset multiple in response to a first interface manipulation instruction, so as to form an amplified application icon;
a second receiving unit 52, configured to receive a second interface manipulation instruction, where a user moves a second application icon onto the enlarged application icon;
an aggregation unit 53, configured to aggregate the second application icon and the enlarged application icon in the first state in response to the first state, and simultaneously crack and condense the second application icon and the enlarged application icon to form an aggregate icon;
and in response to the second state, aggregating the second application icon and the enlarged application icon in the second state, wherein the second application icon is zoomed out and is centrally overlaid on the enlarged application icon to form an aggregated icon.
And in response to the third state, aggregating the second application icon and the amplified application icon under the condition of the third state, wherein the second application icon is desalted according to a preset proportion and is amplified according to the preset proportion to be completely covered on the amplified application icon, so that an aggregate icon is formed.
Optionally, the first receiving unit 50 is specifically configured to:
and responding to a first interface control instruction of a first application icon which is touched/approached to the man-machine interaction interface in a preset mode.
Optionally, the method of the preset mode includes: and the time of touching/approaching the first application icon of the man-machine interaction interface is more than or equal to 2 seconds.
Optionally, the amplifying unit 51 further includes:
and amplifying the preset shape and the preset multiple of the first application icon through the first interface control instruction, displaying a first control on the teaching interactive interface of the intelligent terminal by the preset shape and the preset multiple, and receiving preset shape selection information and preset multiple selection information of the first control to be prestored.
Optionally, the second receiving unit 52 further includes:
pre-storing the animation effect of the second application icon moving to the amplified application icon, and pre-storing information in the man-machine interaction interface, when receiving the second interface control instruction, extracting pre-stored animation effect information, wherein the second application icon moves to the amplified application icon in an animation mode.
Optionally, the second application icon is moved to the enlarged application icon and needs to satisfy a preset condition to be aggregated.
Optionally, the preset condition is that the area of the second application icon covered by the enlarged application icon is greater than or equal to one half of the area of the application icon, otherwise, the second application icon generates a return instruction.
Optionally, the return instruction means that the second application icon is returned to the original position.
Optionally, the first aggregation unit 53 further includes:
judging whether the second application icon accords with a preset rule, if so, executing a ground connection interface control instruction, and if not, generating a return instruction by the second application icon.
Optionally, the preset rule is that the source information of the second application icon and the enlarged application icon has at least one category identical to the source information of the second application icon and the enlarged application icon.
In summary, in the embodiment of the present application, in response to a first interface manipulation instruction of a first application icon that touches/approaches the man-machine interaction interface in a preset manner, the first application icon is enlarged according to a preset shape and a preset multiple to form an enlarged application icon; and responding to a second interface control instruction of touching a second application icon of the man-machine interaction interface and moving to the enlarged application icon, and aggregating the second application icon and the enlarged application icon into an aggregate icon. Through the operation, the user can classify and integrate the application icons into the aggregated icons according to the rules, the application icons with messy desktop can be effectively tidied, compared with a component container with shadows, the application icons are more attractive, after the first application icons are amplified, the second application icons are more convenient to move to the first application icons, the possibility of misoperation of the user is reduced, and the problem of the complexity of the application icons of the man-machine interaction interface of the intelligent terminal can be effectively solved.
In this specification, each embodiment is described in a progressive manner, and each embodiment is mainly described by differences from other embodiments, and identical and similar parts between the embodiments are all enough to be referred to each other.
In addition, it should be noted that: embodiments of the present application also provide a computer program product or computer program that may include computer instructions that may be stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer readable storage medium, and the processor may execute the computer instructions, so that the computer device performs the description of the data processing method in the embodiment corresponding to fig. 1, and thus, a detailed description will not be given here. In addition, the description of the beneficial effects of the same method is omitted. For technical details not disclosed in the computer program product or the computer program embodiments according to the present application, reference is made to the description of the method embodiments according to the present application.
Other embodiments of the application will be apparent to those skilled in the art from consideration of the specification and practice of the application disclosed herein. This application is intended to cover any variations, uses, or adaptations of the application following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the application pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.

Claims (3)

1. The display control method based on human-computer interaction is applied to an intelligent terminal, the intelligent terminal is provided with a human-computer interaction interface, and a plurality of application icons are displayed in the human-computer interaction interface, and is characterized in that the method comprises the following steps:
responding to a first interface control instruction of a first application icon which is touched/approached to the man-machine interaction interface in a preset mode, amplifying the first application icon to form an amplified application icon;
responding to a second interface control instruction of touching a second application icon of the man-machine interaction interface and moving to the enlarged application icon, and aggregating the second application icon and the enlarged application icon into an aggregate icon; wherein the step of aggregating the second application icon and the enlarged application icon into an aggregate icon comprises:
responding to an in-place instruction, and aggregating the second application icon and the enlarged application icon into an aggregation icon; wherein the in-place instruction is generated by the second application icon contacting/overlaying a preset position of the enlarged application icon and releasing;
the method further comprises the steps of:
judging the in-place information to generate the in-place instruction, and generating the in-place instruction when the second application icon covers the area of the enlarged application icon more than one half of the area of the second application icon;
wherein prior to the step of responding to the in-place instruction, further comprises:
judging the in-place state of the second application icon based on the in-place information, wherein the in-place state comprises a first state, a second state and a third state, the first state is a state that the second application icon is released at the center of the amplified application icon, the second state is a state that the second application icon is released at the corner of the amplified application icon, and the third state is a state that the second application icon is released at the non-corner edge area of the amplified application icon; based on the in-place instruction, before judging the in-place state of the second application icon, the method further comprises:
acquiring source information of the second application icon and the amplified application icon, judging whether the source information of the second application icon and the amplified application icon meet a preset condition, if so, aggregating the second application icon and the amplified application icon into an aggregate icon, and if not, generating a return instruction, and returning the second application icon to the original position according to the return instruction; the preset condition is whether source information of two target application icons has at least one category information identical, and the source information comprises: registrant business information, registrant legal person information, developer business information, and developer legal person information;
the step of aggregating the second application icon and the enlarged application icon into an aggregate icon comprises:
when the second application icon is judged to be in the first state, the second application icon and the amplified application icon are simultaneously and outwards cracked, and condensed and spliced again to form the aggregate icon, wherein the area of the aggregate icon is equal to that of the amplified application icon;
when the second application icon is judged to be in the second state, the second application icon is reduced and is covered on the enlarged application icon in a centered manner, so that the aggregation icon is formed;
and when the second application icon is judged to be in the third state, amplifying the second application icon by a preset multiple, and carrying out background color fading according to a preset proportion and completely covering the amplified application icon to form the aggregation icon.
2. The method of claim 1, wherein the first interface operation instruction is generated by a release after touching/approaching the first application icon for a preset time, the method further comprising: displaying a first control on a human-computer interaction interface, receiving preset shape selection information and preset multiple selection information through the first control, and pre-storing the preset shape selection information and the preset multiple selection information;
the step of amplifying the first application icon in response to the first interface manipulation instruction includes:
and amplifying the first application icon according to the preset shape and the preset multiple to form the amplified application icon, wherein the preset shape can be square, round, oval, pentagon or triangle.
3. A display control system based on human-computer interaction, comprising at least one processor and a memory communicatively coupled to the at least one processor, the memory having instructions executable by the at least one processor stored therein, the instructions being programmed to perform the human-computer interaction based display control method of any of claims 1-2.
CN202210439399.8A 2022-04-25 2022-04-25 Display control method and system based on man-machine interaction Active CN114935992B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210439399.8A CN114935992B (en) 2022-04-25 2022-04-25 Display control method and system based on man-machine interaction

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210439399.8A CN114935992B (en) 2022-04-25 2022-04-25 Display control method and system based on man-machine interaction

Publications (2)

Publication Number Publication Date
CN114935992A CN114935992A (en) 2022-08-23
CN114935992B true CN114935992B (en) 2023-10-10

Family

ID=82863451

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210439399.8A Active CN114935992B (en) 2022-04-25 2022-04-25 Display control method and system based on man-machine interaction

Country Status (1)

Country Link
CN (1) CN114935992B (en)

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102662590A (en) * 2012-04-12 2012-09-12 中兴通讯股份有限公司南京分公司 Icon processing method and icon processing device
CN102929706A (en) * 2012-10-31 2013-02-13 广州市久邦数码科技有限公司 Method for combining files
CN104021004A (en) * 2014-06-30 2014-09-03 腾讯科技(深圳)有限公司 Method and system for operating icon units
CN105677305A (en) * 2014-11-18 2016-06-15 华为终端(东莞)有限公司 Icon management method, device and terminal
CN106293307A (en) * 2015-05-18 2017-01-04 中兴通讯股份有限公司 Icon method to set up and device
CN106896974A (en) * 2015-12-18 2017-06-27 阿里巴巴集团控股有限公司 The method and apparatus that data are sorted out
CN106951141A (en) * 2017-03-16 2017-07-14 维沃移动通信有限公司 The processing method and mobile terminal of a kind of icon
CN108052366A (en) * 2017-12-27 2018-05-18 努比亚技术有限公司 Application icon display methods, terminal and storage medium
CN109634477A (en) * 2017-10-09 2019-04-16 中兴通讯股份有限公司 Application icon display methods, terminal and storage medium
CN111371952A (en) * 2020-03-05 2020-07-03 西安极蜂天下信息科技有限公司 Application icon management method and device
CN111857465A (en) * 2020-06-30 2020-10-30 维沃移动通信有限公司 Application icon sorting method and device and electronic equipment
CN113778270A (en) * 2020-08-05 2021-12-10 北京沃东天骏信息技术有限公司 Method and device for dragging icon
CN113900556A (en) * 2021-09-28 2022-01-07 深圳传音控股股份有限公司 Icon processing method, intelligent terminal and storage medium
CN114003152A (en) * 2020-07-13 2022-02-01 苏州佳世达电通有限公司 Application icon management method and system
CN114138144A (en) * 2021-11-30 2022-03-04 深圳传音控股股份有限公司 Control method, intelligent terminal and storage medium
CN114296595A (en) * 2021-12-29 2022-04-08 维沃移动通信有限公司 Display method and device and electronic equipment

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101472591B1 (en) * 2008-11-14 2014-12-17 삼성전자주식회사 Method for selection of portion of contents magnified with a zoom function, apparatus for serveing the contents, and system for the same

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102662590A (en) * 2012-04-12 2012-09-12 中兴通讯股份有限公司南京分公司 Icon processing method and icon processing device
CN102929706A (en) * 2012-10-31 2013-02-13 广州市久邦数码科技有限公司 Method for combining files
CN104021004A (en) * 2014-06-30 2014-09-03 腾讯科技(深圳)有限公司 Method and system for operating icon units
CN105677305A (en) * 2014-11-18 2016-06-15 华为终端(东莞)有限公司 Icon management method, device and terminal
CN106293307A (en) * 2015-05-18 2017-01-04 中兴通讯股份有限公司 Icon method to set up and device
CN106896974A (en) * 2015-12-18 2017-06-27 阿里巴巴集团控股有限公司 The method and apparatus that data are sorted out
CN106951141A (en) * 2017-03-16 2017-07-14 维沃移动通信有限公司 The processing method and mobile terminal of a kind of icon
CN109634477A (en) * 2017-10-09 2019-04-16 中兴通讯股份有限公司 Application icon display methods, terminal and storage medium
CN108052366A (en) * 2017-12-27 2018-05-18 努比亚技术有限公司 Application icon display methods, terminal and storage medium
CN111371952A (en) * 2020-03-05 2020-07-03 西安极蜂天下信息科技有限公司 Application icon management method and device
CN111857465A (en) * 2020-06-30 2020-10-30 维沃移动通信有限公司 Application icon sorting method and device and electronic equipment
CN114003152A (en) * 2020-07-13 2022-02-01 苏州佳世达电通有限公司 Application icon management method and system
CN113778270A (en) * 2020-08-05 2021-12-10 北京沃东天骏信息技术有限公司 Method and device for dragging icon
CN113900556A (en) * 2021-09-28 2022-01-07 深圳传音控股股份有限公司 Icon processing method, intelligent terminal and storage medium
CN114138144A (en) * 2021-11-30 2022-03-04 深圳传音控股股份有限公司 Control method, intelligent terminal and storage medium
CN114296595A (en) * 2021-12-29 2022-04-08 维沃移动通信有限公司 Display method and device and electronic equipment

Also Published As

Publication number Publication date
CN114935992A (en) 2022-08-23

Similar Documents

Publication Publication Date Title
US7086013B2 (en) Method and system for overloading loop selection commands in a system for selecting and arranging visible material in document images
US20140019905A1 (en) Method and apparatus for controlling application by handwriting image recognition
CN105786930B (en) Based on the searching method and device for touching interaction
CN106484266A (en) A kind of text handling method and device
CN103324674B (en) Web page contents choosing method and device
CN104090762A (en) Screenshot processing device and method
CN104090761A (en) Screenshot application device and method
CN108762611B (en) Application icon management method and device and readable storage medium
CN109144392B (en) Method and device for processing gesture conflict and electronic equipment
KR101158679B1 (en) Method for directly inputting figure on electronic document, and computer-readable recording medium storing program of directly inputting figure on electronic document
US10698574B2 (en) Display control program, display control method, and display control apparatus
CN111553172A (en) Translation document display method, device, system and storage medium
CN105138253A (en) Method and device for batch processing of pictures
CN113244611A (en) Virtual article processing method, device, equipment and storage medium
CN113268182A (en) Application icon management method and electronic equipment
CN114935992B (en) Display control method and system based on man-machine interaction
US11243678B2 (en) Method of panning image
EP3612921A1 (en) Enhanced inking capabilities for content creation applications
KR20150097250A (en) Sketch retrieval system using tag information, user equipment, service equipment, service method and computer readable medium having computer program recorded therefor
JP2019139332A (en) Information processor, information processing method and information processing program
CN111796736B (en) Application sharing method and device and electronic equipment
KR102213861B1 (en) Sketch retrieval system, user equipment, service equipment, service method and computer readable medium having computer program recorded therefor
US20180211027A1 (en) Password setting method and device
WO2017036311A1 (en) Object sorting method and device
JP2015022524A (en) Terminal device and system

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
TA01 Transfer of patent application right

Effective date of registration: 20230911

Address after: Room 28, A01, 3rd Floor, No. 17 Guangshun North Street, Chaoyang District, Beijing, 100020

Applicant after: Beijing Hai Bai Sichuan Science and Technology Co.,Ltd.

Address before: No. 6, Lane 1, Chang'an 5th Street, Wenquan Town, Luchuan County, Guilin City, Guangxi Zhuang Autonomous Region, 541000

Applicant before: Su Haiqiang

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant