CN112527172A - Interface display method and device, computer readable storage medium and electronic equipment - Google Patents

Interface display method and device, computer readable storage medium and electronic equipment Download PDF

Info

Publication number
CN112527172A
CN112527172A CN202011606043.6A CN202011606043A CN112527172A CN 112527172 A CN112527172 A CN 112527172A CN 202011606043 A CN202011606043 A CN 202011606043A CN 112527172 A CN112527172 A CN 112527172A
Authority
CN
China
Prior art keywords
window
information
layout
interface
display
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
Application number
CN202011606043.6A
Other languages
Chinese (zh)
Other versions
CN112527172B (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.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network 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 Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN202011606043.6A priority Critical patent/CN112527172B/en
Publication of CN112527172A publication Critical patent/CN112527172A/en
Application granted granted Critical
Publication of CN112527172B publication Critical patent/CN112527172B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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/04842—Selection of displayed objects or displayed text elements
    • 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
    • G06F3/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Abstract

The disclosure belongs to the technical field of computers, and relates to an interface display method and device, a computer readable storage medium and electronic equipment. The method comprises the following steps: when the layout change information of the interface is monitored, adjusting a first layout mode of the window; acquiring identification information of a display object, and determining an adjustment mode corresponding to the identification information; and adjusting the second layout mode of the display object by using the adjusting mode so as to enable the window and the display object to be displayed on the interface according to the adjusted first layout mode and the adjusted second layout mode respectively. In the disclosure, on one hand, the problems that the display object is shielded and compressed due to the change of the interface layout are solved, the influence of the layout change on the display object is avoided, the performance loss is reduced, and the user experience is improved; on the other hand, according to different application scenes, the display objects in the interface can be flexibly displayed according to different layout modes, and the application scenes of the method are enriched.

Description

Interface display method and device, computer readable storage medium and electronic equipment
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to an interface display method, an interface display apparatus, a computer-readable storage medium, and an electronic device.
Background
With the development and application of internet technology and touch technology, mobile terminal devices having touch screens have been developed and have been substantially popularized. A user can more conveniently realize the functions of man-machine interaction, information exchange and the like by using the mobile terminal equipment with the touch screen. However, new windows often appear in the process of realizing the functions, so that the layout mode of other windows in the interface is influenced.
However, the current mode for solving the problem provided by the mobile terminal may cause the layout height in the original window to be readjusted, which may cause the measurement and drawing to be performed again, resulting in performance loss; or the content of the current window can be translated, which may cause the display object inside the window to move out of the visual interface, and the translation distance may be too small, which may cause the content of other display objects in the window to be covered, thereby reducing the readability of information and affecting the experience of the user.
In view of the above, there is a need in the art to develop a new interface display and device.
It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
An object of the present disclosure is to provide an interface display method, an interface display apparatus, a computer-readable storage medium, and an electronic device, thereby overcoming, at least to some extent, the problems of performance loss and coverage of display object contents due to the limitations of the related art.
Additional features and advantages of the disclosure will be set forth in the detailed description which follows, or in part will be obvious from the description, or may be learned by practice of the disclosure.
According to a first aspect of embodiments of the present invention, there is provided an interface display method, including: when the layout change information of the interface is monitored, adjusting a first layout mode of the window; acquiring identification information of the display object, and determining an adjustment mode corresponding to the identification information; and adjusting a second layout mode of the display object by using the adjustment mode, so that the window and the display object are displayed on the interface according to the adjusted first layout mode and the adjusted second layout mode respectively.
In an exemplary embodiment of the present invention, the determining an adjustment manner corresponding to the identification information includes: acquiring a preset mapping relation between the identification information and an adjusting mode; and determining an adjusting mode corresponding to the identification information based on the preset mapping relation.
In an exemplary embodiment of the present invention, the adjusting manner includes panning, and the adjusting the second layout manner of the display objects by using the adjusting manner includes: acquiring a translation distance corresponding to the display object; and translating the display object according to the translation distance.
In an exemplary embodiment of the present invention, the obtaining the translation distance corresponding to the display object includes: judging the priority of the preset translation distance and the priority of the user-defined translation distance; and if the priority of the user-defined translation distance is greater than the priority of the preset translation distance, determining the user-defined translation distance as the translation distance.
In an exemplary embodiment of the present invention, the adjusting the first layout manner of the windows includes: acquiring the proportion information of a target window and the size information of the window; wherein the display of the window causes generation of layout change information for the interface; and adjusting the size information according to the proportion information to realize the adjustment of the first layout mode of the window.
In an exemplary embodiment of the present invention, the adjusting the size information according to the attribute information includes: enlarging the size information according to the attribute information; or reducing the size information according to the attribute information.
In an exemplary embodiment of the present invention, the adjusting the first layout manner of the view includes: acquiring width and height information of a target window; and translating the window according to the width and height information to realize the adjustment of the first layout mode of the window.
In an exemplary embodiment of the present invention, the acquiring the identification information of the display object includes: determining a display object layout container corresponding to the window; and traversing the display object layout container to acquire the identification information of the display object.
According to a second aspect of embodiments of the present invention, there is provided an interface display apparatus, the apparatus including: the layout module is configured to adjust a first layout mode of the window when the layout change information of the interface is monitored; the adjusting module is configured to acquire identification information of a display object and determine an adjusting mode corresponding to the identification information; and the display module is configured to adjust a second layout mode of the display objects by using the adjustment mode so as to display the window and the display objects on the interface according to the first layout mode and the second layout mode respectively.
According to a third aspect of embodiments of the present invention, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the interface display method in any of the exemplary embodiments described above.
According to a fourth aspect of the embodiments of the present invention, there is provided an electronic apparatus, including: a processor and a memory; wherein the memory has stored thereon computer readable instructions which, when executed by the processor, implement the interface display method of any of the above exemplary embodiments.
As can be seen from the foregoing technical solutions, the interface display method, the interface display apparatus, the computer storage medium and the electronic device in the exemplary embodiments of the present invention have at least the following advantages and positive effects:
in the method and the device provided by the exemplary embodiment of the disclosure, when the layout change information of the interface is monitored, the first layout mode of the window and the second layout mode of the display object are adjusted, so that the window and the display object are displayed according to the adjusted first layout mode and the adjusted second layout mode respectively. On one hand, the problems that the display object is shielded and compressed due to the change of the interface layout are solved, the influence of the layout change on the display object is avoided, the performance loss is reduced, and the user experience is improved; on the other hand, according to different application scenes, the interface can be flexibly displayed according to different layout modes, the application scenes displayed by the display object are enriched, and the user experience is optimized under various application scenes.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure. It is to be understood that the drawings in the following description are merely exemplary of the disclosure, and that other drawings may be derived from those drawings by one of ordinary skill in the art without the exercise of inventive faculty.
FIG. 1 is a schematic diagram of a chat interface in the related art;
FIG. 2 is a diagram schematically illustrating a chat interface in a window auto-resizing mode in the related art;
FIG. 3 is a diagram schematically illustrating a chat interface in a window automatic panning mode according to the related art;
FIG. 4 schematically illustrates a flow chart of an interface display method in an exemplary embodiment of the present disclosure;
FIG. 5 is a flow chart schematically illustrating a first layout of adjustment windows in an exemplary embodiment of the present disclosure;
FIG. 6 schematically illustrates a flow chart of resizing information as a function of scaling information in an exemplary embodiment of the disclosure;
fig. 7 schematically illustrates a flow chart of adjusting the first layout manner in an exemplary embodiment of the present disclosure;
fig. 8 schematically illustrates a flowchart of acquiring identification information of a display object in an exemplary embodiment of the present disclosure;
fig. 9 is a flowchart schematically illustrating determining an adjustment manner corresponding to identification information in an exemplary embodiment of the present disclosure;
fig. 10 is a flowchart schematically illustrating a second layout manner for adjusting display objects by using an adjustment manner in an exemplary embodiment of the present disclosure;
fig. 11 schematically illustrates a flowchart of acquiring a translation distance corresponding to a display object in an exemplary embodiment of the present disclosure;
fig. 12 schematically illustrates a structural diagram of an interface display apparatus in an exemplary embodiment of the present disclosure;
FIG. 13 schematically illustrates an electronic device for use in a method of interface display in an exemplary embodiment of the disclosure;
fig. 14 schematically illustrates a computer-readable storage medium for an interface display method in an exemplary embodiment of the present disclosure.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.
The terms "a," "an," "the," and "said" are used in this specification to denote the presence of one or more elements/components/parts/etc.; the terms "comprising" and "having" are intended to be inclusive and mean that there may be additional elements/components/etc. other than the listed elements/components/etc.; the terms "first" and "second", etc. are used merely as labels, and are not limiting on the number of their objects.
Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus their repetitive description will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities.
In the related art, there are two modes of adjusting a window, i.e., a mode in which the window is automatically resized and a mode in which the window is automatically translated.
Fig. 1 is a diagram illustrating a chat interface in the related art, and as shown in fig. 1, the interface 100 is a chat interface. The window 110 is an information display window when the soft keyboard window is not displayed, the display object 120 is an input box display object, the distance between the display object 120 and the bottom of the window 110 is 30 pixels, the display object 130 is a transmitted chat information display object, and the mark 140 is a mark indicating the current operation position.
For example, when a user opens a certain chat application, the chat interface 100 is displayed in the terminal, the user may edit information to be sent in the display object 120 in the chat interface, and when the user edits the information to be sent in the display object 120, the soft keyboard may be popped up, and after the editing is completed, the enter control in the soft keyboard may be clicked, and the information to be sent is displayed at the position where the display object 130 is located.
Fig. 2 is a diagram illustrating a chat interface in a window auto-resizing mode in the related art, and as shown in fig. 2, a window 210 is a soft keyboard window. When the user clicks on the display object 120, a window 210 will be displayed.
When the interface 110 listens to the layout change information of the interface 100, the height of the window 210 is obtained by calculating the layout change information of the interface 100. In order to allow the content in the window 210 to be adequately displayed, the window 110 is compressed by the height of the window 210.
The display objects 130 in the interface 110 make adaptive compression changes according to the scale at which the window 110 is compressed.
Although the display objects in the window 110 and the display objects in the window 210 can be displayed in the interface 100, since the height of the window 110 is changed through the compression process, a new layout manner of the window 110 can be displayed only after a second measurement layout drawing stage, and thus a great performance loss is generated.
Meanwhile, since the list information may exist in the window 110, compressing the window 110 may change the style of the list information display, resulting in an abnormal interface information display.
Fig. 3 is a diagram illustrating a chat interface in a window automatic panning mode in the related art, and as shown in fig. 3, when a user clicks a display object 120, a window 210 is displayed.
At this time, the interface 110 obtains the layout change information of the interface 100 by listening, and the window 110 is translated upward by a certain height by means of a preset slide animation, so that the display object 210 can be displayed in the interface 100.
The display object 130 in the interface 110 is translated upwards by a distance according to the preset slide animation, and the distance of the upward translation is the same as that of the window 110.
Although the contents of the window 210 are displayed in the window auto-resize mode and in the window auto-shift mode, the problems of system performance loss and incomplete display of the contents of the window 210 are still unavoidable. On one hand, translating the window 110 may cause the display object in the window to be moved out of the interface 100, and on the other hand, translating the window 110 only by the height of one window 210 upward may cause the content of the display object 120 at a height of 30 pixels below the interface 100 to be blocked, and may also cause the functions of the display object moved out of the interface and the blocked display object to be unavailable, thereby reducing the user experience.
In order to solve the problems in the related art, the disclosure provides an interface display method. Fig. 4 is a flowchart illustrating an interface display method, and as shown in fig. 4, the interface display method at least includes the following steps:
and S410, when the layout change information of the interface is monitored, adjusting a first layout mode of the window.
And S420, acquiring identification information of the display object, and determining an adjusting mode corresponding to the identification information.
And S430, adjusting the second layout mode of the display object by using the adjusting mode, so that the window and the display object are displayed on the interface according to the adjusted first layout mode and the adjusted second layout mode respectively.
In the method and the device provided by the exemplary embodiment of the disclosure, when the layout change information of the interface is monitored, the first layout mode of the window is adjusted, the second layout mode of the display object is adjusted by determining the adjustment mode corresponding to the display object identification information, and the window and the display object are respectively displayed according to the first layout mode and the second layout mode. On one hand, the problems that the display object is shielded and compressed due to the change of the interface layout are solved, the influence of the layout change on the display object is avoided, the performance loss is reduced, and the user experience is improved; on the other hand, according to different application scenes, the display objects in the interface can be flexibly displayed according to different layout modes, the application scenes displayed by the display objects are enriched, and the user experience is optimized under various application scenes.
The respective steps of the interface display method will be described in detail below.
In step S410, when the layout change information of the interface is monitored, the first layout mode of the window is adjusted.
In an exemplary embodiment of the present disclosure, an interface refers to a medium of interaction or information exchange between a system and a user, which may enable conversion of an internal form of information into a form acceptable to a human. The purpose of the interface is to enable the user to conveniently and efficiently manipulate the hardware to achieve bi-directional interaction.
The interface may be a mobile phone interface, a tablet interface, or a television interface, which is not limited in this exemplary embodiment.
The snooping is a snooping behavior, and in the field of computers, the snooping may be implemented in an interface manner, an independent type manner, or an anonymous internal type manner, which is not particularly limited in this exemplary embodiment.
A class refers to a collection of a set of objects having the same properties and methods in the computer field, and provides a uniform abstract description for all the objects belonging to the class.
The method comprises the steps that a window is assumed to be a chat window, an information display window is arranged in the chat window, a software disc pops up in the chat window when a user needs to input chat information, at the moment, a display object causing the change of the layout of the chat window is a soft keyboard display object, and the layout mode needs to be adjusted due to the fact that the information display window pops up of the software disc.
Based on this, the layout change information may be width and height information of the display object soft keyboard, may also be information indicating whether the display object software disk is displayed, may also be original width and height information of the information display window, may also be width and height information after the layout manner of the information display window is adjusted, and may also be a combination of the above four kinds of information, which is not particularly limited in this exemplary embodiment.
Wherein a layout is a planning and arrangement of windows in an interface.
The layout mode of the window refers to a mode for planning the window in the interface.
For example, in the communication software chat interface, when the user does not input information, the communication chat interface has an information display window, and the information display window includes an input box.
When the user clicks the input box, the soft keyboard window will be displayed, causing the first layout mode of the information display window in the communication chat interface to change.
Determining whether the first layout adjustment mode needs to first determine whether the communication software chat interface layout change information is initialized, that is, acquiring the height of the chat interface and the height of the chat display interface displayed on the terminal, and determining whether the acquired height of the chat interface is consistent with the height of the chat interface displayed on the terminal, for example, if the maximum height of a window displayable by the terminal is 100, determining whether the height of the chat interface at the time is 100.
If the obtained height of the chat interface is not consistent with the height of the chat interface which can be displayed on the terminal, it is proved that initialization is not performed, at this time, the height of the chat interface needs to be set to be consistent with the height 100 of the chat interface which can be displayed on the terminal, in addition, the height of the soft keyboard needs to be set to be 0, the display state of the soft keyboard window needs to be set to be not displayed, and the height of the chat interface after adjustment is set to be 0.
If the obtained height of the chat interface is consistent with the height which can be displayed on the terminal by the chat interface, the initialization is proved to be completed.
After judging that the chat interface layout change information is initialized, the chat interface layout change information needs to be acquired, and a first layout mode of an information display window is determined.
Initializing chat interface layout change information can improve system performance. Because the variables storing the chat interface layout change information are already created before listening to the chat interface layout change information. When the monitoring action occurs, the variable for storing the layout change information of the chat interface is not required to be created again and is not required to be created every time the monitoring action is executed, and the performance of the system is further improved.
The method for acquiring the chat interface layout change information after judging that the chat interface layout change information is initialized can be realized by an onlay method. The display objects in the window are adjusted by default according to a preset layout mode of the adjustment window. However, the preset adjustment modes are limited in types, and the layout mode of the display object cannot be flexibly changed according to different application scenes.
Therefore, a preset adjustment manner of the display object needs to be covered by the onLayout method.
After initializing the layout change information of the communication software chat interface and using the onlay method, the layout change information of the communication software chat interface needs to be acquired by listening.
The listening may be realized by getviewtreeboserver (), addonglobalautoutlistener () or viewtreeboserver.
And under the mode of automatically adjusting the size of the window, calculating the height information of the soft keyboard window according to the acquired layout change information of the communication chat interface.
Then, the window is compressed according to the height information to realize the adjustment of the first layout mode of the information display window.
Correspondingly, in the mode of automatic window translation, the Boolean value which represents the displayed soft keyboard window in the communication software interface can be obtained according to the obtained layout change information of the communication chat interface.
Then, the information display window will automatically move upwards for a distance to ensure the display of the soft keyboard window, so as to realize the adjustment of the first layout mode of the information display window.
In an alternative embodiment, fig. 5 shows a flowchart of a first layout manner of the adjustment window, and as shown in fig. 5, the method at least includes the following steps: in step S510, obtaining the ratio information of the target window and the size information of the window; wherein the display of the window causes generation of layout change information of the interface.
The target window may be a window whose layout mode needs to be forcibly adjusted in the interface due to a change in the layout of a certain window in a certain function trigger interface.
The size information may be width information of the target window, height information of the target window, or information such as a width-to-height ratio of the target window, which is not particularly limited in this exemplary embodiment.
The scale information refers to a scale value to scale the size information of the target window.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected.
In this case, the target window is an information display window, the size information may be height information of the information display window when the software keyboard window is not displayed, or width information of the information display window when the software keyboard window is not displayed, and the scale information may be a scale value 2 for scaling the information display window.
For example, when the user is talking and needs to call the address book information window, the call information window is affected due to the display of the address book information window.
At this time, the call information window is a target window, and the size information may be a width value of the call information window when the address book information window is not called, or a height value of the call information window when the address book information window is not called. The scale information refers to a scale value for scaling the size of the information display window, and may be 1.5.
In step S520, the size information is adjusted according to the scale information to adjust the first layout manner of the window.
The structure of the interface is a tree structure, which is a finite set of one or more nodes.
Moreover, the tree structure is a hierarchical nested structure, is an abstract model of hierarchical data, and is very useful for storing data needing to be quickly searched.
A tree structure contains a series of nodes that have parent-child relationships. Each node has a parent node and zero or more child nodes. Wherein the first node at the top is called the root node.
The interface can be regarded as the root node of the tree, and the window can be regarded as the child node of the tree.
The adjustment is based on the scale information, and the adjustment object is the size information of the target window.
When a user triggers the layout mode change of a certain node window on the interface through a certain function, the layout modes of other node windows on the interface are influenced to change, and the first layout mode can be the layout change mode of other node windows.
For example, when a user chats with communication software, clicking an input box displays a soft keyboard window, and thus the layout of an information display window is affected.
At this time, the target window is an information display window, and the scale information of the target window acquired by monitoring may be a scale value for reducing or expanding the height of the information display window.
In order to prevent the user from obstructing the display of the soft keyboard window, the first layout mode of the information display window is adjusted.
In the mode of automatically adjusting the size of the window, the height of the information display window is reduced, specifically, the height of the information display window is reduced according to the scale information, and the information display object in the information display window is compressed adaptively according to the scale information compressed by the information display window.
In an alternative embodiment, fig. 6 shows a schematic flow chart of resizing information according to the scale information, and as shown in fig. 6, the method at least includes the following steps: in step S610, the size information is enlarged according to the scale information.
The expansion may be a width expansion, a height expansion, or a simultaneous width and height expansion, which is not particularly limited in the present exemplary embodiment.
For example, when a user chats with communication software, the user clicks the position of the soft keyboard window in the interface after sending information, and the soft keyboard window is hidden. At this time, the layout of the information display window is changed.
Therefore, the target window is an information display window, the acquired scale information may be scale information for enlarging the information display window, and the height of the information display window is enlarged by the scale information.
In step S620, the size information is reduced according to the scale information.
The reduction may be a compression of the width, a compression of the height, or a simultaneous compression of the width and the height, which is not particularly limited in this exemplary embodiment.
For example, when a chat is performed using communication software, the soft keyboard window is displayed after the input box display control is clicked, and the layout of the chat information display window is changed.
Therefore, the target window is a chat information display window, the obtained proportional information may be a proportional value for compressing the chat information display window, and the height of the chat information display window is compressed according to the proportional information to adjust the first layout mode.
For example, when the user is talking and needs to call the address book information, the call information window is affected due to the display of the address book information window.
Therefore, the call information window is a target window, and the obtained ratio information of the call information window may be a ratio value obtained by compressing a width value and a height value of the call information window.
The width and the height of the call information window are compressed simultaneously according to the proportional information, and the call information window is compressed to a state that the name telephone in the address book information can be completely displayed, so that the first layout mode of the call information window is adjusted
In an alternative embodiment, fig. 7 shows a flowchart of a first layout manner of an adjusted view, and as shown in fig. 7, the method at least includes the following steps: in step S710, target window width and height information is acquired.
The target window may be a window whose layout mode needs to be forcibly adjusted in the interface due to a change in the layout of a certain window in a certain function trigger interface.
The width and height information may be original width and height information of the target window, or width and height information of the target window after being changed, or width information of a window triggered by a certain function, or height information of a window triggered by a certain function, which is not particularly limited in this exemplary embodiment.
For example, when a user chats with communication software, clicking on the input box software keyboard window may display, which may result in the layout of the information display window being affected.
At this time, the target window is an information display window, the width and height information may be height information and width information of the information display window before the soft keyboard is not displayed, and the width and height information may be height information of the information display window or width information of the information display window.
In step S720, the window is translated according to the width and height information to adjust the first layout manner of the window.
The translation may be an upward translation, a downward translation, a leftward translation, or a rightward translation, which is not limited in this exemplary embodiment.
And automatically translating the information display window upwards by the height of the soft keyboard window in the automatic window translation mode. The information display object in the information display window is also automatically translated upwards by the height of the soft keyboard window. For example, when a user uses a television, by clicking a setting button, a setting information window is displayed from the right side of the television, and the layout of the window displaying the television screen is affected.
The target window is a window displaying a television picture, and the acquired width and height information may be the width of the setting information window.
The first layout mode of the target window is adjusted to shift the window displaying the television picture to the left by the width of a setting information window.
For example, when the user uses the communication software to send chat messages, the user clicks the input box to display the soft keyboard window, and the message display window is affected by the display of the soft keyboard window.
Therefore, the target window is an information display window, and the acquired width and height information may be height information of the soft keyboard window.
The first layout mode of the target window is adjusted to move the information display window upwards by the height of the soft keyboard.
In the exemplary embodiment, the size information of the target window is adjusted through the proportion information of the target window or the target window is adjusted through the width and height information of the target window, so that the first layout mode of the target window is adjusted, the problem that the information in the target window is blocked in the automatic window translation mode is solved, the accuracy of the first layout adjustment mode of the target window is improved, the accuracy of information display in the target window is improved, and the user experience is optimized.
In step S420, the identification information of the display object is acquired, and the adjustment manner corresponding to the identification information is determined.
The display object refers to content in a window.
The display object may be information content, picture content, or a button, which is not particularly limited in this exemplary embodiment.
The identification information may be information for uniquely identifying the display object. Each display object has unique identification information corresponding to it.
The identification information of the display object may be a value of the attribute identification information, or may be a value of a custom attribute, which is not particularly limited in this exemplary embodiment.
The identification information of each display object corresponds to the second layout mode of the display object.
For example, when the user uses the chat software, the soft keyboard window is displayed after clicking the input box.
After the information display window adjusts the first layout mode of the information display window according to the height information of the soft keyboard, the second layout mode of the display objects in the information display window is also adjusted.
At this time, it is necessary to acquire the value of the identification information corresponding to the display object first. And then acquiring a second layout mode of the display object according to the corresponding relation between the value of the identification information and the adjustment mode of the display object in the information display window.
In an alternative embodiment, fig. 8 is a schematic flowchart illustrating a process of obtaining identification information of a display object, and as shown in fig. 8, the method at least includes the following steps: in step S810, a display object layout container corresponding to the window is determined.
A container refers to an object used to store and organize display objects.
Correspondingly, a display object layout container refers to an object that stores and organizes display objects in a window.
For example, when the user uses the communication chat software to send chat information, the user clicks the input box, the soft keyboard window is displayed, and the information display window is affected by the display of the soft keyboard window.
Thus, the target window is an information display window.
To acquire the display object layout container, first, an information display window container may be acquired. This is because the information display window container includes layout change information of the information display window, a display object layout container and a custom layout container of all display objects in the information display window, and the like.
Therefore, the display object layout container in the information display window can be determined based on the correspondence relationship between the display object layout container and the information display window container in the information display window.
In step S820, the display object layout container is traversed to acquire identification information of the display object.
The display object layout container refers to an object that stores and organizes display objects in a window.
The display object layout container includes a mapping relation container corresponding to the display object in each information display window. The mapping relation container comprises identification information of the display object and an adjustment interface corresponding to the identification information of the display object.
The mapping relation refers to a relation that elements between two element sets correspond to each other. Assuming that x has a mapping relationship with y, x takes one value, y has one and only one value corresponding to x, and y takes one value, and x may have a plurality of values corresponding to y.
The mapping relation container refers to a corresponding relation object between storing and organizing display object identification information and adjusting a display object layout mode.
For example, when the user uses the communication software, the soft keyboard window is displayed after clicking the input box, which may affect the layout of the information display window.
At this time, the target window is an information display window, and a first layout mode of the information display window and a second layout mode of display objects in the information display window need to be determined.
In order to obtain the second layout mode of the display objects in the information display window, the display object layout container in the information display window needs to be obtained first.
This is because the display object layout container in the information display window includes the mapping relation container corresponding to the display object in each information display window, and the mapping relation container includes the identification information corresponding to the display object in each information display window and the adjustment manner corresponding to the identification information of the display object in each information display window.
Therefore, the identification information corresponding to the display object in the information display window can be acquired by performing traversal processing on the layout container of the information display window.
In an alternative embodiment, fig. 9 shows that the adjustment manner corresponding to the identification information is determined, as shown in fig. 9, the method at least includes the following steps: in step S910, a preset mapping relationship between the identification information and the adjustment manner is obtained.
Presetting refers to the setting that has been made for some step or value in an operation before that operation is performed.
The preset mapping relationship may be a setting for the content included in the mapping relationship before the mapping relationship is acquired.
For example, when the user uses the communication software, the soft keyboard window is displayed after clicking the input box display object, and the layout of the information display window is affected.
At this time, the target window is an information display window, and a first layout manner for adjusting the information display window and a second layout manner for adjusting the display objects in the information display window need to be determined.
In order to obtain the second layout mode for adjusting the display objects in the information display window, a display object layout container in the information display window may be obtained first.
Since the display object layout container in the information display window includes the mapping relation container, the storage form of the mapping relation container may be a form of a hash table. And recording the identification information of the display objects in the information display window and adjusting the second layout mode of the display objects in the information display window in the mapping relation container.
Therefore, in order to determine the second layout manner of the display objects in the adjustment information display window, the mapping relationship between the identification information and the adjustment manner may be obtained first.
In step S920, an adjustment manner corresponding to the identification information is determined based on a preset mapping relationship.
Presetting refers to the setting that has been made for some step or value in an operation before that operation is performed.
The preset mapping relation refers to a setting of the system for the content contained in the mapping relation before the mapping relation is acquired.
The mapping relation refers to a relation in which elements between two element sets correspond to each other. Assuming that x has a mapping relationship with y, x takes one value, y has one and only one value corresponding to x, and y takes one value, and x may have a plurality of values corresponding to y.
For example, when the user uses the communication software, the soft keyboard window is displayed after clicking the input box display object, and the layout of the information display window is affected.
At this time, the target window is an information display window, and a first layout manner for adjusting the information display window and a second layout manner for adjusting the display objects in the information display window need to be determined.
In order to obtain the second layout mode for adjusting the display objects in the information display window, a display object layout container in the information display window needs to be determined first.
Because the display object layout container of the information display window contains the mapping relation container, and the storage form of the mapping relation container can be a hash table form, the mapping relation container records the identification information of the display object in the information display window and the second layout mode for adjusting the display object in the information display window.
Therefore, in order to determine the second layout method of the display objects in the adjustment information display window, the mapping relationship between the identification information and the adjustment method needs to be obtained first.
Then, a second layout mode of the display objects in the information display window corresponding to the identification information is determined based on the mapping relationship between the identification information and the adjustment mode.
In the embodiment of the disclosure, the second layout mode of the display object corresponding to the identification information is determined by obtaining the mapping relationship between the identification information of the display object and the adjustment mode. Each display object can have a corresponding adjustment mode, and then different adjustment modes can be set for each display object according to different application scenes, so that the application scenes of the method are enriched.
Furthermore, different adjustment modes are set for each display object, so that the problem that the content of the display object cannot be displayed due to the fact that the content of the display object moves out of a window where the display object is located can be effectively avoided, and the experience degree of a user is improved.
In step S430, the second layout method of the display object is adjusted by using the adjustment method, so that the window and the display object are displayed on the interface according to the adjusted first layout method and the adjusted second layout method, respectively.
And acquiring a first layout mode of the adjustment window by monitoring the layout change information of the interface, and acquiring an adjustment mode corresponding to the identification information of the display object to obtain a second layout mode for adjusting the display object.
And respectively adjusting the window and the display object in the window according to the obtained first layout adjustment mode and the determined second layout adjustment mode.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected.
The target window is now the information display window. In order to obtain a first layout adjustment mode of an information display window and a second layout adjustment mode of a display object in the information display window, firstly, a first layout mode of the information display window is obtained by monitoring layout change information of a communication chat software interface.
Then, the identification information of the display objects in the information display window is obtained, and the second layout mode of the display objects in the adjustment information display window is determined based on the mapping relation between the identification information of the display objects in the information display window and the second layout mode of the display objects in the adjustment information display window.
Then, the information display window and the display objects in the information display window are respectively adjusted according to the obtained first layout mode and the determined second layout mode.
In an alternative embodiment, fig. 10 is a flowchart illustrating a second layout method for adjusting display objects by using an adjustment method, where as shown in fig. 10, the adjustment method includes a translation, and the method at least includes the following steps: in step S1010, a translation distance corresponding to the display object is acquired.
The translation distance refers to a distance value that the display object needs to be translated when the second layout manner of the display object is adjusted, and the translation distance may be a distance value translated upward, a distance value translated downward, a distance value translated leftward, or a distance value translated rightward, which is not particularly limited in this exemplary embodiment.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected. The display object may be a text display object in the information display window, a picture display object in the information display window, a connection display object in the information display window, an audio display object in the information display window, or a video display object in the display window, which is not particularly limited in this exemplary embodiment.
The obtained translation distance corresponding to the display object may be a translation distance consistent with the height of the software keyboard, or may be any one distance, which is not particularly limited in this exemplary embodiment.
In step S1020, the display object is translated by the translation distance.
And translating the display object according to the acquired translation distance so as to realize the adjustment of the second layout mode of the display object.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected. The display object may be a text display object in the information display window.
An example of the obtained translation corresponding to the text display object may be 10, and when the soft keyboard window is displayed, the information display window is translated upwards. Based on this, the text display objects in the information display window are translated upwards 10 to achieve the adjustment of the second layout manner of the text display objects.
In an alternative embodiment, fig. 11 shows a flowchart for obtaining a translation distance corresponding to a display object, where as shown in fig. 11, the translation distance includes a preset translation distance and a custom translation distance, and the method includes at least the following steps: in step S1110, the priority of the preset translation distance and the priority of the custom translation distance are determined.
If the translation distance includes a plurality of translation distances, the priority corresponding to different translation distances is obtained.
Priority refers to a convention whereby execution is performed first, with a high priority, and then after a low priority.
The priority of the translation distance refers to the convention of executing the sequence of the translation distances of the same display object in the window.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected.
At this time, the target window is an information display window.
And the first layout mode of the information display window can be obtained by monitoring the layout change information of the communication chat software interface.
Then, the identification information of the display objects in the information display window is obtained, and the second layout mode of the display objects in the adjustment information display window is determined based on the mapping relation between the identification information of the display objects in the information display window and the second layout mode of the display objects in the adjustment information display window.
The adjustment mode contained in the mapping relation is a preset adjustment mode in the system.
However, the display object layout container also includes a custom layout container, and the custom layout container includes identification information of the display object in the information display interface and a custom adjustment mode corresponding to the display object identification information.
Therefore, when the custom layout container exists, two second layout modes for adjusting the display object in the information display interface are a custom adjustment mode and a preset adjustment mode respectively. And the translation distance corresponding to the user-defined adjustment mode is the user-defined translation distance, and the translation distance corresponding to the preset adjustment mode is the preset translation distance.
Therefore, it is necessary to first obtain the priorities of the custom translation distance and the preset translation distance.
In step S1120, if the priority of the custom translation distance is greater than the priority of the preset translation distance, the custom translation distance is determined to be the translation distance.
And determining translation in the second layout mode corresponding to the display object according to the comparison result of the priority.
The comparison priority may be the size of the comparison priority, or may be the comparison of the priorities according to a certain algorithm, which is not particularly limited in the present exemplary embodiment.
For example, when the user uses the communication chat software, clicking the input box causes the soft keyboard window to be displayed, which in turn causes the layout of the information display window to be affected.
At this time, the target window is an information display window. And the first layout mode of the information display window can be obtained by monitoring the layout change information of the communication chat software interface.
Then, the identification information of the display objects in the information display window is obtained, and the second layout mode of the display objects in the adjustment information display window is determined based on the mapping relation between the identification information of the display objects in the information display window and the second layout mode of the display objects in the adjustment information display window.
The adjustment mode contained in the mapping relation is a preset adjustment mode.
The display object layout container also comprises a custom layout container, and the custom layout container comprises identification information of the display object in the information display interface and a custom adjustment mode corresponding to the identification information of the display object.
Therefore, when the custom layout container exists, two second layout modes for adjusting the display objects in the information display interface exist. Respectively a self-defined adjusting mode and a preset adjusting mode. And the translation distance corresponding to the user-defined adjustment mode is the user-defined translation distance, and the translation distance corresponding to the preset adjustment mode is the preset translation distance.
Therefore, the priorities of the custom translation distance and the preset translation distance need to be obtained first.
And then, comparing the priority of the user-defined translation distance and the priority of the preset translation distance in a large and small mode.
And if the comparison result shows that the priority of the user-defined translation distance is greater than the priority of the preset translation distance, translating the display object according to the user-defined translation distance in the user-defined adjustment mode so as to adjust the second layout mode of the display object in the information display window.
In the embodiment of the disclosure, the translation distance of the adjusted display object is determined from the custom translation distance and the preset translation distance by obtaining the priority of the custom translation distance and the preset translation distance of the adjusted display object. And then, translating the display object according to the determined translation distance to adjust the window according to the adjustment mode of the first layout, and adjusting the display object in the window according to the adjustment mode of the second layout.
And, by acquiring the priority of the translation, a plurality of adjustment modes can be set for the same display object. And flexibly adjusting the layout mode of the display object according to different application scenes or different moments in the same application scene. The application scenes of the method are enriched, the flexibility of adjusting the display object is increased, and the user experience is improved.
In the method and the device provided by the exemplary embodiment of the disclosure, when the layout change information of the interface is monitored, the first layout mode of the window is adjusted, the second layout mode of the display object is adjusted by determining the adjustment mode corresponding to the display object identification information, and the window and the display object are respectively displayed according to the first layout mode and the second layout mode. On one hand, the problems that the display object is shielded and compressed due to the change of the interface layout are solved, the influence of the layout change on the display object is avoided, the performance loss is reduced, and the user experience is improved; on the other hand, according to different application scenes, the display objects in the interface can be flexibly displayed according to different layout modes, the application scenes displayed by the display objects are enriched, and the user experience is optimized under various application scenes.
In addition, in an exemplary embodiment of the present disclosure, an interface display apparatus is also provided. Fig. 12 is a schematic structural diagram illustrating an interface display apparatus, and as shown in fig. 12, a window and a display object corresponding to the window are provided in an interface, the interface display apparatus 1200 may include: a layout module 1210, an adjustment module 1220, and a display module 1230. Wherein:
the layout module 1210 is configured to adjust a first layout mode of a window when the layout change information of the interface is monitored; an adjusting module 1220 configured to acquire identification information of a display object and determine an adjusting manner corresponding to the identification information; the display module 1230 is configured to adjust the second layout manner of the display object by using the adjustment manner, so that the window and the display object are displayed on the interface according to the adjusted first layout manner and the adjusted second layout manner, respectively. The details of the interface display apparatus 1200 are described in detail in the corresponding interface knight method, and therefore are not described herein again.
It should be noted that although several modules or units of the interface display apparatus 1200 are mentioned in the above detailed description, such division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
In addition, in an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.
An electronic device 1300 according to such an embodiment of the invention is described below with reference to fig. 13. The electronic device 1300 shown in fig. 13 is only an example and should not bring any limitations to the function and scope of use of the embodiments of the present invention.
As shown in fig. 13, the electronic device 1300 is in the form of a general purpose computing device. The components of the electronic device 1300 may include, but are not limited to: the at least one processing unit 1310, the at least one memory unit 1320, the bus 1330 connecting the various system components (including the memory unit 1320 and the processing unit 130), the display unit 1340.
Wherein the memory unit stores program code that is executable by the processing unit 1310 to cause the processing unit 1310 to perform steps according to various exemplary embodiments of the present invention as described in the "exemplary methods" section above in this specification.
The storage 1320 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)1321 and/or a cache memory unit 1322, and may further include a read only memory unit (ROM) 1323.
Storage unit 1320 may also include a program/utility 1324 having a set (at least one) of program modules 1325, such program modules 1325 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, and in some combination, may comprise a representation of a network environment.
Bus 1330 may be any bus representing one or more of several types of bus structures, including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.
The electronic device 1300 may also communicate with one or more external devices 1370 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 1300, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 1300 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 1350. Also, the electronic device 1300 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) through the network adapter 1360. As shown, the network adapter 1340 communicates with the other modules of the electronic device 1300 via the bus 1330. It should be appreciated that although not shown, other hardware and/or software modules may be used in conjunction with the electronic device 1300, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
In an exemplary embodiment of the present disclosure, there is also provided a computer-readable storage medium having stored thereon a program product capable of implementing the above-described method of the present specification. In some possible embodiments, aspects of the invention may also be implemented in the form of a program product comprising program code means for causing a terminal device to carry out the steps according to various exemplary embodiments of the invention described in the above-mentioned "exemplary methods" section of the present description, when said program product is run on the terminal device.
Referring to fig. 14, a program product 1400 for implementing the above method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited in this regard and, in the present document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

