CN111258481A

CN111258481A - Page display method and device

Info

Publication number: CN111258481A
Application number: CN202010017598.0A
Authority: CN
Inventors: 陶骏
Original assignee: Koubei Shanghai Information Technology Co Ltd
Current assignee: Koubei Shanghai Information Technology Co Ltd
Priority date: 2020-01-08
Filing date: 2020-01-08
Publication date: 2020-06-09

Abstract

The embodiment of the invention discloses a page display method and a page display device, which relate to the field of electronic information and comprise the following steps: responding to a user interaction instruction triggered aiming at a page, and executing user interaction operation corresponding to the user interaction instruction; selecting at least one content block as a target block according to the block state of each content block contained in the page after the user interaction operation is executed; and controlling the display style of the target block to be switched from a first style to a second style. The mode can enable the display style of each content block in the page to dynamically change along with the interactive operation of the user, and balance between the block information amount and the page information total amount can be considered by switching the display style of the target block from the first style to the second style, so that the detailed information of the target block can be conveniently known by the user, and the content overload of the whole page is avoided.

Description

Page display method and device

Technical Field

The embodiment of the invention relates to the field of electronic information, in particular to a page display method and device.

Background

Currently, a plurality of content blocks are usually included in a presentation page, and each content block corresponds to one content item. Typically, each content block in the same presentation page is presented in the same presentation style.

For example, in one presentation style, in order to reduce information, only important information such as a content title is presented in a content block, and when a user clicks on the content block, the user jumps to a detail page of the content block to present detailed information. Although the display style ensures the simplicity of the display page, the amount of block information of each content block is small, which is not beneficial for the user to obtain the detailed information of each content block.

In another display mode, in order to facilitate the user to obtain detailed information of each content block, detailed information is displayed in the content block by means of a plurality of fields or even a plurality of pictures. Although the display style enables the user to obtain detailed information of each content block by expanding the block information amount, the information is overloaded due to too much total information contained in the page, which is not beneficial to the user to quickly locate useful information.

Therefore, in the page display mode in the prior art, the display mode of each content block is fixed, and the balance between the block information amount of the content block and the total page information amount of the whole page cannot be considered, so that the information amount of the page is unreasonable, and the information acquisition efficiency is reduced.

Disclosure of Invention

In view of the above, embodiments of the present invention are provided to provide a page display method and apparatus that overcome the above problems or at least partially solve the above problems.

According to an aspect of the embodiments of the present invention, there is provided a page display method, including:

responding to a user interaction instruction triggered aiming at a page, and executing user interaction operation corresponding to the user interaction instruction;

selecting at least one content block as a target block according to the block state of each content block contained in the page after the user interaction operation is executed;

and controlling the display style of the target block to be switched from a first style to a second style.

Optionally, when the user interaction instruction triggered for the page is a page sliding instruction, the block state of the content block after the user interaction operation is performed is the display position of the content block in the display screen;

selecting at least one content block as a target block according to a block state of each content block included in the page after the user interaction operation is performed comprises:

and respectively calculating the display position of each content block in the display screen after the user interaction operation is executed, and selecting the content block of which the display position is matched with a preset screen focus area as a target block.

Optionally, the preset screen focus area includes: a middle screen area, a top screen area, and/or a bottom screen area.

Optionally, after the controlling the display style of the target block to be switched from the first style to the second style, the method further includes:

and when the block state of the target block is detected to be changed and the display position of the target block in the display screen is not matched with the preset screen focus area, controlling the display mode of the target block to be restored from the second mode to the first mode.

Optionally, when the user interaction instruction triggered for the page is a sound control instruction or an eye control instruction, the block states of the content block after the user interaction operation is performed include a selected state and a non-selected state;

selecting at least one content block as a target block according to a block state of each content block included in the page after the user interaction operation is performed comprises: and selecting the content block with the block state being the selected state as the target block.

Optionally, the controlling of switching the display style of the target block from the first style to the second style includes:

inquiring block layout information corresponding to the second pattern, and displaying the target block according to the block layout information;

wherein the tile layout information includes: tile size, and/or tile color; the block size corresponding to the second pattern is larger than the block size corresponding to the first pattern.

Optionally, the displaying the target block according to the block layout information specifically includes:

