CN113656128A - Page generation method and device and electronic equipment - Google Patents
Page generation method and device and electronic equipment Download PDFInfo
- Publication number
- CN113656128A CN113656128A CN202110934159.0A CN202110934159A CN113656128A CN 113656128 A CN113656128 A CN 113656128A CN 202110934159 A CN202110934159 A CN 202110934159A CN 113656128 A CN113656128 A CN 113656128A
- Authority
- CN
- China
- Prior art keywords
- information
- target page
- priority
- floating
- page
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 52
- 238000007667 floating Methods 0.000 claims abstract description 152
- 239000000725 suspension Substances 0.000 claims abstract description 84
- 230000004044 response Effects 0.000 claims abstract description 10
- 238000004590 computer program Methods 0.000 claims description 10
- 230000000694 effects Effects 0.000 abstract description 17
- 230000008569 process Effects 0.000 abstract description 11
- 238000010586 diagram Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 8
- 238000012545 processing Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 6
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000005339 levitation Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure discloses a page generation method and device and electronic equipment. The method comprises the following steps: in response to receiving a sliding instruction to the top of a page on a current display page, determining at least one floating element contained in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element; determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information; and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to priority information. The coding workload of the working personnel in the process of realizing the ceiling effect is simplified, and the scheme can be reused on different pages, so that the workload is reduced.
Description
Technical Field
The present disclosure relates to the field of internet technologies, and in particular, to a page generation method and apparatus, and an electronic device.
Background
In recent years, various mobile terminals such as mobile phones and computers have become indispensable electronic devices in human life. People can browse the contents in the displayed page using these mobile terminals. When the page slides up, part of the elements already placed at the top of the display area may remain stationary so that this part of the elements may serve as a logo or explanation, etc.
Disclosure of Invention
This disclosure is provided to introduce concepts in a simplified form that are further described below in the detailed description. This disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.
The embodiment of the disclosure provides a page generation method and device and electronic equipment.
In a first aspect, an embodiment of the present disclosure provides a page generation method, where the method includes: in response to receiving a sliding instruction to the top of a page on a current display page, determining at least one floating element contained in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element; determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information; and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to priority information.
In a second aspect, an embodiment of the present disclosure provides a page generating apparatus, where the apparatus includes: the determining module is used for responding to the sliding instruction received to the top of the page on the current display page, and determining at least one floating element contained in the target page indicated by the sliding instruction and priority information corresponding to the at least one floating element; the calling module is used for determining the element layout information of the target page based on the priority information of the at least one suspension element and preset display attribute information; and the generating module is used for generating the target page based on the element layout information so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to the priority information.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including: one or more processors; a storage device having one or more programs stored thereon, which when executed by the one or more processors, cause the one or more processors to implement the page generation method of the first aspect.
In a fourth aspect, the disclosed embodiments provide a computer readable medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps of the page generating method according to the first aspect.
According to the page generation method, the page generation device and the electronic equipment provided by the embodiment of the disclosure, at least one floating element contained in a target page indicated by a sliding instruction and priority information corresponding to the at least one floating element are determined by responding to the sliding instruction received to the top of the page on a current display page; determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information; and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to priority information. And generating a corresponding target page by the element layout information determined according to the suspension attribute of the page element and the priority information, and realizing the ceiling effect of the suspension element in the target page. Therefore, the coding workload of workers in the process of realizing the ceiling effect is simplified, and the scheme can be reused in different pages, so that the workload is reduced.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.
FIG. 1 is a flow diagram of one embodiment of a page generation method according to the present disclosure;
FIG. 2 is a schematic flow chart diagram illustrating another embodiment of a page generation method according to the present disclosure;
FIG. 3 is a schematic diagram of an application scenario of a page generation method according to an embodiment of the present disclosure;
FIG. 4 is a schematic structural diagram of one embodiment of a page generation apparatus according to the present disclosure;
FIG. 5 is an exemplary system architecture to which the page generation method of one embodiment of the present disclosure may be applied;
fig. 6 is a schematic diagram of a basic structure of an electronic device provided according to an embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
It should be noted that, in the present disclosure, the embodiments and features of the embodiments may be combined with each other without conflict.
Referring to fig. 1, a flowchart of one embodiment of a page generation method according to the present disclosure is shown, and as shown in fig. 1, the page generation method includes the following steps 101 to 103.
The user may perform a sliding operation in the current display interface to send the sliding instruction, where the partial page displayed in the current display interface may be regarded as the current display page. In some application scenarios, the current display interface may include a touch interface, and the user may implement the sliding operation by touching the touch interface; the sliding operation may be performed on the touch interface by a mouse, a stylus, or the like.
After receiving the slide instruction, a target page corresponding to the slide instruction may be determined. The target page may include page elements that are not originally displayed due to the sliding operation of the sliding instruction.
The target page may include at least one floating element, and the floating elements may float on the top of the display page when sliding to the top of the display interface, that is, the floating elements may achieve a ceiling effect. For example, in an address book page including a plurality of contacts, a floating element a including display content "address book" is slid to the top of the current display interface, and at this time, if a sliding instruction is received again, the floating element a may not be moved out of the current display interface following the sliding instruction, but stay at the top of the current display interface, so as to label the address book page.
Each flyover element may have corresponding priority information. For example, the priority of suspension element a may be 1, the priority of suspension element B may be 2, the priority of suspension element C may be 3, and so on. In some application scenarios, whether the suspended element of the current ceiling can replace the suspended element of the previous ceiling to be suspended at the top of the current display interface can be determined according to the priority information corresponding to each suspended element. For example, the suspension element B having a higher priority may replace the suspension element a to be sucked. In these application scenarios, the floating element and the priority information of the floating element may be set in advance according to the specific situation of the page.
A preset program package may be set, and after the target page indicated by the sliding instruction is determined, the preset program package may be called, and the step 102 is performed by the preset program package.
The preset program package can be used for analyzing the priority of the floating elements and preset display attribute information, and generating layout information of the floating elements according to the priority of the floating elements and the preset display attribute information.
In some application scenarios, the preset display attribute information includes length information, width information, and position information of an element. The length information and the width information can be used for representing specific shape information of the element in the page; the location information may be used, for example, to characterize the location of the element in the page. In these application scenarios, the preset display attribute information may further include attributes such as transparency and color when the element is displayed, for example.
After the floating elements and the corresponding priority information are determined, a preset program package can be called, and the element layout information of the target page is determined by the preset program package based on the priority information and the preset display attribute information. Specifically, the layer information of the corresponding suspension element in the target page can be determined through the priority information, and the suspension element is positioned; and the shape and position information of the floating element in the target page can be determined through the preset display attribute information, and then the element layout information of the target page can be determined.
After the element layout information of the target page is determined, the target page may be generated. In this way, each flyover element in the target page may be topped by corresponding priority information.
In the related art, to implement the top-suction effect of elements in different pages, attribute settings such as top-suction position, color, and the like need to be performed separately on each floating element in each page in the display area to implement the top-suction effect. Therefore, the process of writing the codes for realizing the ceiling effect is complicated, and the codes cannot be reused, so that the coding workload of workers is large, and the workload is increased.
In the embodiment, at least one floating element contained in a target page indicated by a sliding instruction and priority information corresponding to the at least one floating element are determined by responding to the sliding instruction received to the top of the page on a current display page; determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information; and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to the priority information, thereby realizing generation of a corresponding target page according to the suspension attribute of the page element and the element layout information determined by the priority information, and realizing the top suction effect of the suspension element in the target page. Therefore, the coding workload of workers in the process of realizing the ceiling effect is simplified, and the scheme can be reused in different pages, so that the workload is reduced.
Referring to fig. 2, which shows a flowchart of an embodiment of a page generation method according to the present disclosure, as shown in fig. 2, the page generation method includes the following steps 200 to 203.
The triggering of the operation of opening the currently displayed page may include, for example, detecting a click operation or a long-press operation of a button for opening the currently displayed page by the user. That is, when the click operation or the long-time click operation is detected, it can be regarded that the user intends to open the display page. At this time, the elements included in the entire page corresponding to the display page may be determined, and the position information of each element on the preset canvas may be determined based on the preset display attribute information of the elements. For example, the currently displayed page a is only the first page of the page a, and when it is detected that the user triggers to open the page a, the position information of all elements in the page a in the preset canvas can be determined. For example element b is located at the bottom of the preset canvas. After all elements of the page are arranged in the preset canvas, the whole effect of the page can be browsed. The width information of the preset canvas can be matched with the width of the display area so as to quickly calculate the position information of the element in the target page.
The implementation process and the obtained technical effect of step 201 may be the same as or similar to step 101 in the embodiment shown in fig. 1, and are not described herein again.
The above step 202 may be performed by a predetermined program package. The priority information and the preset display attribute information of at least one suspension element may be sent to a preset program package, and the preset program package executes the arrangement information of the suspension element in the target page.
After determining the floating elements and the priority information of the target page, the preset program package can be called. And sequentially acquiring the corresponding suspended elements by the preset program package according to the priority information, and determining the arrangement information of each suspended element in the target page. For example, the floating element B located at the coordinates (0, 1), (0, 5), (3, 1) and (3, 5) has the highest priority, and may be preferentially acquired and arranged in the target page according to the matched coordinate information.
The implementation process and the obtained technical effect of step 203 may be the same as or similar to step 103 in the embodiment shown in fig. 1, and are not described herein again.
In this embodiment, after the page to be opened by the user is known, the position of each page element in the preset canvas is determined, so that the target page to be displayed in the display area can be laid out in advance. Then, the elements can be directly extracted from the preset canvas, and the elements can be arranged in the target page according to the position information in the preset canvas.
In some optional implementations, the step 202 may include the sub-step 2021: arranging the acquired suspension elements in at least one layer of the target page based on the high-low order of the priority; wherein the stacking sequence of the at least one layer is matched with the high-low sequence of the priority; and the first layer where the floating element is located cannot push a first layer where a second layer floating element with a priority higher than that of a last floating element of the floating element is located to the top of the page along with the sliding instruction, and the first layer where the floating element is located can push a third layer where the last floating element with the priority equal to or lower than that of the floating element is located to the top of the page along with the sliding instruction.
The target page may be formed by overlapping a plurality of layers, and each layer may arrange elements corresponding to priorities. For example, the floating elements with the highest first priority may be arranged in layer a of the first layer; the floating elements with the second priority of the second highest level can be arranged in the layer b of the second layer.
In some alternative implementations, floating elements of the same priority are arranged in the same layer.
In these alternative implementations, the number of layers may be reduced, thereby reducing the size of the target page. After the floating elements are acquired, the floating elements may be arranged in the corresponding layer based on the high-low order of the priority. Therefore, in the display process of the target page, the suspension element with lower priority cannot push the upper ceiling suspension element with higher priority than the suspension element out of the current display interface; a suspension element with a priority greater than or equal to the previous top suspension element may push the previous top suspension element out of the current display interface. For example, when the obtained floating element a and the floating element B are arranged in the image layers a and B stacked in the target page sequentially from top to bottom based on the priority order, in the sliding process, the effect that the floating element a pushes the floating element B out of the current page can be achieved (that is, the floating element a replaces the floating element B to be placed at the top of the display page at this time); when the next suspension element C arranged on the layer b exists in the target page, the suspension element C cannot push the suspension element a out of the effect of the current page (that is, at this time, the suspension element a is placed at the top of the display page, and the suspension element C slides out of the top of the page).
In some alternative implementations, step 202 described above includes the following floating element layout operations:
substep 2022, acquiring a first priority suspension element with the highest priority from suspension elements which are not currently subjected to layout in the at least one suspension element, and determining arrangement information of the first priority suspension element in the target page based on preset display attribute information of the first priority suspension element;
the floating element with the highest priority, which is included in the target page to be displayed in the preset canvas, may be regarded as the first priority floating element, and the arrangement information of the floating element in the target page may be determined based on the preset display attribute information corresponding to the first priority floating element. For example, as shown in fig. 3, after determining that the floating element a, the floating element B, and the floating element C included in the target page (e.g., a white rectangular frame on the right side of fig. 3) are sequentially arranged in a preset canvas (e.g., a black rectangular frame on the left side of fig. 3), if the priority level corresponding to the floating element a is 2, the priority level corresponding to the floating element B is 1, and the priority level corresponding to the floating element C is 3, the floating element C may be determined as a first priority floating element to be acquired, and the arrangement information of the floating element C in the target page may be determined based on the preset display attribute information of the floating element C. In some application scenarios, if the priorities of the floating elements are the same, the floating elements that are preferentially obtained can be determined according to the arrangement positions of the target pages from bottom to top.
Substep 2023, taking the first preferential floating element as a boundary, dividing a local canvas corresponding to the target page in the preset canvas into two parts, and respectively determining a second preferential floating element with the highest priority in each part of the local canvas;
after the first priority floating element is obtained, the preset canvas can be divided into two parts according to the position information of the first priority floating element. For example, as shown in fig. 3, after the first preferential suspension element C is obtained, the preset canvas may be divided into an upper part and a lower part, where the upper part includes a suspension element a and a suspension element B; the lower portion includes element D. At this time, the second priority levitation element with the highest priority in the upper portion may be determined as levitation element a.
Substep 2024, determining the arrangement information of the second priority floating element in the target page based on the preset display attribute information of the second priority floating element;
after the second priority floating element is determined, the arrangement information of the second priority floating element in the target page can be determined based on the preset display attribute information.
Substep 2025, if it is determined that there is no floating element currently not laid out, ending the floating element laying-out operation; otherwise, the floating element layout operation is executed again.
According to the priority information of each suspension element, the arrangement information of each suspension element in the target page can be respectively determined, and the element layout information of the target page is obtained.
Through the sub-steps 2022 to 2025, the arrangement information of the respective floating elements in the target page may be sequentially determined according to the priority information, so that the floating elements may be sequentially arranged in the target page according to the priority information.
Thus, in some alternative implementations, step 203 may include: and generating the target page based on the layer information of the at least one suspension element, so that the at least one suspension element follows the sliding instruction to perform top suction in the target page according to the stacking sequence of the layer where the at least one suspension element is located.
After the layer information corresponding to each suspension element is determined, a target page can be generated. In the sliding process of the generated target page, the corresponding ceiling effect can be presented based on the layer information where the suspension element is located.
In some optional implementations, the page generation method further includes the following steps:
firstly, acquiring non-floating elements from the preset canvas, and determining the arrangement information of the non-floating elements in the target page based on the preset display attribute information of the non-floating elements.
The target page may include non-floating elements in addition to floating elements. The non-floating element may be an element that can slide out of the currently displayed page along with the page when the non-floating element slides to the top of the page, that is, the non-floating element may be an element that cannot achieve the ceiling effect.
In some application scenarios, the non-floating elements may also be arranged in a preset canvas in advance, the non-floating elements may be acquired after the floating elements are acquired, and the arrangement information of the non-floating elements in the target page may be determined based on preset display attribute information of the non-floating elements. For example, element D in fig. 3 described above may be a non-floating element. After the floating element a, the floating element B, and the floating element C are acquired, the non-floating element D may be acquired, and the arrangement information of the non-floating element D in the target page may be determined based on the length information, the width information, and the position information of the non-floating element D.
And secondly, determining the element layout information of the target page based on the arrangement information of the non-suspension elements and the suspension elements.
The arrangement information of the non-floating elements and the floating elements is determined, that is, the arrangement information of each element included in the target page is determined, and then the element layout information of the target page can be obtained. In this way, the target page can be generated based on the element layout information.
Referring to fig. 4, which shows a schematic structural diagram of an embodiment of a page generation apparatus according to the present disclosure, as shown in fig. 4, the page generation apparatus includes a determination module 401, a calling module 402, and a generation module 403. The determining module 401 is configured to, in response to receiving a sliding instruction to the top of a page on a current display page, determine at least one floating element included in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element; a calling module 402, configured to determine element layout information of the target page based on priority information of the at least one floating element and preset display attribute information; a generating module 403, configured to generate the target page based on the element layout information, so that the at least one floating element performs top-sucking in the target page along with the sliding instruction according to priority information.
It should be noted that specific processing of the determining module 401, the invoking module 402, and the generating module 403 of the page generating apparatus and technical effects thereof may refer to related descriptions of step 101 to step 103 in the corresponding embodiment of fig. 1, which are not described herein again.
In some optional implementations of this embodiment, the page generating apparatus further includes an arrangement module (not shown in the figure). The arrangement module is configured to, before the determining module 401 determines, in response to receiving a sliding instruction to the top of a page on a current display page, at least one floating element included in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element, open the current display page in response to detecting a user trigger, determine preset display attribute information of at least one element included in an entire page where the current display page is located, and arrange the at least one element in a preset canvas based on the preset display attribute information.
In some optional implementations of this embodiment, the invoking module 402 is further configured to: and sequentially acquiring the suspended elements from the preset canvas based on the high-low sequence of the priority, and determining the arrangement information of the suspended elements in the target page based on the acquired preset display attribute information of the suspended elements so as to determine the element layout information of the target page.
In some optional implementation manners of this embodiment, the invoking module 402 is further configured to arrange the obtained floating elements in at least one layer of the target page based on a high-low order of the priority; wherein the stacking sequence of the at least one layer is matched with the high-low sequence of the priority; the first layer where the floating element is located cannot push a second layer where a last floating element with priority higher than that of the floating element is located to the top of the page along with the sliding instruction; the first layer where the floating element is located can push a third layer where the last floating element with the priority equal to or lower than that of the floating element is located to the top of the page along with the sliding instruction.
In some optional implementations of this embodiment, floating elements of the same priority are arranged in the same layer.
In some optional implementations of the embodiment, the invoking module 402 is further configured to perform the following floating element layout operation: acquiring a first priority suspension element with the highest priority in suspension elements which are not laid out currently in the at least one suspension element, and determining arrangement information of the first priority suspension element in the target page based on preset display attribute information of the first priority suspension element; dividing a local canvas corresponding to the target page in the preset canvas into two parts by taking the first preferential suspension element as a boundary, and respectively determining a second preferential suspension element with the highest priority in each part of the local canvas; determining the arrangement information of the second priority suspension element in the target page based on the preset display attribute information of the second priority suspension element; if determining that no suspension elements which are not laid out currently exist, finishing the layout operation of the suspension elements; otherwise, the floating element layout operation is executed again.
In some optional implementation manners of this embodiment, the generating module 403 is further configured to generate the target page based on the layer information where the at least one floating element is located, so that the at least one floating element performs top suction in the target page along with the sliding instruction according to the stacking order of the layers where the at least one floating element is located.
In some optional implementations of this embodiment, the invoking module 402 is further configured to: acquiring non-suspended elements from the preset canvas, and determining arrangement information of the non-suspended elements in the target page based on preset display attribute information of the non-suspended elements; and determining the element layout information of the target page based on the arrangement information of the non-suspension elements and the suspension elements.
In some optional implementations of this embodiment, the preset display attribute information includes length information, width information, and position information of an element.
Referring to FIG. 5, an exemplary system architecture in which the page generation method of one embodiment of the present disclosure may be applied is shown.
As shown in fig. 5, the system architecture may include terminal devices 501, 502, 503, a network 504, and a server 505. The network 504 serves to provide a medium for communication links between the terminal devices 501, 502, 503 and the server 505. Network 504 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few. The terminal devices and servers described above may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., Ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The terminal devices 501, 502, 503 may interact with a server 505 over a network 504 to receive or send messages or the like. The terminal devices 501, 502, 503 may have various client applications installed thereon, such as a video distribution application, a search application, and a news application.
The terminal devices 501, 502, 503 may be hardware or software. When the terminal devices 501, 502, 503 are hardware, they may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III, mpeg compression standard Audio Layer 3), MP4 players (Moving Picture Experts Group Audio Layer IV, mpeg compression standard Audio Layer 4), laptop portable computers, desktop computers, and the like. When the terminal devices 501, 502, and 503 are software, they can be installed in the electronic devices listed above. It may be implemented as multiple pieces of software or software modules (e.g., software or software modules used to provide distributed services) or as a single piece of software or software module. And is not particularly limited herein.
The server 505 may be a server that can provide various services, for example, receives a page acquisition request sent by the terminal devices 501, 502, 503, analyzes the page acquisition request, and sends the analysis processing result (for example, page data corresponding to the acquisition request) to the terminal devices 501, 502, 503.
It should be noted that the page generation method provided by the embodiment of the present disclosure may be executed by a server or a terminal device, and accordingly, the page generation apparatus may be disposed in the server or the terminal device.
It should be understood that the number of terminal devices, networks, and servers in fig. 5 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
Referring now to FIG. 6, a block diagram of an electronic device (e.g., the server of FIG. 5) suitable for use in implementing embodiments of the present disclosure is shown. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 6, the electronic device may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 601, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates an electronic device having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment 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 carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure 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 disclosure, 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 contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either 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: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: in response to receiving a sliding instruction to the top of a page on a current display page, determining at least one floating element contained in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element; determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information; and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to priority information.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, 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 computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
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 disclosure. 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 and/or flowchart illustration, and combinations of blocks in the block diagrams and/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 units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of the module does not constitute a limitation to the unit itself in some cases, for example, the calling module 402 may be further described as a module that calls a preset package, and determines element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information by the preset package.
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on 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.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims (12)
1. A page generation method, wherein the method comprises the following steps:
in response to receiving a sliding instruction to the top of a page on a current display page, determining at least one floating element contained in a target page indicated by the sliding instruction and priority information corresponding to the at least one floating element;
determining element layout information of the target page based on the priority information of the at least one floating element and preset display attribute information;
and generating the target page based on the element layout information, so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to priority information.
2. The method of claim 1, wherein before the determining, in response to receiving a slide instruction to the top of the page on the currently displayed page, at least one hover element included in the target page indicated by the slide instruction and priority information corresponding to the at least one hover element, the method further comprises:
and responding to the fact that a user triggers and opens the current display page, determining preset display attribute information of at least one element contained in the whole page where the current display page is located, and arranging the at least one element in a preset canvas based on the preset display attribute information.
3. The method of claim 2, wherein the determining element layout information of the target page based on the priority information of the at least one hover element and preset display attribute information comprises:
and sequentially acquiring the suspended elements from the preset canvas based on the high-low sequence of the priority, and determining the arrangement information of the suspended elements in the target page based on the acquired preset display attribute information of the suspended elements so as to determine the element layout information of the target page.
4. The method according to claim 3, wherein the sequentially acquiring the floating elements from the preset canvas based on the priority order, and determining arrangement information of the floating elements in the target page based on the acquired preset display attribute information of the floating elements to determine the element layout information of the target page comprises:
arranging the acquired suspension elements in at least one layer of the target page based on the high-low order of the priority; wherein the stacking sequence of the at least one layer is matched with the high-low sequence of the priority; and is
The first layer where the floating element is located cannot push a second layer where a last floating element with priority higher than that of the floating element is located to the top of the page along with the sliding instruction; the first layer where the floating element is located can push a third layer where the last floating element with the priority equal to or lower than that of the floating element is located to the top of the page along with the sliding instruction.
5. The method of claim 4, wherein the arranging the obtained floating elements in at least one layer of the target page based on the priority order comprises:
and the suspension elements with the same priority are arranged in the same layer.
6. The method according to claim 4, wherein the sequentially acquiring the floating elements from the preset canvas based on the priority order, and determining the arrangement information of the floating elements in the target page based on the acquired preset display attribute information of the floating elements to determine the element layout information of the target page comprises the following floating element layout operations:
acquiring a first priority suspension element with the highest priority in suspension elements which are not laid out currently in the at least one suspension element, and determining arrangement information of the first priority suspension element in the target page based on preset display attribute information of the first priority suspension element;
dividing a local canvas corresponding to the target page in the preset canvas into two parts by taking the first preferential suspension element as a boundary, and respectively determining a second preferential suspension element with the highest priority in each part of the local canvas;
determining the arrangement information of the second priority suspension element in the target page based on the preset display attribute information of the second priority suspension element;
if determining that no suspension elements which are not laid out currently exist, finishing the layout operation of the suspension elements; otherwise, the floating element layout operation is executed again.
7. The method of claim 4, wherein the generating the target page based on the element layout information to cause the at least one floating element to ceiling in the target page following the sliding instruction according to priority information comprises:
and generating the target page based on the layer information of the at least one suspension element, so that the at least one suspension element follows the sliding instruction to perform top suction in the target page according to the stacking sequence of the layer where the at least one suspension element is located.
8. The method of claim 2, wherein the method further comprises:
acquiring non-suspended elements from the preset canvas, and determining arrangement information of the non-suspended elements in the target page based on preset display attribute information of the non-suspended elements;
and determining the element layout information of the target page based on the arrangement information of the non-suspension elements and the suspension elements.
9. The method according to any one of claims 1-8, wherein the preset display attribute information includes length information, width information, and position information of an element.
10. A page generating apparatus, comprising:
the determining module is used for responding to the sliding instruction received to the top of the page on the current display page, and determining at least one floating element contained in the target page indicated by the sliding instruction and priority information corresponding to the at least one floating element;
the calling module is used for determining the element layout information of the target page based on the priority information of the at least one suspension element and preset display attribute information;
and the generating module is used for generating the target page based on the element layout information so that the at least one suspension element performs top suction in the target page along with the sliding instruction according to the priority information.
11. An electronic device, comprising:
one or more processors;
storage means having one or more programs stored thereon which, when executed by the one or more processors, cause the one or more processors to implement the method of any of claims 1-9.
12. 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-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110934159.0A CN113656128A (en) | 2021-08-13 | 2021-08-13 | Page generation method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110934159.0A CN113656128A (en) | 2021-08-13 | 2021-08-13 | Page generation method and device and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113656128A true CN113656128A (en) | 2021-11-16 |
Family
ID=78480332
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110934159.0A Pending CN113656128A (en) | 2021-08-13 | 2021-08-13 | Page generation method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113656128A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115525847A (en) * | 2021-11-26 | 2022-12-27 | 北京字跳网络技术有限公司 | Page view generation method and device, electronic equipment and storage medium |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104166547A (en) * | 2014-08-07 | 2014-11-26 | 广州华多网络科技有限公司 | Channel control method and device |
| CN105808230A (en) * | 2014-12-31 | 2016-07-27 | 深圳Tcl新技术有限公司 | Method and device for moving suspension icon |
| CN107256242A (en) * | 2017-05-27 | 2017-10-17 | 北京小米移动软件有限公司 | Search result display methods and device, terminal, server and storage medium |
| CN107889177A (en) * | 2017-11-29 | 2018-04-06 | 维沃移动通信有限公司 | Method for switching network and device |
| CN108495169A (en) * | 2018-03-23 | 2018-09-04 | 北京焦点新干线信息技术有限公司 | Information displaying method and device |
| CN108810646A (en) * | 2018-06-29 | 2018-11-13 | 上海哔哩哔哩科技有限公司 | Group information pushes control method, device and computer readable storage medium |
| CN109522497A (en) * | 2018-10-25 | 2019-03-26 | 北京奇虎科技有限公司 | A kind of the adaptation display methods and device of the news web page page |
| CN109684110A (en) * | 2018-12-28 | 2019-04-26 | 北京小米移动软件有限公司 | Multimedia resource sharing method, device and storage medium |
| CN110012163A (en) * | 2019-03-28 | 2019-07-12 | 北京金山安全软件有限公司 | Suspended window setting method and device and electronic equipment |
| CN111008047A (en) * | 2019-11-19 | 2020-04-14 | 北京字节跳动网络技术有限公司 | Page element conflict processing method and device and electronic equipment |
| CN111240546A (en) * | 2019-12-20 | 2020-06-05 | 青岛海信移动通信技术股份有限公司 | Split screen processing method and communication terminal |
| CN112269615A (en) * | 2020-11-02 | 2021-01-26 | 深圳市大成天下信息技术有限公司 | Interface interaction method and device and mobile terminal |
| CN112492374A (en) * | 2020-12-03 | 2021-03-12 | 深圳创维－Rgb电子有限公司 | Display method and device of floating window, television and storage medium |
| CN112835659A (en) * | 2019-11-22 | 2021-05-25 | 西安光启未来技术研究院 | Message pushing method and device |
-
2021
- 2021-08-13 CN CN202110934159.0A patent/CN113656128A/en active Pending
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104166547A (en) * | 2014-08-07 | 2014-11-26 | 广州华多网络科技有限公司 | Channel control method and device |
| CN105808230A (en) * | 2014-12-31 | 2016-07-27 | 深圳Tcl新技术有限公司 | Method and device for moving suspension icon |
| CN107256242A (en) * | 2017-05-27 | 2017-10-17 | 北京小米移动软件有限公司 | Search result display methods and device, terminal, server and storage medium |
| CN107889177A (en) * | 2017-11-29 | 2018-04-06 | 维沃移动通信有限公司 | Method for switching network and device |
| CN108495169A (en) * | 2018-03-23 | 2018-09-04 | 北京焦点新干线信息技术有限公司 | Information displaying method and device |
| CN108810646A (en) * | 2018-06-29 | 2018-11-13 | 上海哔哩哔哩科技有限公司 | Group information pushes control method, device and computer readable storage medium |
| CN109522497A (en) * | 2018-10-25 | 2019-03-26 | 北京奇虎科技有限公司 | A kind of the adaptation display methods and device of the news web page page |
| CN109684110A (en) * | 2018-12-28 | 2019-04-26 | 北京小米移动软件有限公司 | Multimedia resource sharing method, device and storage medium |
| CN110012163A (en) * | 2019-03-28 | 2019-07-12 | 北京金山安全软件有限公司 | Suspended window setting method and device and electronic equipment |
| CN111008047A (en) * | 2019-11-19 | 2020-04-14 | 北京字节跳动网络技术有限公司 | Page element conflict processing method and device and electronic equipment |
| CN112835659A (en) * | 2019-11-22 | 2021-05-25 | 西安光启未来技术研究院 | Message pushing method and device |
| CN111240546A (en) * | 2019-12-20 | 2020-06-05 | 青岛海信移动通信技术股份有限公司 | Split screen processing method and communication terminal |
| CN112269615A (en) * | 2020-11-02 | 2021-01-26 | 深圳市大成天下信息技术有限公司 | Interface interaction method and device and mobile terminal |
| CN112492374A (en) * | 2020-12-03 | 2021-03-12 | 深圳创维－Rgb电子有限公司 | Display method and device of floating window, television and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115525847A (en) * | 2021-11-26 | 2022-12-27 | 北京字跳网络技术有限公司 | Page view generation method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111580879A (en) | Applet running method and device, electronic equipment and computer storage medium | |
| CN110716684B (en) | User interface display method and device, electronic equipment and machine-readable storage medium | |
| CN111291244B (en) | House source information display method, device, terminal and storage medium | |
| CN113721807B (en) | Information display method and device, electronic equipment and storage medium | |
| CN114491349B (en) | Page display method, page display device, electronic device, storage medium and program product | |
| CN111008047B (en) | Page element conflict processing method and device and electronic equipment | |
| CN111190520A (en) | Menu item selection method and device, readable medium and electronic equipment | |
| CN111259636B (en) | Document rendering method and device and electronic equipment | |
| CN111324834B (en) | Method, device, electronic equipment and computer readable medium for image-text mixed arrangement | |
| CN114528816B (en) | Collaborative editing information display method and device, electronic equipment and readable medium | |
| CN114489896B (en) | Content display method and device, storage medium and electronic equipment | |
| EP4134904A1 (en) | Image special effect configuration method, image recognition method, apparatuses, and electronic device | |
| CN113656128A (en) | Page generation method and device and electronic equipment | |
| CN113220752A (en) | Display method and device and electronic equipment | |
| CN111259291B (en) | View display method and device and electronic equipment | |
| CN111310086A (en) | Page jump method and device and electronic equipment | |
| CN111596987B (en) | Page display method and device and electronic equipment | |
| CN110568976B (en) | Method, device, equipment and storage medium for controlling application display | |
| CN112004049B (en) | Double-screen different display method and device and electronic equipment | |
| CN113961280B (en) | View display method and device, electronic equipment and computer readable storage medium | |
| CN111274513B (en) | Window display method, device, terminal and storage medium | |
| CN110865810A (en) | Resource multiplexing method and device, electronic equipment and computer readable storage medium | |
| CN113204557A (en) | Electronic form importing method, device, equipment and medium | |
| CN111770385A (en) | Card display method and device, electronic equipment and medium | |
| CN111787043A (en) | Data request method and device |
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 |