CN114090138A - Page display method and device - Google Patents

Page display method and device Download PDF

Info

Publication number
CN114090138A
CN114090138A CN202010630846.9A CN202010630846A CN114090138A CN 114090138 A CN114090138 A CN 114090138A CN 202010630846 A CN202010630846 A CN 202010630846A CN 114090138 A CN114090138 A CN 114090138A
Authority
CN
China
Prior art keywords
page
container assembly
button
state
displayed
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.)
Pending
Application number
CN202010630846.9A
Other languages
Chinese (zh)
Inventor
张彬
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202010630846.9A priority Critical patent/CN114090138A/en
Publication of CN114090138A publication Critical patent/CN114090138A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • 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 invention discloses a page display method and device, and relates to the technical field of computers. One embodiment of the method comprises: monitoring whether a pop-up event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly; when a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, the state of the container assembly is set to be a hidden state, so that the page button nested in the container assembly is not displayed in the first page. According to the embodiment, when the second page is popped up in the first page, the page button overlapped with the area where the second page is located is hidden, so that the page button is not displayed in the first page, the normal display of the first page where the page button is located is ensured, the error triggering operation of a user on the page button is avoided, and the user experience is improved.

Description

Page display method and device
Technical Field
The invention relates to the technical field of computers, in particular to a page display method and device.
Background
One or more page buttons corresponding to different functions exist in some pages of the intelligent terminal, and the page buttons are generally displayed at the top or bottom positions of the page, as shown in fig. 1, fig. 1 is a schematic display diagram of the page buttons in the page, and there are three page buttons at the bottom of the page: "sweep order", "inventory details", and "pop up". When a user triggers an input event (for example, clicking an input box 'commodity bar code' in the page), or the intelligent terminal receives a new message, and the like, a pop-up page corresponding to the input event appears on a page where a page button is located. For example, when the user clicks the "article bar code" input box, the virtual keyboard is popped up.
In the process of implementing the invention, the inventor finds that at least the following problems exist in the prior art: if the area corresponding to the pop-up page overlaps with the area where the page button is located, when the pop-up page pops up, the pop-up page may push the page button to other positions of the page where the pop-up page is located, as shown in fig. 2, fig. 2 is a page display schematic diagram after the virtual keyboard pops up, and the popped-up virtual keyboard pushes three page buttons from the bottom of the page to the center of the page, which not only causes the display of the page to be disordered, but also may cause the user to perform false triggering operation on the page button.
Disclosure of Invention
In view of this, embodiments of the present invention provide a page display method and apparatus, which can hide a page button overlapped with an area where a second page is located when the second page is popped up from a first page, so that the page button is not displayed in the first page, thereby ensuring normal display of the first page where the page button is located, avoiding a user from performing a false trigger operation on the page button, and improving user experience.
To achieve the above object, according to an aspect of an embodiment of the present invention, there is provided a page display method.
The page display method of the embodiment of the invention comprises the following steps:
monitoring whether a pop-up event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly;
when a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, the state of the container assembly is set to be a hidden state, so that the page button nested in the container assembly is not displayed in the first page.
Optionally, monitoring whether a pop-up event occurs in the first page includes:
monitoring a current viewport value of a first page on which a page button is displayed;
determining a difference between the current viewport value and a default viewport value for the first page;
and when the difference value is not less than the preset contrast value, determining that the first page has the popup event.
Optionally, the method further comprises:
and when the difference value is smaller than the preset contrast value, setting the state of the container assembly to be a display state so that the page button nested in the container assembly is displayed in the first page.
Alternatively,
when a plurality of page buttons exist in the first page, the page buttons are nested in the same container assembly, so that when the container assembly is in a hidden state, the page buttons nested in the container assembly are not displayed in the first page.
Alternatively,
the second page popped up is a display page and/or a message pushing page corresponding to the virtual keyboard component.
Alternatively,
when the second page is the display page corresponding to the virtual keyboard component, the preset contrast value is the height of the virtual keyboard component.
Alternatively,
a state variable corresponding to the container component is set such that the state of the container component can be changed by changing the state variable.
To achieve the above object, according to still another aspect of embodiments of the present invention, there is provided a page display apparatus.
A page display device of an embodiment of the present invention includes:
the monitoring module is used for monitoring whether a popup event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly;
and the state setting module is used for setting the state of the container assembly into a hidden state when the monitoring module monitors that a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, so that the page button nested in the container assembly is not displayed in the first page.
To achieve the above object, according to still another aspect of an embodiment of the present invention, there is provided a page display terminal.
The page display terminal of the embodiment of the invention comprises: one or more processors; the storage device is used for storing one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors realize the page display method of the embodiment of the invention.
To achieve the above object, according to still another aspect of embodiments of the present invention, there is provided a computer-readable storage medium.
A computer-readable storage medium of an embodiment of the present invention stores thereon a computer program that, when executed by a processor, implements a page display method of an embodiment of the present invention.
One embodiment of the above invention has the following advantages or benefits: whether the pop-up event happens to the first page where the page button is located is monitored in real time, when the pop-up event happens to the first page, the state of a container assembly nested with the page button is set to be a hidden state, therefore, when the second page corresponding to the pop-up event pops up, the page button which is probably pushed to other positions by the second page is hidden, normal display of the first page where the page button is located is guaranteed, false triggering of a user on the page button is avoided, and user experience is improved.
Further effects of the above-mentioned non-conventional alternatives will be described below in connection with the embodiments.
Drawings
The drawings are included to provide a better understanding of the invention and are not to be construed as unduly limiting the invention. Wherein:
FIG. 1 is a diagram illustrating a page button displayed in a page according to the prior art;
FIG. 2 is a schematic illustration of a prior art page display after popping up a virtual keyboard;
FIG. 3 is a diagram illustrating the main steps of a page display method according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of a page display including a container component according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of another page display including a container component according to an embodiment of the present invention;
FIG. 6 is a diagram illustrating the main steps of another page display method according to an embodiment of the present invention;
FIG. 7 is a schematic diagram of a page display of a first page without a pop-up event according to an embodiment of the invention;
FIG. 8 is a schematic illustration of a page display when a pop-up event occurs on a first page in accordance with an embodiment of the invention;
FIG. 9 is a schematic diagram of the main blocks of a page display apparatus according to an embodiment of the present invention;
FIG. 10 is an exemplary system architecture diagram in which embodiments of the present invention may be employed;
fig. 11 is a schematic structural diagram of a computer system suitable for implementing a terminal device or a server according to an embodiment of the present invention.
Detailed Description
Exemplary embodiments of the present invention are described below with reference to the accompanying drawings, in which various details of embodiments of the invention are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the invention. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
It should be noted that the embodiments of the present invention and the technical features of the embodiments may be combined with each other without conflict.
Fig. 3 is a schematic diagram illustrating main steps of a page display method according to an embodiment of the present invention.
As shown in fig. 3, a page display method according to an embodiment of the present invention mainly includes the following steps:
step S301: monitoring whether a pop-up event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly;
step S302: when a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, the state of the container assembly is set to be a hidden state, so that the page button nested in the container assembly is not displayed in the first page.
In the embodiment of the invention, when a plurality of page buttons exist in the first page, the plurality of page buttons can be nested in the same container assembly, so that when the container assembly is in a hidden state, the plurality of page buttons nested in the container assembly are not displayed in the first page; and one or more page buttons can be selectively selected from the page buttons to be nested in the same container component according to business requirements.
For example, as shown in FIG. 4, there are three page buttons "scan order", "inventory details" and "pop up" in the first page, which can all be nested in one container assembly so that the three buttons are hidden or displayed simultaneously; it is also possible to nest only one page button "scan order" in one container assembly, as shown in fig. 5, so that it is hidden when the second page pops up, while the other two page buttons "inventory conversion details" and "pop up" always remain in the display state, so that the display or hiding of the page buttons can be more flexibly adapted to different business scenarios. The words "container assembly" and dashed boxes in fig. 4 and 5 are added only to make the description herein more intuitive and are not actually displayed on the first page.
In the embodiment of the invention, a state variable can be set for representing the state of the container component, and the state of the container component can be changed by changing the value of the state variable. For example, the state variable corresponding to a container component may be named isHide, which may have two values, true and false, respectively. When the container component needs to be hidden, the value of the isHide can be set to true, and the container component is in a hidden state; conversely, when the container component needs to be displayed on the first page, the value of isHide may be set to false, and the container component is in the display state. The naming, value and corresponding state of the state variables are not specifically limited in this scheme.
In the embodiment of the invention, the conditions for setting the container assembly nested with the page button to be in the hidden state are as follows: a pop-up event occurs in the first page, and there is an overlapping area of the popped-up second page with the page button displayed on the first page. The overlapped area can be partially overlapped, namely the popped second page is partially overlapped with the area where the page button is located; it may also be a complete overlap, i.e. the second page popped up completely covers the area where the page button is located. If the second page pops up, but the area of the second page and the area of the page button are not overlapped, and the second page and the area of the page button are not influenced mutually, the state of the container assembly can not be set to be a hidden state.
In the embodiment of the present invention, whether the pop-up event occurs in the first page may be determined in various ways. For example, whether an pop-up event has occurred in the first page can be determined by monitoring a viewport value of the first page or monitoring a grayscale value of a region in which a page button is located.
The following describes a page display method provided by an embodiment of the present invention, taking an example of determining whether a pop-up event occurs by monitoring a viewport value of a first page.
As shown in fig. 6, another page display method according to the embodiment of the present invention mainly includes the following steps:
step S601: a current viewport value of a first page displayed with a page button is monitored.
In an embodiment of the present invention, the current viewport value is a height of a first page of the application software displayed on the screen during the first page running. The current viewport value is not constant and may change continuously during the first page presentation process, as shown in fig. 7 and 8, where fig. 7 is a schematic diagram of page display when there is no pop-up event on the first page according to the embodiment of the present invention, and fig. 8 is a schematic diagram of page display when there is a pop-up event on the first page according to the embodiment of the present invention. Obviously, when there is a second page pop, the current viewport value will become smaller.
In an embodiment of the present invention, monitoring the current viewport value is accomplished by resize listening for events. When the viewport changes, the corresponding resize snoop event is invoked. And for the height of the current viewport, the height of the current viewport can be obtained by a document.
Step S602: determining whether the difference between the current viewport value and the default viewport value of the first page is smaller than a preset contrast value, if the difference is not smaller than the preset contrast value, performing step S603, and if the difference is smaller than the preset contrast value, performing step S605.
In an embodiment of the present invention, the default viewport value is the height on the screen at which the first page of the application software is displayed without a pop-up event. The default viewport value is a preset constant, typically equal to the height of the screen. As shown in FIG. 7, without the second page popping, the current viewport value is equal to the default viewport value. The container assembly and dashed box in fig. 7 are added only to make the description herein more intuitive and are not actually displayed on the first page.
In the embodiment of the present invention, the popped-up second page may be a display page corresponding to the virtual keyboard component, or may be a message push page.
When the second page to be popped up is the display page corresponding to the virtual keyboard component, the preset contrast value may be the height of the virtual keyboard component, or may be 30 or other numbers capable of achieving the purpose of the present solution.
When the second page to be popped up is the message push page, the preset contrast value may be the height of the message push page, or may be 30 or other numbers capable of achieving the purpose of the present solution. The scheme is not particularly limited for the popped second page and the preset contrast value.
Step S603: it is determined that a pop-up event occurred on the first page.
Step S604: when a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, the state of the container assembly is set to be a hidden state, so that the page button nested in the container assembly is not displayed in the first page.
In the embodiment of the invention, the conditions for setting the container assembly nested with the page button to be in the hidden state are as follows: a pop-up event occurs in the first page, and there is an overlapping area of the popped-up second page with the page button displayed on the first page. At this time, the display of the first page is as shown in fig. 8. The overlapped area can be partially overlapped, namely the popped second page is partially overlapped with the area where the page button is located; it may also be a complete overlap, i.e. the second page popped up completely covers the area where the page button is located. If the second page pops up, but the area of the second page and the area of the page button are not overlapped, and the second page and the area of the page button are not influenced mutually, the state of the container assembly can not be set to be a hidden state.
Step S605: and setting the state of the container assembly to be a display state so that the page button nested in the container assembly is displayed in the first page.
In the embodiment of the present invention, when the application software initializes the first page, the state of the container component is set to the display state by default, that is, the page button is displayed on the first page by default. When a user triggers a pop-up event through interactive operation, such as a virtual keyboard pops up, the state of the container assembly is set to be a hidden state, so that page buttons nested in the container assembly are not displayed any more; when the user closes the pop-up event through interactive operation, for example, closes the virtual keyboard, the state of the container assembly is set to the display state, so that the page button nested in the container assembly is displayed on the first page again.
In an embodiment of the invention, the container assembly is unloadable. When a page button is first nested into a container component and initialized, the revize method is bound to the onresize event using the addEventListener method; when the container component is uninstalled from the page button, the resize method bound on the onresize event is destroyed using the removeEventListener method.
As can be seen from the above description, in the embodiment of the present invention, it may be determined whether a pop-up event occurs by monitoring a change of a viewport value of a first page, specifically, when a difference between a current viewport value of the first page and a default viewport value thereof is greater than or equal to a preset contrast value, it is determined that the pop-up event occurs on the first page, and if there is an overlapping region between a popped-up second page and a page button, a state of a container assembly is set to a hidden state; when the difference value between the current viewport value of the first page and the default viewport value of the first page is smaller than the preset contrast value, the first page is determined not to have a popup event, and the state of the container assembly is set to be a display state, so that the function of dynamically controlling whether a page button is displayed or not according to whether a second page pops up or not is realized. In the embodiment of the invention, the intelligent terminal can determine whether the pop-up event occurs only by monitoring whether the current viewport value of the first page changes, and does not need to monitor each input box on the first page to determine whether the pop-up event occurs, so that the hardware resources of the intelligent terminal are saved, and the workload of developers is reduced: developers do not need to write redundant codes for each input box, and only need to embed page buttons into the container component.
In addition, the embodiment of the invention can also determine whether the pop-up event occurs by monitoring whether the gray value of the area where the page button is located changes. Specifically, when the application software of the mobile terminal just opens the first page, recording a default gray value at an initial position of a page button on the first page, then monitoring a current gray value at the initial position of the page button in real time in the running process of the application software, and comparing the current gray value with the recorded default gray value. If the current gray value is changed from the default gray value, it means that an eject event occurs, a second page is ejected, and the second page has an overlapping area with the initial position of the page button, so that the state of the container assembly is set to a hidden state, so that the page button nested in the container assembly is not displayed in the first page.
In addition, whether the pop-up event occurs can be determined by monitoring whether the gray value at the preset area of the first page changes. Specifically, a first area and a second area may be preset at the top and bottom of the first page, respectively, for determining whether the second page pops up. When application software of the mobile terminal just opens the first page, recording a first default gray value of a first area and a second default gray value of a second area in the first page, then monitoring a first current gray value of the first area and a second current gray value of the second area in real time in the running process of the application software, comparing the first current gray value with the first default gray value, and comparing the second current gray value with the second default gray value. If one of the two is changed, it means that an eject event occurs and a second page is ejected, and thus the state of the container assembly is set to a hidden state so that the page button nested in the container assembly is not displayed in the first page.
In a preferred embodiment of the present invention, the monitoring of the viewport value of the first page is used to determine whether a pop-up event has occurred. This is because when there are a plurality of page buttons on the first page, it is possible to monitor whether the second page pops up in the area corresponding to the plurality of page buttons by monitoring only the page viewport value, without monitoring whether the second page pops up in the area corresponding to each page button one by one. Therefore, the page monitoring process is facilitated to be simplified, corresponding codes can be simplified, and code redundancy is avoided.
According to the page display method provided by the embodiment of the invention, whether the first page where the page button is located has the pop-up event or not is monitored in real time, and when the first page has the pop-up event, the state of the container assembly nested with the page button is set to be the hidden state, so that the page button which is probably pushed to other positions by the second page can be hidden when the second page corresponding to the pop-up event pops up, the normal display of the first page where the page button is located is ensured, the false triggering of the page button by a user is avoided, and the user experience is improved.
Fig. 9 is a schematic diagram of main blocks of a page display apparatus according to an embodiment of the present invention.
As shown in fig. 9, a page display apparatus 900 according to an embodiment of the present invention includes: a monitoring module 901 and a state setting module 902; wherein the content of the first and second substances,
the monitoring module 901 is configured to monitor whether a pop-up event occurs in a first page, where a page button is displayed on the first page and the page button is nested in the container assembly;
the state setting module 902 is configured to set the state of the container assembly to a hidden state when the monitoring module 901 monitors that a pop-up event occurs in the first page and an overlapping area exists between the popped-up second page and the page button, so that the page button nested in the container assembly is not displayed in the first page.
In an embodiment of the present invention, the monitoring module 901 is configured to monitor a current viewport value of the first page displayed with the page button; determining a difference value of the current viewport value and a default viewport value of the first page; and when the difference value is not less than a preset contrast value, determining that the popup event occurs on the first page.
In an embodiment of the present invention, the monitoring module 901 is configured to set the state of the container assembly to a display state when the difference is smaller than a preset contrast value, so that the page button nested in the container assembly is displayed in the first page.
In one embodiment of the invention, the state setting module 902 is used to set state variables corresponding to container components such that the state of a container component can be changed by changing the state variables.
According to the page display device provided by the embodiment of the invention, whether the first page where the page button is located has the pop-up event or not is monitored in real time, and when the first page has the pop-up event, the state of the container assembly nested with the page button is set to be the hidden state, so that the page button which is probably pushed to other positions by the second page can be hidden when the second page corresponding to the pop-up event pops up, the normal display of the first page where the page button is located is ensured, the false triggering of the page button by a user is avoided, and the user experience is improved.
Fig. 10 shows an exemplary system architecture 1000 to which the page display method or the page display apparatus of the embodiments of the present invention can be applied.
As shown in fig. 10, the system architecture 1000 may include terminal devices 1001, 1002, 1003, a network 1004, and a server 1005. The network 1004 is used to provide a medium for communication links between the terminal devices 1001, 1002, 1003 and the server 1005. Network 1004 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.
A user may use the terminal devices 1001, 1002, 1003 to interact with a server 1005 via a network 1004 to receive or transmit messages or the like. Various communication client applications, such as shopping applications, web browser applications, search applications, instant messaging tools, mailbox clients, social platform software, and the like, may be installed on the terminal devices 1001, 1002, and 1003.
The terminal devices 1001, 1002, 1003 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop portable computers, desktop computers, and the like.
The server 1005 may be a server that provides various services, for example, a background management server that supports a shopping site browsed by a user using the terminal devices 1001, 1002, and 1003. The background management server may analyze and perform other processing on the received data such as the product information query request, and feed back a processing result (e.g., target push information and product information) to the terminal device.
It should be noted that the page display method provided by the embodiment of the present invention is generally executed by the terminal devices 1001, 1002, and 1003, and accordingly, the page display apparatus is generally disposed in the terminal devices 1001, 1002, and 1003.
It should be understood that the number of terminal devices, networks, and servers in fig. 10 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
Referring now to FIG. 11, shown is a block diagram of a computer system 1100 suitable for use with a terminal device implementing an embodiment of the present invention. The terminal device shown in fig. 11 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 11, the computer system 1100 includes a Central Processing Unit (CPU)1101, which can perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)1102 or a program loaded from a storage section 1108 into a Random Access Memory (RAM) 1103. In the RAM 1103, various programs and data necessary for the operation of the system 1100 are also stored. The CPU1101, ROM 1102, and RAM 1103 are connected to each other by a bus 1104. An input/output (I/O) interface 1105 is also connected to bus 1104.
The following components are connected to the I/O interface 1105: an input portion 1106 including a keyboard, mouse, and the like; an output portion 1107 including a signal output unit such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and a speaker; a storage section 1108 including a hard disk and the like; and a communication section 1109 including a network interface card such as a LAN card, a modem, or the like. The communication section 1109 performs communication processing via a network such as the internet. A driver 1110 is also connected to the I/O interface 1105 as necessary. A removable medium 1111 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 1110 as necessary, so that a computer program read out therefrom is mounted into the storage section 1108 as necessary.
In particular, according to the embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication portion 1109 and/or installed from the removable medium 1111. The above-described functions defined in the system of the present invention are executed when the computer program is executed by a Central Processing Unit (CPU) 1101.
It should be noted that the computer readable medium shown in the present invention can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer 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 of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, 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. In the present invention, a computer 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. In the present invention, however, a computer readable signal medium may include a propagated data signal with computer 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 computer readable signal medium may also be any computer readable medium that is not a computer 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 computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, fiber optic cable, RF, etc., or any suitable combination of the foregoing.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules described in the embodiments of the present invention may be implemented by software or hardware. The described modules may also be provided in a processor, which may be described as: a processor includes a monitoring module and a status setting module. The names of these modules do not in some cases constitute a limitation on the module itself, and for example, a monitoring module may also be described as a "module that monitors whether an ejection event occurs.
As another aspect, the present invention also provides a computer-readable medium that may be contained in the apparatus described in the above embodiments; or may be separate and not incorporated into the device. The computer readable medium carries one or more programs which, when executed by a device, cause the device to comprise: monitoring whether a pop-up event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly; when a pop-up event occurs in the first page and an overlapped area exists between the popped-up second page and the page button, the state of the container assembly is set to be a hidden state, so that the page button nested in the container assembly is not displayed in the first page.
According to the technical scheme of the embodiment of the invention, whether the first page where the page button is located has the pop-up event or not is monitored in real time, and when the first page has the pop-up event, the state of the container assembly nested with the page button is set to be the hidden state, so that the page button which is probably pushed to other positions by the second page can be hidden when the second page corresponding to the pop-up event pops up, the normal display of the first page where the page button is located is ensured, the false triggering of the page button by a user is avoided, and the user experience is improved.
The above-described embodiments should not be construed as limiting the scope of the invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions can occur, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims (10)