acquiring block auxiliary information corresponding to the target block;

and displaying the target block according to the block layout information and the block auxiliary information.

Optionally, the tile layout information includes at least one of: the number of fields, the name of the fields, the arrangement position of the fields, the number of pictures contained in the content block and the arrangement position of each picture; the block auxiliary information includes: the field value of each field and/or the picture data information corresponding to each picture;

the presenting the target block according to the block layout information and the block auxiliary information comprises: and loading the acquired auxiliary block information according to the block layout information.

Optionally, the block layout information corresponding to the second pattern includes: a plurality of block type layout information respectively corresponding to different block types;

the querying block layout information corresponding to the second style comprises: and determining the block type of the target block, and inquiring block type layout information corresponding to the block type.

Optionally, when the target blocks are multiple, the block types of the target blocks are divided according to the position relationship of the target blocks relative to the screen focus area.

Optionally, the page is a content list page including a plurality of content blocks, and the initial display style of each content block in the content list page is a first style;

the first style is a folding style corresponding to a simplified display mode, and the second style is an unfolding style corresponding to a refined display mode; the user interaction instruction triggered for the page comprises at least one of the following: a page slide instruction, a page zoom instruction, a voice control instruction, an eye control instruction, and a tilt angle control instruction.

According to another aspect of the embodiments of the present invention, there is provided a page displaying apparatus, including:

the interaction module is suitable for responding to a user interaction instruction triggered aiming at a page and executing user interaction operation corresponding to the user interaction instruction;

the selection module is suitable for selecting at least one content block as a target block according to the block state of each content block contained in the page after the user interaction operation is executed;

and the control module is suitable for controlling the display style of the target block to be switched from the first style to the second style.

the selection module is specifically adapted to:

Optionally, the control module is further adapted to:

the selection module is specifically adapted to: and selecting the content block with the block state being the selected state as the target block.

Optionally, the control module is specifically adapted to:

acquiring block auxiliary information corresponding to the target block;

the control module is specifically adapted to: and loading the acquired auxiliary block information according to the block layout information.

the control module is specifically adapted to: and determining the block type of the target block, and inquiring block type layout information corresponding to the block type.

According to still another aspect of the embodiments of the present invention, there is provided an electronic apparatus including: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;

the memory is used for storing at least one executable instruction, and the executable instruction enables the processor to execute the operation corresponding to the page display method.

According to another aspect of the embodiments of the present invention, a computer storage medium is provided, where at least one executable instruction is stored in the storage medium, and the executable instruction causes a processor to perform operations corresponding to the page display method described above.

In the page display method and device provided by the embodiment of the invention, in response to a user interaction instruction triggered by a page, user interaction operation corresponding to the user interaction instruction is executed, at least one content block is selected as a target block according to the block state of each content block included in the page after the user interaction operation is executed, and the display style of the target block is controlled to be switched from a first style to a second style. Therefore, the mode can enable the display style of each content block in the page to be dynamically changed along with the interactive operation of the user, and balance between the block information amount and the page information total amount can be considered by switching the display style of the target block from the first style to the second style, so that the detailed information of the target block can be conveniently known by the user, and the content overload of the whole page is avoided. The mode ensures that the information quantity of the page is more reasonable, and the information acquisition efficiency is improved.

The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.

Drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:

fig. 1 is a flowchart illustrating a page display method according to an embodiment of the present invention;

fig. 2 shows a flowchart of a page display method according to a second embodiment of the present invention;

FIG. 3 is a block diagram of a page displaying apparatus according to a third embodiment of the present invention;

fig. 4 shows a schematic structural diagram of an electronic device according to a fifth embodiment of the present invention;

FIG. 5 shows a schematic view of an interface when a user interaction is first performed;

FIG. 6 shows a schematic view of the interface when the user interaction is performed a second time;

fig. 7 shows a schematic interface diagram when the user interaction operation is performed for the third time.

Detailed Description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

Example one

Fig. 1 shows a flowchart of a page display method according to an embodiment of the present invention. As shown in fig. 1, the method includes:

step S110: and responding to the user interaction instruction triggered aiming at the page, and executing the user interaction operation corresponding to the user interaction instruction.

