CN111198640A - Interactive interface display method and device - Google Patents
Interactive interface display method and device Download PDFInfo
- Publication number
- CN111198640A CN111198640A CN201911398044.3A CN201911398044A CN111198640A CN 111198640 A CN111198640 A CN 111198640A CN 201911398044 A CN201911398044 A CN 201911398044A CN 111198640 A CN111198640 A CN 111198640A
- Authority
- CN
- China
- Prior art keywords
- control
- interactive
- adjusting
- event
- user
- 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
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/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
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Abstract
The specification discloses an interactive interface display method and device, wherein the method comprises the following steps: displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area; displaying at least two interactive controls in the user interactive area, wherein each interactive control at least has a display size adjustable characteristic; after detecting a display size adjustment trigger event of the interactive control, adjusting the display size of each interactive control in the user interaction area according to the trigger event under the condition that the size of the user interaction area is not changed; and displaying the adjusted result. By applying the scheme, the display size of each interactive control in the user interaction area can be adjusted according to a specific trigger event while various interactive controls are provided, so that the user requirements can be met, and the user experience can be improved.
Description
Technical Field
The present application relates to the field of human-computer interaction, and in particular, to a method and an apparatus for displaying an interactive interface.
Background
In the field of human-computer interaction, the design of software interaction often determines the experience of a user on a software system. In common interactive design, in order to combine the advantages of multiple interactive modes, the interactive interface often needs to provide multiple interactive modes, but is limited by the reasons of the size, the resolution and the like of a screen and the interactive interface, most interactive controls corresponding to the multiple interactive modes can only be switched and displayed one by one, the interactive controls are not intuitive for users, and the function guidance is not strong.
Disclosure of Invention
In view of this, the present application discloses an interactive interface display method and apparatus.
According to a first aspect of an embodiment of the present application, an interactive interface display method is disclosed, which includes:
displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area;
displaying at least two interactive controls in the user interactive area, wherein each interactive control at least has a display size adjustable characteristic;
after detecting a display size adjustment trigger event of the interactive control, adjusting the display size of each interactive control in the user interaction area according to the trigger event under the condition that the size of the user interaction area is not changed;
and displaying the adjusted result.
According to a second aspect of the embodiments of the present application, an interactive interface display apparatus is disclosed, which comprises a display module and an adjustment module, wherein,
the display module is used for: displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area; the display device is also used for displaying at least two interactive controls in the user interactive area, and each interactive control at least has a display size adjustable characteristic;
the adjustment module is configured to: after detecting a display size adjustment trigger event of the interactive control, under the condition that the size of the user interaction area is not changed, adjusting the display size of each interactive control in the user interaction area according to the trigger event;
the display module is further configured to: and displaying the adjusted result.
In the above technical solution, on one hand, since the interactive interface of the present solution provides a plurality of interactive controls corresponding to a plurality of interactive modes, the user can enjoy the advantages of different interactive modes and has strong function guidance; on the other hand, according to the scheme, the display size of each interaction control in the user interaction area can be adjusted according to a specific trigger event, so that the user requirements can be met, and the user experience can be improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with this specification and together with the description, serve to explain the principles.
FIG. 1 is an exemplary diagram of an interactive interface shown in the present specification;
FIG. 2 is a flow chart diagram illustrating an interactive interface display method shown in the present specification;
FIG. 3 is a diagram illustrating an example scenario for manually changing the display size of an interactive control shown in this specification;
FIG. 4 is a diagram illustrating another example scenario for manually changing the display size of an interactive control shown in the present specification;
FIG. 5 is a diagram illustrating an example scenario for automatically changing the display size of an interactive control;
FIG. 6 is a diagram of another example scenario illustrating automatically changing the display size of an interactive control;
FIG. 7 is a diagram illustrating an exemplary structure of an interactive interface display apparatus shown in the present specification;
fig. 8 is a diagram illustrating an example of a structure of an electronic device for displaying an interactive interface according to the present specification.
Detailed Description
In order to make those skilled in the art better understand the technical solutions in one or more embodiments of the present disclosure, the technical solutions in one or more embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in one or more embodiments of the present disclosure. It is to be understood that the described embodiments are only a few, and not all embodiments. All other embodiments that can be derived by one of ordinary skill in the art from one or more embodiments of the disclosure without making any creative effort shall fall within the protection scope of the present application.
When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present specification. Rather, they are merely examples of systems and methods consistent with certain aspects of the present description, as detailed in the appended claims.
The terminology used in the description herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the description. As used in this specification and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It should be understood that although the terms first, second, third, etc. may be used herein to describe various information, these information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, the first information may also be referred to as second information, and similarly, the second information may also be referred to as first information, without departing from the scope of the present specification. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
In the field of human-computer interaction, the design of software interaction often determines the experience of a user on a software system. In common interactive design, in order to combine the advantages of multiple interactive modes, the interactive interface often needs to provide multiple interactive modes, but is limited by the reasons of the size, the resolution and the like of a screen and the interactive interface, most interactive controls corresponding to the multiple interactive modes can only be switched and displayed one by one, the interactive controls are not intuitive for users, and the function guidance is not strong.
For example, in some instant messaging application dialog interfaces, although two interaction modes, namely an input box and a function menu, can be provided, the limited space enables only one interaction mode to be presented by default and the interaction modes can be switched with each other through a specific button. Although the mode ensures the simplicity of the interface, the mode cannot meet the requirements of the user and give the user guidance.
Based on this, the present specification proposes a technical solution that provides at least two kinds of interaction controls for a user in a user interaction area in an interaction interface, and does not need to change the size of the user interaction area.
Referring to fig. 1, fig. 1 is an exemplary diagram of an interactive interface shown in the present specification. In this example, the size of the user interaction area remains the same, where two types of interaction controls are provided, namely a content input-type interaction control and a functionality selection-type interaction control. It will be appreciated that the illustration of this figure is merely a specific example, the variety and number of interactive controls is not limited to what is shown in the figure, nor is the layout of the interactive interface limited to the arrangement shown in the figure.
In implementation, each interactive control may have a characteristic that a display size is adjustable, and the display size can be adjusted according to a trigger event, where the trigger event may be a manual operation event of a user or other automatic trigger events. For example, in the example of fig. 1, the content input class control is in a zoom-out state, and the function selection class control is in a zoom-in state, and when a trigger event is detected, the proportions of the two respectively occupying the user interaction area may change.
In the above technical solution, on one hand, since the interactive interface of the present solution provides a plurality of interactive controls corresponding to a plurality of interactive modes, the user can enjoy the advantages of different interactive modes and has strong function guidance; on the other hand, according to the scheme, the display size of each interaction control in the user interaction area can be adjusted according to a specific trigger event, so that the user requirements can be met, and the user experience can be improved.
The present application is described below with reference to specific embodiments and specific application scenarios.
Referring to fig. 2, fig. 2 is a flowchart illustrating an interactive interface display method according to the present disclosure; the method performs the steps of:
s201, displaying an interactive interface, wherein the interactive interface at least comprises a user interactive area;
s202, displaying at least two interactive controls in the user interactive area, wherein each interactive control at least has a display size adjustable characteristic;
s203, after detecting a triggering event for adjusting the display size of the interactive control, under the condition that the size of the user interaction area is not changed, adjusting the display size of each interactive control in the user interaction area according to the triggering event;
and S204, displaying the adjusted result.
The interactive interface described in the above steps can refer to fig. 1, for example, the sizes of the content input class control and the function selection class control shown in fig. 1 can be adjusted without changing the overall size of the user interaction area.
In this specification, the foregoing interaction control display size adjustment triggering event may be a user adjustment operation event, that is, the display size of each interaction control in the user interaction area may be adjusted according to a manual operation of a user.
In one illustrated embodiment, the user-adjusted operational event comprises: and clicking events of the user on any one of the interaction controls.
Referring to fig. 3, fig. 3 is a diagram illustrating an exemplary scenario of manually changing a display size of an interactive control according to this specification. In this example, the step of adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event includes: adjusting the display size of the interactive control corresponding to the click event to a preset amplification state; and adjusting the display size of the interactive control not corresponding to the click event to a preset reduction state.
In the scenario shown in fig. 3, according to an operation event that the user clicks the left content input class control, the software determines that the interactive control corresponding to the click event, that is, the display size of the "problem input" control in this example, needs to be adjusted to a preset zoom-in state, and adjusts the interactive control not corresponding to the click event, that is, the display size of the function selection class control in the drawing, to a preset zoom-out state. By applying the scheme, the work of switching among the controls can be completed, the interactive controls concerned by the user are highlighted, the interactive controls not concerned by the user are appropriately hidden, the controls concerned by the user can provide complete interactive functions, meanwhile, other controls can still have certain exposure, when the user needs to use other interactive controls, a guidance prompt can be obtained, and then the user can visually switch to other interactive controls.
It should be understood that the above scenario is only a specific example, and should not be construed as a limitation on the scheme, for example, the preset zoom-in state and the preset zoom-out state may be specified by a developer or may be specified by a user, and the number of the interactive controls is not limited to two in this example.
In an embodiment shown, the above process of adjusting the display size of each interactive control in the user interaction area according to the user adjustment operation event may further include determining a current display size state of the interactive control corresponding to the click event; and if the display size of the interactive control corresponding to the click event is in the amplification state, adjusting the display sizes of all the interactive controls to be in the initial state.
For example, in the scenario shown in fig. 3, if the user expands the input box on the left side and clicks the input box again, the software may return the sizes of the interactive controls to the initial state according to the operation. By adopting the scheme, the practical situation that a user generally cannot repeatedly amplify a certain control is considered, and a mode of quickly returning to the initial state can be provided for the user, so that the user experience is further improved.
In one illustrated embodiment, the user adjustment operation event may be a sliding event of a user in the user interaction area. Referring to fig. 4, fig. 4 is a diagram illustrating another scenario example of manually changing a display size of an interaction control, in which the adjusting a display size of each interaction control in the user interaction area according to a user adjustment operation event includes:
determining a target interactive control in the interactive controls according to the sliding starting point of the sliding event;
adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event; and correspondingly adjusting the display sizes of the interactive controls except the main interactive control.
In the above scenario, after the user initiates a sliding event of sliding left from the right function selection type interactive control, the software may enlarge the size of the right function selection type interactive control according to the sliding distance, and correspondingly, the left content input type control may be reduced accordingly.
In an illustrated embodiment, in the above scenario, it may be determined whether a sliding distance of the sliding event is greater than a preset threshold, and if the determination result is yes, the display size of the target interaction control is adjusted to a preset size. Through the scheme, the interactive interface after each sliding can be more uniform and attractive in a mode of presetting the size.
In this specification, the application interface further includes a content display area; the step of adjusting the display size of each interaction control in the user interaction area according to the trigger event may be: and determining the display size of each interactive control matched with the content according to the content currently displayed in the content display area. In this scenario, the software will automatically adjust the display size of each interactive control according to the content presented.
In one embodiment, a target interaction control corresponding to the content can be determined according to the content currently presented in the content presentation area; after the target interaction control is determined, the size of the target interaction control can be adjusted to be in an amplification state, and other interaction controls in the user interaction area are adjusted to be in a reduction state; the zoom-in state and the zoom-out state may be preset or may be specified by a user. Specifically, the determining of the target interaction control corresponding to the trigger mark may be performed according to the trigger mark matched with the content and a preset corresponding relationship. It is understood that the manner of determining the target interaction control may also be according to a planned task presented by the user in the content presentation area, and the like, and a person skilled in the art may determine a specific implementation manner at will, and this specification is not limited in particular.
Referring to fig. 5, fig. 5 is a diagram illustrating an example of a scenario for automatically changing the display size of an interactive control according to the present specification; in this example, the user sends a "i want to view detailed information of a certain product" dialog to the content display area by selecting a function, and when the interface detects that the reply includes a preset trigger "please input", the content interaction control is determined as the target control according to a preset corresponding relationship, that is, the corresponding relationship between the "please input" and the content input interaction control, so that the size of the content interaction control can be adjusted to a preset zoom-in state, and correspondingly, the size of the function selection interaction control is adjusted to a preset zoom-out state.
By applying the scheme, the size scaling state of the interactive control can be automatically switched according to the functions and interactive scenes used by the user, the guidance of an interactive interface is enhanced, and the user experience is enhanced.
In this specification, the interaction control that can be displayed in the user interaction area may be a content input type control or a function selection type control. In fact, other components, such as a voice recognition control, a gesture recognition control, and the like, may be applied to the scenario, and those skilled in the art may determine what kind of interaction control to use according to specific needs, and the description is not limited in detail.
In one embodiment, the trigger event may be: detecting an event that the input content of the content input control contains a trigger character string corresponding to the function selection control; furthermore, the adjustment of the display size of the interactive control can be realized by adopting the following modes: and adjusting the size of the function selection type control corresponding to the trigger character string to a preset amplification state, and adjusting the content input type control to a preset reduction state.
Correspondingly, in another embodiment shown, the interaction control may also be an interaction event that the user selects a class control for the function and corresponds to the content input class control; an implementation manner of adjusting a display size of each interaction control in the user interaction area includes: and adjusting the size of the content input control corresponding to the interaction event to a preset amplification state, and adjusting the function selection control to a preset reduction state.
Referring to fig. 6, fig. 6 is a diagram illustrating another scenario for automatically changing the display size of an interactive control according to the present specification. This example is similar to the previous example, but the triggering event that triggers the change in the display size of the interaction control is no longer triggered by the content presentation area, but rather by the user interaction area itself. In this example, the user cannot see the "follow-up hot spot" function because the right function selection type interactive control is compressed, so that the software detects the trigger character string corresponding to the "follow-up hot spot" button of the function selection type control, which is "hot sell" input into the content input type interactive control, and the display size of the corresponding control can be automatically adjusted.
Similarly, for example, after the function requiring content input is triggered by the function selection class control, the content input class control may be adjusted to a preset zoom-in state 9, and the function selection class control may be adjusted to a preset zoom-out state corresponding to the interaction event.
The specification also provides an interactive interface display device.
Referring to fig. 7, fig. 7 is a diagram illustrating a structure example of an interactive interface display device shown in this specification, the device includes a display module 901 and an adjustment module 902, wherein,
the display module 901 is configured to: displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area; the display device is also used for displaying at least two interactive controls in the user interactive area, and each interactive control at least has a display size adjustable characteristic;
the adjustment module 902 is configured to: after detecting a display size adjustment trigger event of the interactive control, under the condition that the size of the user interaction area is not changed, adjusting the display size of each interactive control in the user interaction area according to the trigger event;
the display module 901 is further configured to: and displaying the adjusted result.
In this specification, the adjustment module 902 includes a manual adjustment submodule for: and adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event. In other words, the device supports the adjustment of the display size of the interactive control according to the manual operation trigger of the user.
In an embodiment shown, the user adjusting operation event may be a click event of a user on any of the interaction controls; the manual adjustment submodule may be specifically configured to: adjusting the display size of the interactive control corresponding to the click event to a preset amplification state; and adjusting the display size of the interactive control not corresponding to the click event to a preset reduction state.
In one embodiment, the manual adjustment submodule may be further configured to: determining the state of the current display size of the interactive control corresponding to the click event; and if the display size of the interactive control corresponding to the click event is in the amplification state, adjusting the display sizes of all the interactive controls to be in the initial state.
In an embodiment shown, the user adjustment operation event may be a sliding event of the user in the user interaction area; the manual adjustment submodule may be specifically configured to: determining a target interactive control in the interactive controls according to the sliding starting point of the sliding event; adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event; and correspondingly adjusting the display sizes of the interactive controls except the main interactive control.
In an embodiment shown, the adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event may be specifically implemented in the following manner: and judging whether the sliding distance of the sliding event is greater than a preset threshold value, and if so, adjusting the display size of the target interaction control to a preset size.
In this specification, the application interface further includes a content display area; the adjustment module includes an automatic adjustment sub-module operable to: and determining the display size of each interactive control matched with the content according to the content currently displayed in the content display area. In other words, the apparatus supports triggering an adjustment of a display size of the interactive control according to a usage context of the user within the content presentation area.
In one embodiment shown, the auto-adjustment submodule may be specifically configured to: determining a target interaction control corresponding to the content according to the content currently displayed in the content display area; after the target interaction control is determined, the size of the target interaction control is adjusted to a preset amplification state, and other interaction controls in the user interaction area are adjusted to a preset reduction state.
In an embodiment shown in the apparatus, in the process of determining the target interaction control corresponding to the content according to the content currently displayed in the content display area, the process may specifically be: and determining a target interaction control corresponding to the trigger mark according to the trigger mark matched with the content and a preset corresponding relation.
In this specification, the interaction control includes: a content input class control and/or a functionality selection class control.
In an illustrated embodiment, the triggering event may be an event that it is detected that the input content of the content input class control contains a triggering character string corresponding to the function selection class control; the adjusting module may be specifically configured to: and adjusting the size of the function selection type control corresponding to the trigger character string to a preset amplification state, and adjusting the content input type control to a preset reduction state.
In an illustrated embodiment, the triggering event may be an interaction event that a user selects a class control for the function and corresponds to the content input class control; the adjusting module is specifically configured to: and adjusting the size of the content input control corresponding to the interaction event to a preset amplification state, and adjusting the function selection control to a preset reduction state.
By applying the interactive interface display device, the size of the interactive control can be manually or automatically adjusted to meet the user requirements and improve the user experience.
The embodiments of the present specification further provide a computer device, which at least includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the foregoing interactive interface display method when executing the program.
Fig. 8 is a schematic diagram illustrating a more specific hardware structure of a computing device according to an embodiment of the present disclosure, where the computing device may include: a processor 1010, a memory 1020, an input/output interface 1030, a communication interface 1040, and a bus 1050. Wherein the processor 1010, memory 1020, input/output interface 1030, and communication interface 1040 are communicatively coupled to each other within the device via bus 1050.
The processor 1010 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an Application Specific Integrated Circuit (ASIC), or one or more Integrated circuits, and is configured to execute related programs to implement the technical solutions provided in the embodiments of the present disclosure.
The Memory 1020 may be implemented in the form of a ROM (Read Only Memory), a RAM (Random access Memory), a static storage device, a dynamic storage device, or the like. The memory 1020 may store an operating system and other application programs, and when the technical solution provided by the embodiments of the present specification is implemented by software or firmware, the relevant program codes are stored in the memory 1020 and called to be executed by the processor 1010.
The input/output interface 1030 is used for connecting an input/output module to input and output information. The i/o module may be configured as a component in a device (not shown) or may be external to the device to provide a corresponding function. The input devices may include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output devices may include a display, a speaker, a vibrator, an indicator light, etc.
The communication interface 1040 is used for connecting a communication module (not shown in the drawings) to implement communication interaction between the present apparatus and other apparatuses. The communication module can realize communication in a wired mode (such as USB, network cable and the like) and also can realize communication in a wireless mode (such as mobile network, WIFI, Bluetooth and the like).
It should be noted that although the above-mentioned device only shows the processor 1010, the memory 1020, the input/output interface 1030, the communication interface 1040 and the bus 1050, in a specific implementation, the device may also include other components necessary for normal operation. In addition, those skilled in the art will appreciate that the above-described apparatus may also include only those components necessary to implement the embodiments of the present description, and not necessarily all of the components shown in the figures.
Embodiments of the present specification further provide a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the computer program implements the foregoing interactive interface display method.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
From the above description of the embodiments, it is clear to those skilled in the art that the embodiments of the present disclosure can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the embodiments of the present specification may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods described in the embodiments or some parts of the embodiments of the present specification.
The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. A typical implementation device is a computer, which may take the form of a personal computer, laptop computer, cellular telephone, camera phone, smart phone, personal digital assistant, media player, navigation device, email messaging device, game console, tablet computer, wearable device, or a combination of any of these devices.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the apparatus embodiment, since it is substantially similar to the method embodiment, it is relatively simple to describe, and reference may be made to some descriptions of the method embodiment for relevant points. The above-described apparatus embodiments are merely illustrative, and the modules described as separate components may or may not be physically separate, and the functions of the modules may be implemented in one or more software and/or hardware when implementing the embodiments of the present disclosure. And part or all of the modules can be selected according to actual needs to achieve the purpose of the scheme of the embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
The foregoing is only a specific embodiment of the embodiments of the present disclosure, and it should be noted that, for those skilled in the art, a plurality of modifications and decorations can be made without departing from the principle of the embodiments of the present disclosure, and these modifications and decorations should also be regarded as the protection scope of the embodiments of the present disclosure.
Claims (25)
1. An interactive interface display method, comprising:
displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area;
displaying at least two interactive controls in the user interactive area, wherein each interactive control at least has a display size adjustable characteristic;
after detecting a display size adjustment trigger event of the interactive control, adjusting the display size of each interactive control in the user interaction area according to the trigger event under the condition that the size of the user interaction area is not changed;
and displaying the adjusted result.
2. The method of claim 1, the adjusting, according to a triggering event, a display size of each interaction control in the user interaction area, comprising:
and adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event.
3. The method of claim 2, wherein the first and second light sources are selected from the group consisting of,
the user adjustment operation event comprises: clicking events of any interactive control by a user;
the adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event comprises the following steps:
adjusting the display size of the interactive control corresponding to the click event to a preset amplification state;
and adjusting the display size of the interactive control not corresponding to the click event to a preset reduction state.
4. The method of claim 3, wherein adjusting the display size of each interaction control in the user interaction area in accordance with the user adjustment operation event further comprises:
determining the state of the current display size of the interactive control corresponding to the click event;
and if the display size of the interactive control corresponding to the click event is in the amplification state, adjusting the display sizes of all the interactive controls to be in the initial state.
5. The method of claim 2, wherein the first and second light sources are selected from the group consisting of,
the user adjustment operation event comprises: a sliding event of a user in the user interaction area;
the adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event comprises the following steps:
determining a target interactive control in the interactive controls according to the sliding starting point of the sliding event;
adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event; and correspondingly adjusting the display sizes of the interactive controls except the main interactive control.
6. The method of claim 5, wherein the first and second light sources are selected from the group consisting of,
the adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event comprises:
and judging whether the sliding distance of the sliding event is greater than a preset threshold value, and if so, adjusting the display size of the target interaction control to a preset size.
7. The method of claim 1, further comprising a content presentation area in the application interface;
the adjusting the display size of each interaction control in the user interaction area according to the trigger event comprises:
and determining the display size of each interactive control matched with the content according to the content currently displayed in the content display area.
8. The method of claim 7, wherein determining the display size of each interactive control matched with the content according to the content currently presented in the content presentation area comprises:
determining a target interaction control corresponding to the content according to the content currently displayed in the content display area;
and adjusting the size of the target interaction control to a preset amplification state, and adjusting other interaction controls in the user interaction area to a preset reduction state.
9. The method of claim 8, wherein determining the target interaction control corresponding to the content according to the content currently presented in the content presentation area comprises:
and determining a target interaction control corresponding to the trigger mark according to the trigger mark matched with the content and a preset corresponding relation.
10. The method of claim 1, the interactive control comprising: a content input class control and/or a functionality selection class control.
11. The method of claim 10, the triggering event comprising: detecting an event that the input content of the content input control contains a trigger character string corresponding to the function selection control;
the adjusting the display size of each interaction control in the user interaction area according to the trigger event comprises:
and adjusting the size of the function selection type control corresponding to the trigger character string to a preset amplification state, and adjusting the content input type control to a preset reduction state.
12. The method of claim 10, the triggering event comprising: the user selects a class control aiming at the function and inputs an interaction event corresponding to the class control;
the adjusting the display size of each interaction control in the user interaction area according to the trigger event comprises:
and adjusting the size of the content input control corresponding to the interaction event to a preset amplification state, and adjusting the function selection control to a preset reduction state.
13. An interactive interface display device comprises a display module and an adjustment module, wherein,
the display module is used for: displaying an interactive interface, wherein the interactive interface at least comprises a user interaction area; the display device is also used for displaying at least two interactive controls in the user interactive area, and each interactive control at least has a display size adjustable characteristic;
the adjustment module is configured to: after detecting a display size adjustment trigger event of the interactive control, under the condition that the size of the user interaction area is not changed, adjusting the display size of each interactive control in the user interaction area according to the trigger event;
the display module is further configured to: and displaying the adjusted result.
14. The apparatus of claim 13, the adjustment module comprising a manual adjustment submodule to:
and adjusting the display size of each interaction control in the user interaction area according to the user adjustment operation event.
15. The apparatus of claim 14, wherein the first and second electrodes are disposed on opposite sides of the substrate,
the user adjustment operation event comprises: clicking events of any interactive control by a user;
the manual adjustment submodule is specifically configured to:
adjusting the display size of the interactive control corresponding to the click event to a preset amplification state;
and adjusting the display size of the interactive control not corresponding to the click event to a preset reduction state.
16. The apparatus of claim 15, the manual adjustment sub-module further to:
determining the state of the current display size of the interactive control corresponding to the click event;
and if the display size of the interactive control corresponding to the click event is in the amplification state, adjusting the display sizes of all the interactive controls to be in the initial state.
17. The apparatus of claim 14, wherein the first and second electrodes are disposed on opposite sides of the substrate,
the user adjustment operation event comprises: a sliding event of a user in the user interaction area;
the manual adjustment submodule is specifically configured to:
determining a target interactive control in the interactive controls according to the sliding starting point of the sliding event;
adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event; and correspondingly adjusting the display sizes of the interactive controls except the main interactive control.
18. The apparatus as set forth in claim 17, wherein,
the adjusting the display size of the target interaction control according to the sliding direction and the distance of the sliding event comprises:
and judging whether the sliding distance of the sliding event is greater than a preset threshold value, and if so, adjusting the display size of the target interaction control to a preset size.
19. The apparatus of claim 13, further comprising a content presentation area in the application interface;
the adjustment module includes an automatic adjustment submodule for:
and determining the display size of each interactive control matched with the content according to the content currently displayed in the content display area.
20. The apparatus of claim 19, the auto-adjustment sub-module specifically configured to:
determining a target interaction control corresponding to the content according to the content currently displayed in the content display area;
and adjusting the size of the target interaction control to a preset amplification state, and adjusting other interaction controls in the user interaction area to a preset reduction state.
21. The apparatus of claim 20, wherein the determining a target interaction control corresponding to the content according to the content currently presented in the content presentation area comprises:
and determining a target interaction control corresponding to the trigger mark according to the trigger mark matched with the content and a preset corresponding relation.
22. The apparatus of claim 13, the interaction control comprising: a content input class control and/or a functionality selection class control.
23. The apparatus of claim 22, the triggering event comprising: detecting an event that the input content of the content input control contains a trigger character string corresponding to the function selection control;
the adjustment module is specifically configured to:
and adjusting the size of the function selection type control corresponding to the trigger character string to a preset amplification state, and adjusting the content input type control to a preset reduction state.
24. The apparatus of claim 22, the triggering event comprising: the user selects a class control aiming at the function and inputs an interaction event corresponding to the class control;
the adjustment module is specifically configured to:
and adjusting the size of the content input control corresponding to the interaction event to a preset amplification state, and adjusting the function selection control to a preset reduction state.
25. An electronic device comprising a processor, a memory, and a computer program stored in the memory and executable on the processor; wherein the processor, when executing the computer program, implements the method of any of claims 1 to 12.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911398044.3A CN111198640B (en) | 2019-12-30 | 2019-12-30 | Interactive interface display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911398044.3A CN111198640B (en) | 2019-12-30 | 2019-12-30 | Interactive interface display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111198640A true CN111198640A (en) | 2020-05-26 |
| CN111198640B CN111198640B (en) | 2021-06-22 |
Family
ID=70746365
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911398044.3A Active CN111198640B (en) | 2019-12-30 | 2019-12-30 | Interactive interface display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111198640B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112631475A (en) * | 2020-12-29 | 2021-04-09 | 安徽鸿程光电有限公司 | Toolbar adjusting method, apparatus, device and computer readable storage medium |
| CN113419800A (en) * | 2021-06-11 | 2021-09-21 | 北京字跳网络技术有限公司 | Interaction method, device, medium and electronic equipment |
| CN113721819A (en) * | 2021-09-02 | 2021-11-30 | 网易（杭州）网络有限公司 | Man-machine interaction method and device and electronic equipment |
| CN115061603A (en) * | 2022-06-28 | 2022-09-16 | 上海擎朗智能科技有限公司 | Distribution interactive interface display method and device, robot and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090027421A1 (en) * | 2007-07-27 | 2009-01-29 | Franklin Servan-Schreiber | Computer system with a zooming capability and method |
| WO2010080793A2 (en) * | 2009-01-09 | 2010-07-15 | Hillcrest Laboratories, Inc. | Zooming and panning widget for internet browsers |
| CN102073442A (en) * | 2009-11-25 | 2011-05-25 | 神达电脑股份有限公司 | Method for inputting instruction through touch screen of portable electronic device |
| CN102362255A (en) * | 2009-03-24 | 2012-02-22 | 微软公司 | Virtual keyboard with slider buttons |
| CN104063130A (en) * | 2014-06-27 | 2014-09-24 | 北京奇虎科技有限公司 | Input box adjustment method, client and electronic device |
| CN104850344A (en) * | 2015-04-29 | 2015-08-19 | 努比亚技术有限公司 | Touch input method and device |
| CN109901761A (en) * | 2019-01-25 | 2019-06-18 | 维沃移动通信有限公司 | A kind of content display method and mobile terminal |
| CN110333810A (en) * | 2019-07-08 | 2019-10-15 | 网易传媒科技（北京）有限公司 | Applied to the information displaying method of electronic equipment, device, medium and calculate equipment |
-
2019
- 2019-12-30 CN CN201911398044.3A patent/CN111198640B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090027421A1 (en) * | 2007-07-27 | 2009-01-29 | Franklin Servan-Schreiber | Computer system with a zooming capability and method |
| WO2010080793A2 (en) * | 2009-01-09 | 2010-07-15 | Hillcrest Laboratories, Inc. | Zooming and panning widget for internet browsers |
| CN102362255A (en) * | 2009-03-24 | 2012-02-22 | 微软公司 | Virtual keyboard with slider buttons |
| CN102073442A (en) * | 2009-11-25 | 2011-05-25 | 神达电脑股份有限公司 | Method for inputting instruction through touch screen of portable electronic device |
| CN104063130A (en) * | 2014-06-27 | 2014-09-24 | 北京奇虎科技有限公司 | Input box adjustment method, client and electronic device |
| CN104850344A (en) * | 2015-04-29 | 2015-08-19 | 努比亚技术有限公司 | Touch input method and device |
| CN109901761A (en) * | 2019-01-25 | 2019-06-18 | 维沃移动通信有限公司 | A kind of content display method and mobile terminal |
| CN110333810A (en) * | 2019-07-08 | 2019-10-15 | 网易传媒科技（北京）有限公司 | Applied to the information displaying method of electronic equipment, device, medium and calculate equipment |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112631475A (en) * | 2020-12-29 | 2021-04-09 | 安徽鸿程光电有限公司 | Toolbar adjusting method, apparatus, device and computer readable storage medium |
| CN113419800A (en) * | 2021-06-11 | 2021-09-21 | 北京字跳网络技术有限公司 | Interaction method, device, medium and electronic equipment |
| CN113721819A (en) * | 2021-09-02 | 2021-11-30 | 网易（杭州）网络有限公司 | Man-machine interaction method and device and electronic equipment |
| CN115061603A (en) * | 2022-06-28 | 2022-09-16 | 上海擎朗智能科技有限公司 | Distribution interactive interface display method and device, robot and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111198640B (en) | 2021-06-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111198640B (en) | Interactive interface display method and device | |
| KR102364590B1 (en) | Method for limiting usage of application program, and terminal | |
| JP6270982B2 (en) | Interactive input for background tasks | |
| JP6169590B2 (en) | Adaptive input language switching | |
| US20210409582A1 (en) | Focusing Lighting Module | |
| US20130241829A1 (en) | User interface method of touch screen terminal and apparatus therefor | |
| EP3182261A1 (en) | Touch operation processing method and terminal device | |
| USRE49272E1 (en) | Adaptive determination of information display | |
| CN104423789A (en) | Information processing method and electronic equipment | |
| WO2015043442A1 (en) | Method, device and mobile terminal for text-to-speech processing | |
| US20200201976A1 (en) | Quick account login method, mobile terminal, and apparatus with storage function | |
| US20170039733A1 (en) | Gui display method and apparatus, and terminal device | |
| CN109901776B (en) | Method and device for adjusting object attribute | |
| CN110570830B (en) | Equipment adjusting method and device, storage medium and electronic equipment | |
| JP5906344B1 (en) | Information processing apparatus, information display program, and information display method | |
| CN107728898B (en) | Information processing method and mobile terminal | |
| CN114428574A (en) | Operation control method, operation control device, storage medium and electronic equipment | |
| CN113760165B (en) | Interface data processing method and device and computer readable storage medium | |
| CN110046008B (en) | Associated control interaction method and device | |
| CN110225201B (en) | Method for selecting data object opening mode, mobile terminal and storage medium | |
| CN110046237B (en) | Conversational interactive processing method and device | |
| KR101592634B1 (en) | Method for registering and activating function of application in portable terminal | |
| CN110399086B (en) | Game picture display control method and device, storage medium and electronic equipment | |
| JP2018195180A (en) | Electronic apparatus, method for controlling the same, and control program | |
| CN114153350B (en) | Map scaling method and device, storage medium and electronic equipment |
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 | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20211221 Address after: Room 602, No. 618, Wai Road, Huangpu District, Shanghai 200010 Patentee after: Ant fortune (Shanghai) Financial Information Service Co., Ltd Address before: 310000 801-11 section B, 8th floor, 556 Xixi Road, Xihu District, Hangzhou City, Zhejiang Province Patentee before: Alipay (Hangzhou) Information Technology Co.,Ltd. |