1. A page display method, comprising:
monitoring whether a pop-up event occurs in a first page, wherein a page button is displayed on the first page and nested in a container assembly;
when the pop-up event occurs in the first page and an overlapped area exists between a popped-up second page and the page button, setting the state of the container assembly to be a hidden state so that the page button nested in the container assembly is not displayed in the first page.
2. The method of claim 1, wherein monitoring whether a pop-up event occurs in the first page comprises:
monitoring a current viewport value of the first page on which the page button is displayed;
determining a difference value of the current viewport value and a default viewport value of the first page;
and when the difference value is not less than a preset contrast value, determining that the popup event occurs on the first page.
3. The method of claim 2, further comprising:
when the difference value is smaller than a preset contrast value, setting the state of the container assembly to be a display state, so that the page button nested in the container assembly is displayed in the first page.
4. The method of claim 1, comprising:
when a plurality of page buttons exist in the first page, the page buttons are nested in the same container assembly, so that when the container assembly is in a hidden state, the page buttons nested in the container assembly are not displayed in the first page.
5. The method of claim 1, comprising:
and the popped second page is a display page and/or a message push page corresponding to the virtual keyboard component.
6. The method according to claim 2 or 5, comprising:
when the popped second page is the display page corresponding to the virtual keyboard component, the preset contrast value is the height of the virtual keyboard component.
7. The method of claim 1, further comprising:
setting a state variable corresponding to the container component such that a state of the container component can be changed by changing the state variable.
8. A page display apparatus, comprising: the monitoring module and the state setting module; wherein the content of the first and second substances,
the monitoring module is used for monitoring whether a popup event occurs in a first page, wherein a page button is displayed on the first page and nested in the container assembly;
the state setting module is used for setting the state of the container assembly to be a hidden state when the monitoring module monitors that the pop-up event occurs in the first page and an overlapped area exists between a popped-up second page and the page button, so that the page button nested in the container assembly is not displayed in the first page.
9. A page display terminal, comprising:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-7.
10. A computer-readable medium, on which a computer program is stored, which, when being executed by a processor, carries out the method according to any one of claims 1-7.
CN202010630846.9A 2020-07-03 2020-07-03 Page display method and device Pending CN114090138A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010630846.9A CN114090138A (en) 2020-07-03 2020-07-03 Page display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010630846.9A CN114090138A (en) 2020-07-03 2020-07-03 Page display method and device