The display page of the present embodiment includes at least one content block. The user interaction instruction may be various interaction instructions triggered for a page, and specifically, may be a user interaction instruction triggered for an entire page, or a user interaction instruction triggered for a local page element (e.g., a content block) in a page.

In specific implementation, the type of the user interaction instruction may be various types, such as a page sliding instruction, a page zooming instruction, a voice control instruction, an eye control instruction, and a tilt angle control instruction. Accordingly, the user interaction operation corresponding to the user interaction instruction may be a page sliding operation, a page zooming operation, a sound control operation, an eye control operation, an inclination control operation, and the like. The page sliding operation and the page zooming operation can be controlled aiming at the whole page; the sound control operation, the eye control operation, and the tilt angle control operation may be performed on the entire page or may be performed only on local page elements in the page, which is not limited in the present invention.

Step S120: and selecting at least one content block as a target block according to the block state of each content block contained in the page after the user interaction operation is performed.

Specifically, after the user interaction operation is performed, each content block included in the page is changed accordingly, and accordingly, at least one content block is selected as a target block according to the block state of each changed content block.

The block status may be various types of status, depending on the type of user interaction. For example, when the user interaction operation is a slide type, the tile state may be a position state of the content tile with respect to the display screen; for another example, when the user interaction operation is an eye control operation, the block state may be that the content block is in a selected state or a non-selected state, where the content block matched with the eye sight line is in the selected state and the content block not matched with the eye sight line is in the non-selected state.

In addition, when the target block is selected, the selection may be performed according to whether the position status matches a preset area in the screen, so that the content block whose position status matches the preset area in the screen is determined as the target block. Alternatively, the content block in the selected state may be selected as the target block. In short, the present invention does not limit the selection strategy of the target block, and those skilled in the art can flexibly set various selection strategies according to the actual service scenario.

Step S130: the display style of the control target block is switched from the first style to the second style.

Typically, each content section in the page is presented by default in a first style. After the target block is selected, the target block is switched to a second pattern for more detailed display of the target block. Wherein, the second style is more prominent in visual effect or contains a richer amount of information than the first style. For example, the second pattern may be larger in size and more vibrant in color than the first pattern; as another example, the second pattern may contain a greater amount of information than the first pattern, such as containing more fields or pictures.

Therefore, the mode can enable the display style of each content block in the page to be dynamically changed along with the interactive operation of the user, and balance between the block information amount and the page information total amount can be considered by switching the display style of the target block from the first style to the second style, so that the detailed information of the target block can be conveniently known by the user, and the content overload of the whole page is avoided. The mode ensures that the information quantity of the page is more reasonable, and the information acquisition efficiency is improved.

Example II,

Fig. 2 shows a flowchart of a page display method according to a second embodiment of the present invention. As shown in fig. 2, the method includes:

step S210: and responding to the user interaction instruction triggered aiming at the page, and executing the user interaction operation corresponding to the user interaction instruction.

In the present embodiment, the page is a content list page including a plurality of content blocks. For example, a list page, an information list page, and the like may be used. The information in the information list page may be book information, commodity information, service item information, and the like.

In this embodiment, the user interaction instruction triggered for the page may be a page sliding instruction, specifically, a gesture vertical sliding instruction, or a gesture horizontal sliding instruction, which is not limited in this invention. Accordingly, the user interaction operation corresponding to the user interaction instruction may be a page sliding operation. The page sliding operation is triggered for the whole page, and the position of each content block contained in the page relative to the display screen is dynamically changed in the process of executing the page sliding operation. For example, when the page sliding operation is a sliding operation, as the sliding operation proceeds, the positions of the content blocks in the page move upwards, so that more content blocks are exposed at the bottom, and accordingly, the content block originally located at the top gradually disappears outside the screen and is replaced by the content block after the sliding operation.

It can be seen that, although the user interaction instruction in the present embodiment is triggered for the whole page, as the interaction operation proceeds, the position state of each content block in the page will also change.

Step S220: and selecting at least one content block as a target block according to the block state of each content block contained in the page after the user interaction operation is performed.