Claims (11)

1. An interface display method for providing a window and a display object corresponding to the window in an interface, the method comprising:
when the layout change information of the interface is monitored, adjusting a first layout mode of the window;
acquiring identification information of the display object, and determining an adjustment mode corresponding to the identification information;
and adjusting a second layout mode of the display object by using the adjustment mode, so that the window and the display object are displayed on the interface according to the adjusted first layout mode and the adjusted second layout mode respectively.
2. The interface display method according to claim 1, wherein the determining an adjustment manner corresponding to the identification information includes:
acquiring a preset mapping relation between the identification information and an adjusting mode;
and determining an adjusting mode corresponding to the identification information based on the preset mapping relation.
3. The interface display method according to claim 1, wherein the adjusting manner includes panning, and the adjusting the second layout manner of the display object by using the adjusting manner includes:
acquiring a translation distance corresponding to the display object;
and translating the display object according to the translation distance.
4. The interface display method according to claim 3, wherein the panning distance includes a preset panning distance and a custom panning distance, and the obtaining the panning distance corresponding to the display object includes:
judging the priority of the preset translation distance and the priority of the user-defined translation distance;
and if the priority of the user-defined translation distance is greater than the priority of the preset translation distance, determining the user-defined translation distance as the translation distance.
5. The interface display method of claim 1, wherein the adjusting the first layout mode of the window comprises:
acquiring the proportion information of a target window and the size information of the window; wherein the display of the window causes generation of layout change information for the interface;
and adjusting the size information according to the proportion information to realize the adjustment of the first layout mode of the window.
6. The interface display method of claim 5, wherein the adjusting the size information according to the scale information comprises:
enlarging the size information according to the scale information; or
And reducing the size information according to the proportion information.
7. The interface display method of claim 1, wherein the adjusting the first layout mode of the window comprises:
acquiring width and height information of a target window;
and translating the window according to the width and height information to realize the adjustment of the first layout mode of the window.
8. The interface display method according to claim 1, wherein the acquiring identification information of the display object includes:
determining a display object layout container corresponding to the window;
and traversing the display object layout container to acquire the identification information of the display object.
9. An interface display apparatus that provides a window and a display object corresponding to the window within an interface, comprising:
the layout module is configured to adjust a first layout mode of the window when the layout change information of the interface is monitored;
the adjusting module is configured to acquire identification information of the display object and determine an adjusting mode corresponding to the identification information;
the display module is configured to adjust a second layout mode of the display object by using the adjustment mode, so that the window and the display object are displayed on the interface according to the adjusted first layout mode and the adjusted second layout mode respectively.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the interface display method according to any one of claims 1 to 8.
11. An electronic device, comprising:
a processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to perform the interface display method of any one of claims 1-8 via execution of the executable instructions.
CN202011606043.6A 2020-12-30 2020-12-30 Interface display method and device, computer readable storage medium and electronic equipment Active CN112527172B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011606043.6A CN112527172B (en) 2020-12-30 2020-12-30 Interface display method and device, computer readable storage medium and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011606043.6A CN112527172B (en) 2020-12-30 2020-12-30 Interface display method and device, computer readable storage medium and electronic equipment