Publications (1)

Publication Number Publication Date
CN114090138A true CN114090138A (en) 2022-02-25

Family

ID=80294767

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010630846.9A Pending CN114090138A (en) 2020-07-03 2020-07-03 Page display method and device

Country Status (1)

Country Link
CN (1) CN114090138A (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104679436A (en) * 2015-03-27 2015-06-03 张铭鑫 Suspended key based on touch screen and device
CN106775195A (en) * 2016-11-16 2017-05-31 竞技世界（北京）网络技术有限公司 A kind of control method and device of suspension button
CN109725821A (en) * 2018-12-29 2019-05-07 北京金山安全软件有限公司 Component display method and device
CN111143811A (en) * 2018-11-05 2020-05-12 奇酷互联网络科技（深圳）有限公司 Application icon hiding method, system, terminal and computer readable storage medium

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104679436A (en) * 2015-03-27 2015-06-03 张铭鑫 Suspended key based on touch screen and device
CN106775195A (en) * 2016-11-16 2017-05-31 竞技世界（北京）网络技术有限公司 A kind of control method and device of suspension button
CN111143811A (en) * 2018-11-05 2020-05-12 奇酷互联网络科技（深圳）有限公司 Application icon hiding method, system, terminal and computer readable storage medium
CN109725821A (en) * 2018-12-29 2019-05-07 北京金山安全软件有限公司 Component display method and device

Similar Documents

Publication Publication Date Title
CN108958780B (en) Method and equipment for presenting update information of hosted program
US10341268B2 (en) Method and device for implementing instant messaging
CN109726076B (en) Applet life cycle management method and system
CN104426925A (en) Webpage resource obtaining method and apparatus
US11726961B2 (en) Dynamically updating distributed content objects
CN109582317B (en) Method and apparatus for debugging hosted applications
CN112732386A (en) Message processing method, device, terminal and storage medium
CN106817618B (en) Popup display method and device and electronic equipment comprising popup display device
CN110290058B (en) Method and equipment for presenting session message in application
CN111782988A (en) Method, device, computer system and storage medium for determining source of application program
CN114691273A (en) User interface returning method and device, electronic equipment and storage medium
CN112926068A (en) Authority management method, management server, service server and readable storage medium
CN109951380B (en) Method, electronic device, and computer-readable medium for finding conversation messages
US9910737B2 (en) Implementing change data capture by interpreting published events as a database recovery log
CN110569474A (en) Information display method and device
CN110765258A (en) Method and equipment for providing electronic books
CN114090138A (en) Page display method and device
CN110221746B (en) Information interaction method, device, medium and computing equipment
CN110888583B (en) Page display method, system and device and electronic equipment
CN115470432A (en) Page rendering method and device, electronic equipment and computer readable medium
US9600161B2 (en) Generating and displaying a specific area
CN113760273A (en) Page control method and page control device
CN110647327A (en) Method and device for dynamic control of user interface based on card
CN112114735A (en) Method and device for managing tasks
CN110659089A (en) Boarder application recommendation method, equipment and 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