Specifically, in the present embodiment, the tile status of the content tile after the user interaction operation is performed is the display position of the content tile in the display screen. In specific implementation, the display positions of the content blocks in the display screen after the user interaction operation is executed are respectively calculated, and the content block of which the display position is matched with the preset screen focus area is selected as a target block. The specific implementation details of this step are described in detail below:

firstly, a screen focus area is preset, and the screen focus area is used for triggering the switching of the display styles of the target blocks, and specifically can be a screen middle area, a screen top area and/or a screen bottom area. The specific position and size of the focus area of the screen can be set according to specific service scenes. In addition, the specific position of the screen focus area can be determined according to the user historical behaviors of the target user. For example, each click behavior included in the user historical behaviors is acquired, and the triggering position coordinates of each click behavior are counted, so that the region with more frequent triggering of the click behavior is set as the screen focus region corresponding to the target user. Specifically, in the process of implementing the present invention, the inventor finds that different users have different preferred click areas, some users prefer to click on the content just appearing in the bottom area of the screen at the first time when the content appears, and some users prefer to click when the content slides to the middle or the top of the page, so that by analyzing the behavior habits of the target user, it can be ensured that the setting of the focus area of the screen is located to match the user preferences.

And then, in the execution process of the user interaction operation, calculating the display position of each content block in the display screen after the user interaction operation is executed in real time, and selecting the content block of which the display position is matched with the preset screen focus area as a target block. It should be noted here that, for the page sliding operation, since the execution process of the sliding operation usually needs to last for a certain period of time, accordingly, the block state of each content block after the user interaction operation is executed in this embodiment essentially means: the status of each content block from the starting time point of executing the user interactive operation to the ending time point of finishing the execution of the user interactive operation. That is to say, the term "after the user interaction operation is executed" in this embodiment does not refer to after the user interaction operation is completely executed, but refers to after the user interaction operation is started to be executed.

Specifically, in the execution process of the page sliding operation, the display position of each content block in the display screen is dynamically calculated according to the gesture trigger position and the gesture displacement information, so that the content block of which the display position is matched with the preset screen focus area is selected as the target block. The specific matching rules can be flexibly set by those skilled in the art. For example, it may be set that when the top area of a content tile coincides with the bottom area of the screen focus area, then the content tile is determined to match the screen focus area; for another example, when the central area of the content block coincides with the central area of the screen focus area, it may be set that the content block is determined to match the screen focus area. In short, the embodiment of the invention does not limit the specific matching mode, and the matching range can be set to be larger, so that a plurality of target blocks can fall into the focus area of the screen at the same time; the matching range can also be set smaller so that only one target tile falls into the screen focus area at the same time.

Step S230: the display style of the control target block is switched from the first style to the second style.

Specifically, the display style of the target block matched with the focus area of the screen is controlled to be switched from the first style to the second style. The initial display style of each content block in the content list page is a first style, and accordingly, each content block is displayed in the first style by default, and only when a certain content block is selected as a target block, the display style of the certain content block is switched from the first style to a second style.

In an optional implementation manner, the first style is a folding style corresponding to the simplified type display manner, and the second style is an unfolding style corresponding to the refined type display manner. Correspondingly, the content block in the first style is displayed in a folding style, part of information is stored in a folding manner, and only important content after compaction processing, such as information of a block title, a block keyword and the like, is displayed. The content block in the second style is displayed in an expanded style, and accordingly, after the content block is switched to the second style, the detailed information originally stored in a folded mode is presented, so that a user can browse the detailed content of the target block conveniently. In addition, in other embodiments, the user may also manually switch the display style of the content block through an "expand/collapse" button included in the content block, which is not limited in the present invention.

In addition, when the display style of the control target block is switched from the first style to the second style, the display style can be realized according to preset block layout information. Specifically, the block layout information corresponding to the second pattern is inquired, and the target block is displayed according to the block layout information. Wherein the block layout information includes: tile size, and/or tile color; the block size corresponding to the second pattern is larger than the block size corresponding to the first pattern. Accordingly, it can be seen that in this approach, the highlighting of the target block is achieved by making the block size larger, the elements appear more intense (e.g., more vivid colors), and so on.