Publications (2)

Publication Number Publication Date
CN112527172A true CN112527172A (en) 2021-03-19
CN112527172B CN112527172B (en) 2022-12-16

Family

ID=74977603

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011606043.6A Active CN112527172B (en) 2020-12-30 2020-12-30 Interface display method and device, computer readable storage medium and electronic equipment

Country Status (1)

Country Link
CN (1) CN112527172B (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113110889A (en) * 2021-04-16 2021-07-13 北京沃东天骏信息技术有限公司 Global message prompting method, global message prompting device, medium and electronic equipment
CN116320203A (en) * 2023-05-22 2023-06-23 杭州慧康物联网科技有限公司 Data management system for intelligent operation and maintenance platform of hospital

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101231554A (en) * 2007-01-25 2008-07-30 环达电脑(上海)有限公司 Method for adjusting soft keyboard dimensions
CN101329616A (en) * 2008-07-24 2008-12-24 宇龙计算机通信科技(深圳)有限公司 Mobile terminal and method and system for displaying virtual keyboard
US20160313906A1 (en) * 2008-05-21 2016-10-27 Please Don't Go, LLC. Messaging window overlay for a browser
US20160378286A1 (en) * 2015-06-25 2016-12-29 Yahoo!, Inc. User interface adjustment methods and systems
CN106775764A (en) * 2017-01-12 2017-05-31 福建中金在线信息科技有限公司 The display methods and device of a kind of chat data
CN107145355A (en) * 2017-05-08 2017-09-08 网易（杭州）网络有限公司 The method of adjustment and device of page layout, storage medium, processor and terminal
CN109408189A (en) * 2018-11-02 2019-03-01 北京字节跳动网络技术有限公司 Dynamic adjusting method, device, equipment and the medium of client end interface layout
CN109739366A (en) * 2018-03-20 2019-05-10 北京字节跳动网络技术有限公司 A kind of method and apparatus that soft keyboard is shown
CN110058778A (en) * 2019-04-17 2019-07-26 网易（杭州）网络有限公司 Input panel switching method and device
CN111247510A (en) * 2018-03-23 2020-06-05 华为技术有限公司 Display method of application window and terminal
CN111953846A (en) * 2020-08-11 2020-11-17 深圳传音控股股份有限公司 Interface layout adjusting method, terminal device and computer-readable storage medium

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101231554A (en) * 2007-01-25 2008-07-30 环达电脑(上海)有限公司 Method for adjusting soft keyboard dimensions
US20160313906A1 (en) * 2008-05-21 2016-10-27 Please Don't Go, LLC. Messaging window overlay for a browser
CN101329616A (en) * 2008-07-24 2008-12-24 宇龙计算机通信科技(深圳)有限公司 Mobile terminal and method and system for displaying virtual keyboard
US20160378286A1 (en) * 2015-06-25 2016-12-29 Yahoo!, Inc. User interface adjustment methods and systems
CN106775764A (en) * 2017-01-12 2017-05-31 福建中金在线信息科技有限公司 The display methods and device of a kind of chat data
CN107145355A (en) * 2017-05-08 2017-09-08 网易（杭州）网络有限公司 The method of adjustment and device of page layout, storage medium, processor and terminal
CN109739366A (en) * 2018-03-20 2019-05-10 北京字节跳动网络技术有限公司 A kind of method and apparatus that soft keyboard is shown
CN111247510A (en) * 2018-03-23 2020-06-05 华为技术有限公司 Display method of application window and terminal
CN109408189A (en) * 2018-11-02 2019-03-01 北京字节跳动网络技术有限公司 Dynamic adjusting method, device, equipment and the medium of client end interface layout
CN110058778A (en) * 2019-04-17 2019-07-26 网易（杭州）网络有限公司 Input panel switching method and device
CN111953846A (en) * 2020-08-11 2020-11-17 深圳传音控股股份有限公司 Interface layout adjusting method, terminal device and computer-readable storage medium

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
KAZIM, A: "Memory Forensics: Recovering Chat Messages and Encryption Master Key", 《NTERNATIONAL CONFERENCE ON INFORMATION AND COMMUNICATION SYSTEMS》 *
马星空: "微信聊天窗口也有秘密", 《计算机与网络》 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113110889A (en) * 2021-04-16 2021-07-13 北京沃东天骏信息技术有限公司 Global message prompting method, global message prompting device, medium and electronic equipment
CN113110889B (en) * 2021-04-16 2023-12-05 北京沃东天骏信息技术有限公司 Global message prompting method, global message prompting device, medium and electronic equipment
CN116320203A (en) * 2023-05-22 2023-06-23 杭州慧康物联网科技有限公司 Data management system for intelligent operation and maintenance platform of hospital
CN116320203B (en) * 2023-05-22 2023-07-21 杭州慧康物联网科技有限公司 Data management system for intelligent operation and maintenance platform of hospital

Also Published As

Publication number Publication date
CN112527172B (en) 2022-12-16

Similar Documents

Publication Publication Date Title
CN107844297B (en) Data visualization implementation system and method
US20200082582A1 (en) Graph Expansion Mini-View
US20150149951A1 (en) Live previews for multitasking and state management
CN104216691A (en) Application creating method and device
CN110032701B (en) Image display control method and device, storage medium and electronic equipment
CN109656654B (en) Editing method of large-screen scene and computer-readable storage medium
CN112527172B (en) Interface display method and device, computer readable storage medium and electronic equipment
CN110032700B (en) Information release control method and device, storage medium and electronic equipment
CN111741367B (en) Video interaction method and device, electronic equipment and computer readable storage medium
CN110633436B (en) Visual and user-defined panoramic editing method, system, storage medium and equipment
CN106027785A (en) Voice processing method and terminal
CN112653584A (en) 5G message arranging method and arranging tool box based on component capability
CN112783398A (en) Display control and interaction control method, device, system and storage medium
CN112083866A (en) Expression image generation method and device
CN111800454A (en) Visual data display system and visual page screen projection method
CN115510347A (en) Presentation file conversion method and device, electronic equipment and storage medium
JP7240505B2 (en) Voice packet recommendation method, device, electronic device and program
US10937012B2 (en) Remote document generation
CN117057318A (en) Domain model generation method, device, equipment and storage medium
EP4343579A1 (en) Information replay method and apparatus, electronic device, computer storage medium, and product
CN108021317B (en) Method and device for screen editing
CN114968235A (en) Page form generation method and device, computer equipment and storage medium
CN114692055A (en) Form processing method and device, storage medium and electronic equipment
US9552404B2 (en) Data model definition display and modification
CN115687704A (en) Information display method and device, electronic equipment and computer readable storage medium

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