Furthermore, when the display style of the control target block is switched from the first style to the second style, the display style can be further realized by combining with the block auxiliary information of the target block. Specifically, block auxiliary information corresponding to a target block is acquired; and displaying the target block according to the block layout information and the block auxiliary information. The block layout information is mainly used for setting the arrangement mode of each block element in the content block, and the block auxiliary information includes a plurality of block elements associated with the content block, including block fields, block pictures and the like. For example, in the present embodiment, the tile layout information includes at least one of the following: the number of fields, the name of the fields, the arrangement position of the fields, the number of pictures contained in the content block and the arrangement position of each picture; the block auxiliary information includes: the field values of the fields, and/or the picture data information corresponding to the pictures (such as the original picture data required when the pictures are loaded). Correspondingly, when the target block is displayed according to the block layout information and the block auxiliary information, the acquired block auxiliary information is loaded according to the block layout information. For example, the tile layout information specifies the following: the three block pictures are arranged on the left side of the content block in an up-middle-down arrangement mode, and the five block fields are arranged on the right side of the content block. Correspondingly, three block pictures and five block fields to be loaded are obtained according to the block auxiliary information, and are sequentially loaded according to the fixed arrangement mode in the block layout information.

In addition, in the embodiment, in order to make the presentation style more diversified, and also in order to adapt to the presentation requirements of different types of content blocks, the content blocks are divided into multiple types in advance, and corresponding block type layout information is set for each type of content block. Accordingly, the tile layout information corresponding to the second pattern includes: a plurality of block type layout information respectively corresponding to different block types; when the block layout information corresponding to the second pattern is queried, the block type of the target block is first determined, and then the block type layout information corresponding to the block type is queried. Similarly, the block side information may be of various types. For example, for a list page, content sections included in the list page may be further divided into a plurality of list areas, and types of the content sections in the respective list areas are different from each other, so that the corresponding section type layout information may be customized for the content characteristics of the content sections in each list area. For example, if the content block presented in the first list area is the content of the electronic book, the corresponding block type layout information may be the arrangement position of the pictures on the front cover of the electronic book, the arrangement position of the brief introduction of the electronic book, and the like; for another example, the content blocks presented in the second list area are restaurant content, and the corresponding block type layout information may be restaurant pictures, arrangement positions of restaurant object pictures, dining evaluations of the user, and the like. Therefore, the display characteristics of the multi-type content blocks can be flexibly met by respectively setting the layout information of the plurality of block types.

In addition, in addition to dividing the block types according to the content characteristics of the respective target blocks themselves, the block types may be divided according to the positions of the respective target blocks with respect to the screen focus area. For example, when the target block is multiple, the block type of each target block is divided according to the position relationship of each target block relative to the screen focus area. In specific implementation, the block types of the target blocks can be divided according to the distance between each target block and the center position of the screen focus area, so that the display information contained in the second pattern of the target blocks can be dynamically changed along with the distance between the target blocks and the center position of the screen focus area. For example, assume that there are three target tiles matching the focus area of the screen, wherein the first target tile is located at the top, the second target tile is located at the middle, and the third target tile is located at the bottom. Accordingly, the block size corresponding to the second pattern of the second target block may be set to be the largest, and the block sizes corresponding to the second pattern of the third target block and the first target block may be smaller than the block size of the second target block. Of course, as the page sliding operation progresses dynamically, the third target block will move up to the middle position, and accordingly, the block size of the third target block will be the largest. That is, in this manner, the target block located at the center of the screen focus area is dynamically displayed as the maximum size, and the target block located at the non-center of the screen focus area is displayed as a little smaller size than the center position block.

Step S240: and when the block state change of the target block is detected and the display position of the target block in the display screen is not matched with the preset screen focus area, controlling the display style of the target block to be restored from the second style to the first style.

Specifically, as the page sliding operation continues, the block status (i.e., block position) of each content block will continuously change. Accordingly, when the block state change of the target block is detected and the display position of the target block in the display screen does not match the preset screen focus area, the display style of the target block is controlled to be restored from the second style to the first style. For example, as the page continues to slide up, the target block originally located in the screen focus area moves up to move out of the screen focus area, and the other content blocks originally located below the screen focus area move up to move into the screen focus area to become new target blocks. It can be seen that the target block is constantly changing. When the target block moves out of the screen focus area, the target block is changed into a normal content block, so that the first mode is recovered, and the content block newly moved into the screen focus area becomes a new content block, so that the mode is switched into the second mode, and the process is repeated.

As can be seen, in the present embodiment, each content block is sequentially selected as a target block as the page sliding operation continues, and the selected target block is continuously replaced by other content blocks, that is, during the page sliding process, there are content blocks that are continuously selected as target blocks and old target blocks that are continuously replaced by new target blocks. In order to enrich the page display effect, action effects can be further added: when the content block is selected as the target block, the target block is shown through a first action mode. The first action mode can be various, and specifically comprises at least one of the following modes: such as a deformation-like dynamic effect (the size or shape of the tile is gradually changed to present the highlight pattern), a color gradient-like dynamic effect (the color of the tile is gradually bright and gorgeous to present the highlight pattern), a transparency change-like dynamic effect (the color of the tile is changed from a semi-transparent state to an opaque state to present the highlight pattern), and a displacement-like dynamic effect (the position of the tile is gradually moved to the central area of the screen to present the highlight pattern). Similarly, when the target block is restored to be a non-target block (i.e. replaced by a new target block), the target block can be restored to be a normal content block in a second active manner. The second dynamic effect mode is similar to the first dynamic effect mode, and aims to enable the highlighted target area to be restored to the conventional display mode in a gradual change mode.

In addition, in other embodiments of the present invention, the user interaction instruction triggered by the page may also be a voice control instruction or an eye control instruction, and accordingly, the block state of the content block after the user interaction operation is performed includes a selected state and a non-selected state; selecting the content block with the block state in the selected state as the target block when at least one content block is selected as the target block according to the block state of each content block contained in the page after the user interaction operation is executed. For example, a user may hit a content block in the page through a voice control command, specifically, hit the content block through a block name, a block arrangement position, and the like, the hit content block is updated from a non-selected state to a selected state, and accordingly, when the content block in the selected state is detected, the content block in the selected state is determined as a target block, and style switching processing is performed on the target block, so as to achieve the purpose of highlighting. For another example, the user performs an interactive operation by an eye movement manner, and accordingly, when a designated content block in which an eye is focused in a page is detected according to an eye movement trajectory, the designated content block is hit to be in a selected state and thus determined as a target block, and a style switching process is performed thereon to achieve the purpose of highlighting. Specifically, the voice recognition and the eye movement track recognition can be realized by various software and/or hardware technologies.

In addition, in other embodiments of the present invention, the user interaction instruction triggered by the page may also be a page scaling instruction or a tilt angle control instruction. When the user interaction instruction is a page zooming instruction, the target block can be selected by the position of each content block in the screen after zooming operation, for example, after zooming operation, the content block in the central area or the focus area of the screen is highlighted as the target block. When the user interaction instruction is an inclination angle control instruction, the position change condition of the terminal equipment can be detected through hardware equipment or software equipment such as a gyroscope, an acceleration sensor and the like. For example, when it is detected that the terminal screen is gradually tilted from the horizontal state to the vertical state, a designated content block (e.g., a first content block or a content block located in the central area) in the control page is highlighted as a target block. In short, the present invention is not limited to a specific type of the user interaction instruction, and may be various types of instructions such as a fingerprint operation instruction, a face recognition instruction, and the like, as long as the control can be performed on the page or the page elements included in the page.

In addition, regardless of the type of the user interaction instruction, after the display style of the control target block is switched from the first style to the second style, the display style of the control target block is restored from the second style to the first style further after the block state of the target block is changed.

Fig. 5 shows a schematic interface diagram when a user interaction operation is performed for the first time, fig. 6 shows a schematic interface diagram when a user interaction operation is performed for the second time, and fig. 7 shows a schematic interface diagram when a user interaction operation is performed for the third time. As shown in fig. 5, when the slide page is first slid by a gesture, the content blocks in the box are close to the screen focus area, but are not matched with the screen focus area, so that the default first style is still adopted, that is, only the picture with smaller size and the field a and the field B are displayed, and in fig. 5, the rest of the content blocks except the content block in the screen focus area are in the folded state by default, and only the condensed information is shown. As shown in fig. 6, as the gesture sliding operation continues, the content block in the frame enters the screen focus area, so that the frame is switched to the second mode, specifically, the folded state is switched to the unfolded state, more information is displayed, the number of fields is increased besides the picture size enlargement, and the fields C and D are further displayed besides the fields a and B. As shown in fig. 7, as the gesture sliding operation continues, the content block within the box moves out of the screen focus area, causing the trigger condition to be removed, thereby returning to the first style, specifically, from the unfolded state to the folded state. In short, the present invention can detect the user interaction operation in real time, so as to dynamically select the target block for highlighting according to the state of the content block after interaction.

Therefore, in the traditional mode, the style of a single content block in the same content list page is consistent and fixed, so that the traditional content list page reduces the contained information amount for page simplification, so that the information cannot be fully transmitted, and the information acquisition efficiency of a user is reduced; or in order to display more contents to expand the amount of information that can be obtained by the user, information overload of the whole list page is caused, browsing experience is affected, and the user is not facilitated to quickly locate the target content. Aiming at the defects, the embodiment of the invention can keep the single content block folded in the default state, only displays the core information, automatically expands the content block at the focusing position of the user along with the operation of the user, displays more information, realizes the effect of dynamically responding the user operation by the list content style and the information display amount, ensures that the information in the default state is not overloaded to influence the experience, enables the richer information to be displayed in the browsing process, and improves the efficiency of the user for acquiring the information.

The embodiment of the invention can be implemented based on iOS and Andriod platforms, and can be specifically implemented by computer languages such as Swift, OC, Java and the like. The embodiment of the invention mainly can realize the following technical effects: firstly, judging a condition for triggering folding to unfolding, wherein the condition can be set according to actual service and a specific page list, and for example, triggering when a block approaches to a specified area of a screen; secondly, after the block is unfolded, the specific effect and the presentation mode of the rich information can be set according to the actual service and the specific page list, for example, the block size is increased, fields are added, the picture size is increased, the element presentation is strengthened, and the like.

In summary, the mode in the embodiment of the present invention enables the display style of each content block in the page to dynamically change along with the user interaction operation, and the display style of the target block is switched from the first style to the second style, so that the balance between the block information amount and the total page information amount can be considered, which is not only beneficial for the user to know the detailed information of the target block in detail, but also avoids the content overload of the whole page. In addition, a plurality of second styles respectively corresponding to different content block types can be preset, so that a proper style can be conveniently selected for presentation according to the characteristics of the content blocks.

In addition, the embodiment of the invention can automatically adjust the display style of the content blocks according to the user interaction operation triggered by the page, so that the display style of each content block is dynamically changed along with the continuous progress of the user interaction operation. The method is beneficial to the user to quickly position the target content, thereby improving the browsing efficiency of the user.

EXAMPLE III

Fig. 3 is a schematic structural diagram of a page displaying apparatus according to a third embodiment of the present invention, where the apparatus includes:

the interaction module 31 is adapted to respond to a user interaction instruction triggered by a page, and execute a user interaction operation corresponding to the user interaction instruction;

a selecting module 32, adapted to select at least one content block as a target block according to a block state of each content block included in a page after the user interaction operation is performed;

the control module 33 is adapted to control the display style of the target block to be switched from the first style to the second style.

the selection module is specifically adapted to:

Optionally, the control module is further adapted to:

Optionally, the control module is specifically adapted to:

acquiring block auxiliary information corresponding to the target block;

Therefore, in the mode, the display style of each content block in the page can be dynamically changed along with the interactive operation of the user, and the balance between the block information amount and the page information total amount can be considered by switching the display style of the target block from the first style to the second style, so that the detailed information of the target block can be conveniently known by the user in detail, and the content overload of the whole page is avoided.

Example four

The fourth embodiment of the present application provides a non-volatile computer storage medium, where the computer storage medium stores at least one executable instruction, and the computer executable instruction may execute the page display method in any of the above method embodiments. The executable instructions may be specifically configured to cause a processor to perform respective operations corresponding to the above-described method embodiments.

EXAMPLE five

Fig. 4 is a schematic structural diagram of an electronic device according to a fifth embodiment of the present invention, and the specific embodiment of the present invention does not limit the specific implementation of the electronic device.

As shown in fig. 4, the electronic device may include: a processor (processor)402, a Communications Interface 406, a memory 404, and a Communications bus 408.

Wherein:

the processor 402, communication interface 406, and memory 404 communicate with each other via a communication bus 408.

A communication interface 406 for communicating with network elements of other devices, such as clients or other servers.

The processor 402 is configured to execute the program 410, and may specifically perform relevant steps in the above-described page display method embodiment.

In particular, program 410 may include program code comprising computer operating instructions.

The processor 402 may be a central processing unit CPU, or an application specific Integrated circuit asic, or one or more Integrated circuits configured to implement an embodiment of the present invention. The electronic device comprises one or more processors, which can be the same type of processor, such as one or more CPUs; or may be different types of processors such as one or more CPUs and one or more ASICs.

And a memory 404 for storing a program 410. The memory 404 may comprise high-speed RAM memory, and may also include non-volatile memory (non-volatile memory), such as at least one disk memory.

The program 510 may be specifically configured to enable the processor 502 to execute the corresponding operations in the above method embodiments.

The algorithms and displays presented herein are not inherently related to any particular computer, virtual machine, or other apparatus. Various general purpose systems may also be used with the teachings herein. The required structure for constructing such a system will be apparent from the description above. Moreover, the present invention is not directed to any particular programming language. It is appreciated that a variety of programming languages may be used to implement the teachings of the present invention as described herein, and any descriptions of specific languages are provided above to disclose the best mode of the invention.

In the description provided herein, numerous specific details are set forth. It is understood, however, that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.

Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, various features of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects. However, the disclosed method should not be interpreted as reflecting an intention that: that the invention as claimed requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into this detailed description, with each claim standing on its own as a separate embodiment of this invention.

Those skilled in the art will appreciate that the modules in the device in an embodiment may be adaptively changed and disposed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and furthermore they may be divided into a plurality of sub-modules or sub-units or sub-components. All of the features disclosed in this specification (including any accompanying claims, abstract and drawings), and all of the processes or elements of any method or apparatus so disclosed, may be combined in any combination, except combinations where at least some of such features and/or processes or elements are mutually exclusive. Each feature disclosed in this specification (including any accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will appreciate that while some embodiments described herein include some features included in other embodiments, rather than other features, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.

The various component embodiments of the invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or Digital Signal Processor (DSP) may be used in practice to implement some or all of the functions of some or all of the components in a voice input information based lottery system according to embodiments of the present invention. The present invention may also be embodied as apparatus or device programs (e.g., computer programs and computer program products) for performing a portion or all of the methods described herein. Such programs implementing the present invention may be stored on computer-readable media or may be in the form of one or more signals. Such a signal may be downloaded from an internet website or provided on a carrier signal or in any other form.

It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by one and the same item of hardware. The usage of the words first, second and third, etcetera do not indicate any ordering. These words may be interpreted as names.

Claims

1. A page display method comprises the following steps:

2. The method according to claim 1, wherein when the user interaction instruction triggered for the page is a page sliding instruction, the tile status of the content tile after the user interaction operation is performed is a display position of the content tile in a display screen;

3. The method of claim 2, wherein the preset screen focus area comprises: a middle screen area, a top screen area, and/or a bottom screen area.

4. The method according to claim 2 or 3, wherein after controlling the display pattern of the target block to be switched from the first pattern to the second pattern, further comprising:

5. The method according to claim 1 or 2, wherein when the page-triggered user interaction instruction is a voice control instruction or an eye control instruction, the block state of the content block after performing the user interaction operation comprises a selected state and a non-selected state;

6. The method according to any of claims 1-5, wherein said controlling the presentation pattern of the target block to switch from the first pattern to the second pattern comprises:

7. The method of claim 6, wherein the presenting the target block according to the block layout information specifically comprises:

acquiring block auxiliary information corresponding to the target block;

8. A page display apparatus comprising:

9. An electronic device, comprising: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;

the memory is used for storing at least one executable instruction, and the executable instruction causes the processor to execute the corresponding operation of the page display device according to any one of claims 1-7.

10. A computer storage medium having stored therein at least one executable instruction that causes a processor to perform operations corresponding to the page presentation apparatus as claimed in any one of claims 1 to 7.