CN114880606A

CN114880606A - Page display method, device, equipment, medium and program product

Info

Publication number: CN114880606A
Application number: CN202210626764.6A
Authority: CN
Inventors: 于晓萌; 陈志高; 李睿; 蒋鸿斌; 周俊杰; 滕朕
Original assignee: Beijing Zitiao Network Technology Co Ltd
Current assignee: Beijing Zitiao Network Technology Co Ltd
Priority date: 2022-06-01
Filing date: 2022-06-01
Publication date: 2022-08-09

Abstract

The application provides a page display method, a page display device, page display equipment, page display media and a program product. The method comprises the following steps: displaying a first page, wherein the first page comprises: the method comprises the steps that currently displayed content, a target sub-channel to which the currently displayed content belongs and a main channel to which the target sub-channel belongs are obtained; and responding to the received sub-channel expansion instruction, and displaying a plurality of sub-channels corresponding to the main channel on the first page, wherein the target sub-channel belongs to any one of the plurality of sub-channels. By the scheme, a user can expand a plurality of sub-channels corresponding to the main channel, and further directly obtain the subject names of the sub-channels from the first page, so that the user can use the system conveniently, and diversified requirements of the user can be met.

Description

Page display method, device, equipment, medium and program product

Technical Field

The present application relates to the field of data processing technologies, and in particular, to a page display method, apparatus, device, medium, and program product.

Background

Along with the development of science and technology, the living standard of people is higher and higher, the demand on the entertainment industry is higher and higher, and some entertainment applications generated based on the entertainment industry are more and more.

Currently, for the display of pictures in some entertainment applications, the channels (e.g., recommendation, attention, etc.) under the application are displayed on the upper end of the screen, and the user can only switch among the channels. The picture display mode is single, and the diversified requirements of users cannot be met.

Disclosure of Invention

In view of the above, an object of the present application is to provide a page display method, device, apparatus, medium and program product to solve or partially solve the above technical problems.

In view of the above, a first aspect of the present application provides a page display method, including:

displaying a first page, wherein the first page comprises: the method comprises the steps that currently displayed content, a target sub-channel to which the currently displayed content belongs and a main channel to which the target sub-channel belongs are obtained;

and responding to the received sub-channel expansion instruction, and displaying a plurality of sub-channels corresponding to the main channel on the first page, wherein the target sub-channel belongs to any one of the plurality of sub-channels.

In some embodiments, in response to receiving a sub-channel expansion instruction, displaying a plurality of sub-channels corresponding to the main channel on the first page, including:

and in response to receiving a sub-channel expansion instruction, zooming and displaying the current display content on the first page, and displaying a plurality of sub-channels corresponding to the main channel outside an area corresponding to the current display content.

In some embodiments, further comprising:

and in response to receiving a sub-channel retracting instruction, retracting a plurality of sub-channels corresponding to the main channel in the first page.

In some embodiments, collapsing the plurality of sub-channels corresponding to the main channel in the first page comprises:

and responding to a sub-channel switching instruction, collecting a plurality of sub-channels corresponding to the main channel in the first page, and displaying the main channel and the other sub-channels, wherein the other sub-channels are any one of the plurality of sub-channels corresponding to the main channel except for a target sub-channel.

In some embodiments, further comprising: canceling the display of the main channel in the first page in response to receiving a sub-channel expansion instruction.

In some embodiments, the displaying the first page comprises: displaying a first page, and displaying the current display content on the first page in a full screen manner;

in response to receiving a sub-channel expansion instruction, zooming and displaying the currently displayed content on the first page, including: and responding to the received sub-channel expansion instruction, and displaying the current display content in the first partial area of the first page.

In some embodiments, in response to receiving a sub-channel expansion instruction, displaying the currently displayed content in a first partial area of the first page, comprises:

and in response to receiving a sub-channel expansion instruction, displaying a complete picture corresponding to the current display content in a first partial area of the first page, and displaying a partial picture corresponding to at least one display content adjacent to the current display content in a second partial area of the first page.

In some embodiments, the method further comprises:

in response to receiving a horizontal sliding switching instruction aiming at the first page, switching the current display content of the target sub-channel to the display content of other sub-channels;

and in response to receiving a longitudinal sliding switching instruction aiming at the first page, switching the current display content corresponding to the target sub-channel to other display content corresponding to the target sub-channel.

In some embodiments, the switching the currently displayed content of the target sub-channel to the displayed content of the other sub-channels in response to receiving the sliding-sideways switching instruction for the first page includes:

in response to receiving a transverse sliding switching instruction aiming at the first page before the sub-channel is expanded, switching the current display content of the target sub-channel to the display content of other sub-channels, and simultaneously switching the target sub-channel displayed in the first page to other sub-channels;

alternatively, the first and second electrodes may be,

highlighting the target sub-channel in the first page after the sub-channel expansion, responding to a received transverse sliding switching instruction aiming at the first page after the sub-channel expansion, switching the current display content of the target sub-channel to the display content of other sub-channels, and simultaneously canceling the highlighting of the target sub-channel in the first page and highlighting other sub-channels.

In some embodiments, the method further comprises:

the currently displayed content contains a topic tag, and in response to receiving a trigger instruction for the topic tag, target topic content corresponding to the topic tag is displayed in a full screen mode on the first page, wherein the target topic content is any one of a plurality of topic contents in the topic tag.

In some embodiments, the method further comprises:

receiving a display instruction aiming at a second page;

and displaying the content of the second page on a horizontal screen, wherein the horizontal screen comprises: the main interface is used for displaying at least one characteristic item corresponding to the second page, and the auxiliary interface is used for displaying expansion data corresponding to any one characteristic item;

and displaying the main interface in the transverse screen in a fixed width mode, and adjusting the width of the auxiliary interface according to the size of the transverse screen.

In some embodiments, a size modification control is provided in the second page, the method further comprising:

and receiving a size change instruction of the main interface and/or the auxiliary interface through the size change control, and carrying out size adjustment on the main interface and/or the auxiliary interface according to the size change instruction.

Based on the same inventive concept, a second aspect of the present application provides a page display apparatus, including:

the display module is used for displaying a first page, wherein the first page comprises: the method comprises the steps that current display content, a target sub-channel to which the current display content belongs and a main channel to which the target sub-channel belongs are obtained;

and the sub-channel expansion module is used for responding to a received sub-channel expansion instruction and displaying a plurality of sub-channels corresponding to the main channel on the first page, wherein the target sub-channel belongs to any one of the plurality of sub-channels.

Based on the same inventive concept, a third aspect of the present application provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor executes the computer program to implement the method of the first aspect.

Based on the same inventive concept, a fourth aspect of the present application proposes a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method of the first aspect.

Based on the same inventive concept, a fifth aspect of the present application proposes a computer program product comprising computer program instructions to cause a computer to perform the method of the first aspect when the computer program instructions are run on the computer.

As can be seen from the above, according to the page display method, apparatus, device, medium, and program product provided by the present application, the target sub-channel and the main channel of the currently displayed content are displayed in the first page, and the user can expand the currently displayed sub-channel of the main channel as needed. By the scheme, a user can expand a plurality of sub-channels corresponding to the main channel, and further directly obtain the subject names of the sub-channels from the first page, so that the user can use the system conveniently, and diversified requirements of the user can be met.

Drawings

In order to more clearly illustrate the technical solutions in the present application or the related art, the drawings needed to be used in the description of the embodiments or the related art will be briefly introduced below, and it is obvious that the drawings in the following description are only embodiments of the present application, and it is obvious for those skilled in the art that other drawings can be obtained according to these drawings without creative efforts.

Fig. 1 is a schematic view of an application scenario according to an embodiment of the present application;

FIG. 2A is a flowchart of a page display method according to an embodiment of the present application;

fig. 2B is a schematic diagram illustrating a state of expanding sub-channels and a state of collapsing sub-channels according to an embodiment of the present application;

FIG. 2C is a schematic diagram illustrating a side-sliding entry horizontal sub-channel switch in accordance with an embodiment of the present invention;

fig. 2D is a schematic diagram illustrating a cross interaction by sliding a video according to an embodiment of the present application;

FIG. 2E is an expanded view of the topic tag of the embodiment of the present application;

FIG. 2F is another expanded view of the topic tag of the embodiment of the present application

Fig. 2G is a layout diagram of a second page according to the embodiment of the present application;

FIG. 3 is a block diagram of a page display device according to an embodiment of the present application;

fig. 4 is a schematic structural diagram of an electronic device according to an embodiment of the present application.

Detailed Description

The principles and spirit of the present application will be described with reference to a number of exemplary embodiments. It should be understood that these embodiments are given solely for the purpose of enabling those skilled in the art to better understand and to practice the present application, and are not intended to limit the scope of the present application in any way. 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.

In this document, it is to be understood that any number of elements in the figures are provided by way of illustration and not limitation, and any nomenclature is used for differentiation only and not in any limiting sense.

The principles and spirit of the present application are explained in detail below with reference to several representative embodiments of the present application.

The application provides a page display scheme, a target sub-channel and a main channel of currently displayed content are displayed in a first page, and a user can expand the sub-channel of the currently displayed main channel as required. By the scheme, a user can expand a plurality of sub-channels corresponding to the main channel, and further directly obtain the subject names of the sub-channels from the first page, so that the user can use the system conveniently, and diversified requirements of the user can be met.

Fig. 1 is a schematic view of an application scenario of a page display method according to an embodiment of the present application. The application scenario includes a terminal device 101, a server 102, and a data storage system 103. The terminal device 101, the server 102, and the data storage system 103 may be connected through a wired or wireless communication network. The terminal device 101 includes, but is not limited to, a desktop computer, a mobile phone, a mobile computer, a tablet computer, a media player, a smart wearable device, a Personal Digital Assistant (PDA), or other electronic devices capable of implementing the above functions. The server 102 and the data storage system 103 may be independent physical servers, may also be a server cluster or distributed system formed by a plurality of physical servers, and may also be cloud servers providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDNs, and big data and artificial intelligence platforms.

The server 102 is configured to provide a page display service to a user of the terminal device 101, a client in communication with the server 102 is installed in the terminal device 101, and the user may send various control instructions for page display to the server 102 through the client. The server 102 provides corresponding data for the page display required by the client according to the received control instructions. Data storage system 103 provides data storage support for the operational operation of server 102.

The page display method according to the exemplary embodiment of the present application is described below with reference to the application scenario of fig. 1. It should be noted that the above application scenarios are only presented to facilitate understanding of the spirit and principles of the present application, and the embodiments of the present application are not limited in this respect. Rather, embodiments of the present application may be applied to any scenario where applicable.

The embodiment of the application provides a page display method, which is mainly applied to terminal equipment, wherein an application program for displaying pictures of videos, audios or images is installed in the terminal equipment, and page display is performed through the application program so as to meet the requirements of users.

Referring to fig. 2A, the page display method of the present embodiment may include the following steps:

step 201, displaying a first page, wherein the first page comprises: the method comprises the steps of displaying content currently, a target sub-channel to which the content currently displayed belongs and a main channel to which the target sub-channel belongs.

In some embodiments, the target sub-channel is displayed attached to the main channel side in the first page.

The first page can be displayed in a landscape mode because the effect of visual impact force brought by landscape display is better, so that the user can be more immersed in the landscape mode. In the subsequent steps, all the operation processes are finished under the transverse screen, so that the user does not need to frequently switch the transverse screen and the vertical screen, and the picture watching effect of the user is better.

The first page refers to a default home page of the application program, a plurality of main channels can be displayed in the home page, and the main channel corresponding to the currently displayed content is highlighted (for example, highlighted, changed in color, strobed, amplified, and the like). The name font of the target sub-channel corresponding to the currently displayed content is reduced and attached to one side (preferably the right side) of the corresponding main channel. Therefore, the relationship between the main channel and the sub-channels can be clearly distinguished, the sub-channels of other main channels are not displayed, and the situation that the content displayed on the home page is complicated and influences the use of a user is avoided.

The currently displayed content is presented in the home page, and the displayed content can be audio, video or pictures. The user can select the playing, pausing and playing progress of the currently displayed content in the first page according to the needs of the user.

Fig. 2B shows a schematic illustration of a state of expanding sub-channels and collapsing sub-channels according to an embodiment of the present application.

Step 202, in response to receiving a sub-channel expansion instruction, displaying a plurality of sub-channels corresponding to the main channel on the first page (as shown in fig. 2B). Wherein the target sub-channel belongs to any one of the plurality of sub-channels.

In some embodiments, step 202 is:

In some embodiments, in step 202, the main channel is not displayed in the first page in response to receiving the sub-channel expansion instruction.

Therefore, when the sub-channels are expanded and displayed, the main channels in the first page are canceled from being displayed, the situation that each main channel occupies too much space and influences the expanded and displayed quantity of each sub-channel is avoided, and the sub-channels are expanded and displayed in the first page as much as possible.

The forming mode of the sub-channel expansion instruction comprises the following steps: and triggering a sub-channel unfolding key by a user or triggering a sub-channel unfolding shortcut gesture by the user.

A sub-channel expansion key (for example, ">" symbol, or other symbols or keys are not specifically limited here) is arranged on one side of the target sub-channel corresponding to the currently displayed content, and a sub-channel expansion instruction is formed after the user triggers the sub-channel expansion key, so that each sub-channel of the main channel corresponding to the currently displayed content is called. Each major channel is hidden in the first page and each sub-channel of the major channel is exposed, with the target sub-channel highlighted (e.g., highlighted, color changed, strobed, enlarged, etc.). If the number of sub-channels is large and the sub-channels cannot be fully displayed in the first page, several sub-channels adjacent to the target sub-channel are displayed, and other sub-channels are hidden. Therefore, the user can conveniently know which sub-channels are contained in the main channel, and the user can conveniently screen the content which is interested by the user from the developed sub-channels.

In addition, the user can also expand the sub-channels in a shortcut gesture mode, and the specific shortcut gesture can be as follows: three-click, long-press for 3 seconds, continuous drawing of the 'hook', and the like, which shortcut gesture is specifically selected, the user can select from a plurality of given shortcut gestures, and can also self-define according to actual needs by himself, as long as the shortcut gesture is ensured not to conflict with the shortcut gestures of other functions.

In some embodiments, step 201 comprises: displaying a first page, and displaying the current display content on the first page in a full screen mode.

Then in response to receiving the sub-channel expansion instruction, zooming and displaying the currently displayed content on the first page in corresponding step 202 includes: and responding to the received sub-channel expansion instruction, and displaying the current display content in the first partial area of the first page.

In a specific implementation, the first partial area may be a central area of the first page, or other areas in the first page capable of completely displaying the currently displayed content.

In some embodiments, in response to receiving a sub-channel expansion instruction, displaying the currently displayed content in the first partial area of the first page comprises:

In particular, as shown in the right-hand side of fig. 2B, the first sub-area is preferably the center area of the first page, so that the center area has edges, which are the second sub-areas.

Step 2022, expanding and displaying the plurality of sub-channels corresponding to the main channel outside the zoomed current display content in the first page.

Therefore, when the sub-channel is expanded, the current content is zoomed, and the display content part adjacent to the current content can be displayed. Based on the display condition, the user can see part of adjacent display contents, can arouse the exploration desire of the user, and can perform subsequent horizontal switching and vertical switching.

Step 203, in response to receiving a sub-channel collapsing instruction, collapsing a plurality of sub-channels corresponding to the main channel in the first page (as shown in fig. 2B).

And after receiving a sub-channel retracting instruction, retracting a plurality of sub-channels corresponding to the main channel, and displaying the target sub-channel attached to one side of the main channel in the first page.

In some embodiments, step 203 specifically includes:

after receiving a sub-channel retracting instruction, responding to a sub-channel switching instruction, retracting a plurality of sub-channels corresponding to the main channel in the first page, and displaying the main channel and the other sub-channels, wherein the other sub-channels are any one of the plurality of sub-channels corresponding to the main channel except for the target sub-channel.

In specific implementation, after each sub-channel of the main channel is collapsed, the target sub-channel is displayed on one side of the main channel, the collapsed state is as the left side diagram of fig. 2B, the corresponding sub-channel 1 is the target sub-channel, if the user wants to switch to the content of other sub-channels on the current page, a sub-channel switching instruction (for example, horizontal sliding) may be triggered, the target sub-channel (sub-channel 1) is switched to other sub-channels (sub-channel 2), the target sub-channel corresponding to one side of the main channel also becomes the subject name of other sub-channels, and the currently displayed content in the first page is also switched to the displayed content of other sub-channels.

In some embodiments, the sub-channel collapsing instruction is formed in a manner including: and triggering a sub-channel retracting key by a user or triggering a sub-channel retracting shortcut gesture by the user.

A sub-channel retracting key (e.g., ">" symbol, or other symbol or key, without specific limitation) is disposed at one side of each expanded sub-channel. If the user is disinterested in these expanded sub-channels and wants to return to the display interface with the main channel, the user can trigger the sub-channel collapsing key, and a sub-channel collapsing instruction is formed. Thus, the expanded sub-channels are collected, only the target sub-channel is reserved, the other hidden main channels are displayed, and the target sub-channel is attached to one side of the main channel.

In addition, the user can also pack up sub-channels in a shortcut gesture mode, and the specific shortcut gesture can be as follows: three clicks, long pressing for 3 seconds, continuous drawing of 'x' and the like are specifically selected, a user can select from a plurality of given shortcut gestures and can self-define according to actual needs, and the user only needs to ensure that the shortcut gestures are not in conflict with shortcut gestures of other functions.

Through the scheme, the user can not only switch among the main channels, but also expand a plurality of sub-channels corresponding to the main channels interested by the user, and further switch the content among the sub-channels and in the sub-channels, so that the user can use the system conveniently, and the diversified requirements of the user can be met.

Fig. 2C and 2D show schematic diagrams of a side-sliding entry horizontal sub-channel switching presentation according to an embodiment of the present application.

In some embodiments, the method further comprises:

step 204, in response to receiving a horizontal sliding switching instruction for the first page, switching the currently displayed content of the target sub-channel to the displayed content of other sub-channels. Wherein the other sub-channels are sub-channels of the main channel except for the target sub-channel.

In some embodiments, the lateral control region comprises: two lateral sides of the first page.

In step 204, in response to receiving a vertical sliding switching instruction for the first page, switching the current display content corresponding to the target sub-channel to other display content corresponding to the target sub-channel.

In the above step, the two lateral sides are divided into a left side and a right side. In some embodiments, the reception range of the sideslip switching instruction of either side edge occupies a predetermined proportion of the first page, wherein the predetermined proportion is < 1/2. The present embodiment prefers the predetermined ratio to be 1/10.

The corresponding transverse sliding switching instruction is to perform transverse sliding by a user hand in a receiving range of the side edge (for example, to receive right sliding by the user hand on the left side edge or to receive left sliding by the user hand on the right side edge), and to perform switching between the sub-channels by transverse sliding, and the switching is divided into two cases.

In the first case, in response to determining that the horizontal sliding switching instruction is received in the horizontal control area of the first page before the sub-channel is expanded, the currently displayed content of the target sub-channel is switched to the displayed content of other sub-channels, and the target sub-channel displayed in the first page is switched to other sub-channels at the same time.

As shown in fig. 2C, when a horizontal sliding switching instruction is received in a state where only one target sub-channel is reserved in each sub-channel of the main channel in the first page, at this time, the name of the target sub-channel is switched to the name of the next other sub-channel at a position corresponding to the target sub-channel, and the currently displayed content is switched to the displayed content of the next other sub-channel.

In the second case, the target sub-channel is highlighted in the first page after the sub-channel is expanded, and in response to determining that the horizontal sliding switching instruction is received in the horizontal control area of the first page after the sub-channel is expanded, the current display content of the target sub-channel is switched to the display content of other sub-channels, and meanwhile, the highlighting of the target sub-channel is cancelled in the first page and the highlighting of other sub-channels is performed.

As shown in fig. 2D, when a horizontal sliding switching instruction is received in an expanded state of each sub-channel of the main channel in the first page, the highlighted target sub-channel is converted into a non-highlighted state, the next switched sub-channel is highlighted (for example, highlighted, changed in color, strobed, and amplified), and the currently displayed content is switched to the displayed content of the next other sub-channel.

Step 205, in response to determining that the vertical switching instruction is received on the first page, switching the current display content of the target sub-channel to other display content of the target sub-channel.

Switching the currently displayed content of the target sub-channel to other displayed content of the target sub-channel in response to determining that a vertical switching instruction is received in a vertical direction of the currently displayed content of the first page.

In the above steps, a vertical switching instruction is formed when the user slides the screen up and down by hand, the current display content is switched to the previous display content in the target sub-channel by sliding up, and the next display content in the target sub-channel by sliding down.

Through the scheme, the user can simultaneously trigger the transverse switching and the longitudinal switching to further realize the cross switching (as shown in fig. 2D), so that the user experience is increased, the switching mode is more flexible and dynamic, and the user can operate the switch more conveniently.

It is not necessary for steps 204 and 205 to be subsequent to the above steps, and the execution of steps 204 and 205 may also be triggered during the execution of the above steps, which is not limited herein.

In some embodiments, the method further comprises:

step 206, the currently displayed content includes a topic tag, and in response to determining that the instruction that the topic tag is triggered is received, the topic content corresponding to the topic tag is displayed in the first page.

In some embodiments, in response to receiving a trigger instruction for the topic tag, target topic content corresponding to the topic tag is displayed in a full screen mode in the first page, wherein the target topic content is any one of a plurality of topic contents in the topic tag.

After the triggered topic tag is triggered, the topic content corresponding to the topic tag can be directly displayed after being triggered (as shown in fig. 2E), so that the steps of user operation can be saved.

In some embodiments, step 206 may also list all the topic contents, and after the user selects the topic contents, the selected topic contents are displayed, so that the user can conveniently select according to his or her own interests. The specific process is as follows:

step 2061, canceling the display of the main channel in the first page, determining at least one topic content corresponding to the topic tag, and displaying all or part of the at least one topic content in the first page.

Step 2062, receiving a topic content selection instruction, and displaying the selected topic content in the first page.

Fig. 2F shows an expanded schematic diagram of the topic tag of the embodiment of the present application.

As shown in the first diagram of fig. 2F, the currently displayed content includes a correspondingly displayed screen, a title and an author of the screen, and a corresponding topic tag (as shown in the first diagram of fig. 2F, the corresponding topic tag is "# XXX"). The user can click the topic tag, and at least one topic content corresponding to the topic tag is called from the server.

As shown in the second diagram of fig. 2F, a sub-line display page is formed on one side of the currently displayed content, and the at least one topic content is displayed in a sub-line manner in the sub-line display page according to the comprehensive ordering order.

Wherein each line shown in the lines corresponds to one topic content. The line-by-line presentation page is preferably presented to the right of the currently displayed content.

As shown in the third diagram of fig. 2F, the topic content selection instruction is received, and the selected topic content is displayed.

The user drags the branch display page of the topic content by hand to perform sliding display, the user can search the content which is interested by the user from the branch display page, and click the interested topic content, so that a topic content selection instruction can be formed. And then the video, audio or pictures related to the topic content are called for showing.

In some embodiments, each row shown in the sub-row comprises at least one of: the topic content display method comprises the following steps of image of the topic content, playing time of the topic content displayed in the image, title of the topic content and a publishing author of the topic content.

And the top of all the topic contents shows the topic label, the playing amount corresponding to the topic label and the collection key, and a user can trigger the corresponding collection key to collect the topic label.

Through the scheme, the user can unfold each topic content under the topic label of the currently displayed content according to the needs of the user, and displays each topic content in a row, so that the user can know various related information of the topic content in the row where the corresponding topic content is located without clicking the topic content, the user can conveniently check the information, the arrangement of displaying each topic content in a row is clearer, the visual confusion feeling is not generated, and the user experience is improved.

It is not necessary for the step 206 to be a subsequent step to the above step, and the execution of the step 206 may also be triggered during the execution of the above step, which is not specifically limited herein.

In some embodiments, the method further comprises:

step 207, receiving a background color adjusting instruction containing a target background color, and adjusting the background color of the line display page to the target background color. Or

Step 208, receiving a transparency adjustment instruction including a target transparency, and adjusting the background transparency of the line display page to the target transparency.

In the above steps, the user can also set or change the background color or the transparency of the background of the line display page according to the needs of the user. For the background color, the user may select from a plurality of alternative background colors, or may adjust the corresponding proportion according to three basic colors (red, green, and blue) to realize color adjustment, and the background color may also be a picture, an image, or the like. For the transparency of the background, several alternative transparencies (e.g., 0%, 20%, 40%, 80%) can be preset, and the user can select from them, or the transparency ratio can be set by the user, and the corresponding transparency ratio (e.g., 23.5%) can be manually input, so as to meet various requirements of various users.

Through the scheme, the user can correspondingly adjust the background color and the transparency of the background, the experience of the user is improved, and the diversified requirements of the user are further met.

It is not necessary for steps 207 and 208 to be subsequent to the above steps, and the execution of steps 207 and 208 may also be triggered during the execution of the above steps, which is not limited herein.

In some embodiments, the method further comprises:

step 209 receives a display instruction for the second page.

In this step, the bottom of the first page contains various page titles (e.g., the first page (the first page where the currently displayed content is), friends, attention, and me), and the user may trigger other page titles (e.g., me) than the first page, and a second page open instruction is formed.

In addition, the user may also trigger a corresponding second page open instruction in the setting of the corresponding application, for example, triggering an option "me" in the setting.

Step 210, performing a horizontal screen display on the content of the second page, wherein the horizontal screen includes: the main interface is used for displaying at least one characteristic item corresponding to the second page, and the auxiliary interface is used for displaying expansion data corresponding to any one characteristic item.

And step 211, performing fixed-width display on the main interface in the transverse screen, and performing width adjustment on the auxiliary interface according to the size of the transverse screen.

And displaying at least one characteristic item corresponding to the target second page in the main interface, and displaying specific expansion data of a target characteristic item selected by a user from the at least one characteristic item in the secondary view.

For example, as shown in fig. 2G, when receiving an open command of the "i'm" second page, various feature items of the user's individual are called, including: history, my collection, nickname, number of fans, number of concerns, my cache, settings, etc. And displaying the characteristic items on the main interface. If the user triggers the My favorites, the My favorites is taken as a target feature item, and specific expansion data (such as the favorites records 1 to 4 in FIG. 2G) under the My favorites is displayed in the sub-interface.

The corresponding second page is opened in a horizontal screen mode, so that a user does not need to frequently switch the horizontal screen and the vertical screen, and the user can use the page conveniently.

In specific implementation, the display width ratio of the corresponding main interface and the sub interface in the related art is generally a default ratio (e.g., 3: 4). The embodiment shows the main interface with a fixed width, and because the size and the size of the display screen of each terminal device are different, the width of the auxiliary interface can be correspondingly adapted according to the sizes of the display screens of various terminal devices, so that the main interface and the auxiliary interface can be fully paved on the whole display screen.

In some embodiments, the user may also adjust the width dimensions of the primary and secondary interfaces if desired. And a size modification control is arranged in the second page, a size modification instruction of the main interface and/or the auxiliary interface is received through the size modification control, and the size of the main interface and/or the auxiliary interface is adjusted according to the size modification instruction.

In specific implementation, a user can set or adjust the size of the main interface and/or the auxiliary interface by gesture operation and/or triggering the corresponding size setting key. For example, the user triggers a size setting key in the second page to enable the frames of the main interface and the sub interface to be in an editable state, and the user can touch the frames of the main interface or the sub interface with hands and drag the frames, so that the display size of the main interface or the sub interface can be changed.

Through the scheme, the user can adjust the size of the main interface and/or the auxiliary interface in the second page according to the actual requirement of the user, so that the display size of the main interface and/or the auxiliary interface meets the visual requirement of the user, and the user experience is improved.

Through the scheme of the embodiment, the target sub-channel and the main channel of the current display content are displayed in the first page, other main channels except the main channel can be displayed, a user can switch among the main channels according to own requirements, and the sub-channel of the current display main channel can be expanded and folded according to requirements. By the scheme, a user can switch among the main channels and can also expand a plurality of sub-channels corresponding to the main channels interested by the user, so that the content can be switched among the sub-channels and in the sub-channels, the user can use the system conveniently, and the diversified requirements of the user can be met.

It should be noted that the method of the embodiment of the present application may be executed by a single device, such as a computer or a server. The method of the embodiment can also be applied to a distributed scene and completed by the mutual cooperation of a plurality of devices. In such a distributed scenario, one of the multiple devices may only perform one or more steps of the method of the embodiment, and the multiple devices interact with each other to complete the method.

It should be noted that the above describes some embodiments of the present application. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments described above and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.

Based on the same inventive concept, corresponding to the page display method of any of the above embodiments, the present application further provides a page display apparatus, where the storage device is disposed on the electronic device, and the electronic device is provided with a storage entry matched with a relational database in the storage device.

Referring to fig. 3, the page display apparatus includes:

a display module 31, configured to display a first page, where the first page includes: the method comprises the steps that currently displayed content, a target sub-channel to which the currently displayed content belongs and a main channel to which the target sub-channel belongs are obtained;

and a sub-channel expansion module 32, configured to, in response to receiving a sub-channel expansion instruction, display a plurality of sub-channels corresponding to the main channel on the first page, where the target sub-channel belongs to any one of the plurality of sub-channels.

In some embodiments, subchannel expansion module 32 is further configured to:

In some embodiments, the apparatus further comprises:

and the sub-channel packing module is used for packing a plurality of sub-channels corresponding to the main channel in the first page in response to receiving a sub-channel packing instruction.

In some embodiments, the sub-channel collapsing module is further configured to:

In some embodiments, subchannel expansion module 32 is further configured to: and displaying the target sub-channel attached to the main channel side in the first page.

In some embodiments, subchannel expansion module 32 is further configured to:

canceling the display of the main channel in the first page in response to receiving a sub-channel expansion instruction.

In some embodiments, the display module 31 is configured to display a first page on which the currently displayed content is displayed in full screen;

the sub-channel expansion module 32 is further configured to:

and responding to the received sub-channel expansion instruction, and displaying the current display content in the first partial area of the first page.

In some embodiments, subchannel expansion module 32 is further configured to:

In some embodiments, the apparatus further comprises:

the transverse switching module is used for responding to a received transverse sliding switching instruction aiming at the first page and switching the current display content of the target sub-channel to the display content of other sub-channels;

and the longitudinal switching module is used for switching the current display content of the target sub-channel to other display contents of the target sub-channel in response to receiving a longitudinal sliding switching instruction aiming at the first page.

In some embodiments, the lateral switching module is further configured to:

or highlighting the target sub-channel in the first page after the sub-channel is expanded, responding to a received transverse sliding switching instruction aiming at the first page after the sub-channel is expanded, switching the current display content of the target sub-channel to the display content of other sub-channels, and simultaneously canceling the highlighting of the target sub-channel and highlighting other sub-channels in the first page.

In some embodiments, the lateral control region comprises: two lateral sides of the first page;

the lateral switching module is further configured to: in response to determining that a horizontal slide switch instruction is received at any one horizontal side of the first page, switching the currently displayed content of the target sub-channel to the displayed content of the other sub-channels.

In some embodiments, the currently displayed content includes a hashtag, the apparatus further comprising:

and the topic unfolding module is used for responding to a trigger instruction aiming at the topic tag and displaying a target topic content corresponding to the topic tag in a full screen mode in the first page, wherein the target topic content is any one of a plurality of topic contents in the topic tag.

In some embodiments, the topic expansion module is further to:

and canceling the display of the main channel in the first page, and displaying the topic content corresponding to the topic label in the first page.

In some embodiments, the topic expansion module is further to:

canceling the main channel from being displayed in the first page, determining at least one topic content corresponding to the topic tag, and displaying all or part of the at least one topic content in the first page; receiving a topic content selection instruction, and displaying the selected topic content in the first page.

In some embodiments, the apparatus further comprises:

the second page display module is used for receiving a display instruction aiming at a second page; and displaying the content of the second page on a horizontal screen, wherein the horizontal screen comprises: the main interface is used for displaying at least one characteristic item corresponding to the second page, and the auxiliary interface is used for displaying expansion data corresponding to any one characteristic item; and displaying the main interface in the transverse screen in a fixed width mode, and adjusting the width of the auxiliary interface according to the size of the transverse screen.

In some embodiments, a size modification control is provided in the second page, the apparatus further comprising:

and the size modification module is used for receiving a size modification instruction of the main interface and/or the auxiliary interface through the size modification control and carrying out size adjustment on the main interface and/or the auxiliary interface according to the size modification instruction.

For convenience of description, the above devices are described as being divided into various modules by functions, and are described separately. Of course, the functionality of the various modules may be implemented in the same one or more software and/or hardware implementations as the present application.

The apparatus of the foregoing embodiment is used to implement the corresponding method in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiment, which are not described herein again.

Based on the same inventive concept, corresponding to any of the above-mentioned embodiments, the present application further provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and running on the processor, and when the processor executes the program, the method according to any of the above embodiments is implemented.

Fig. 4 is a schematic diagram illustrating a more specific hardware structure of an electronic device according to this embodiment, where the electronic device may include: a processor 410, a memory 420, an input/output interface 430, a communication interface 440, and a bus 450. Wherein the processor 410, memory 420, input/output interface 430, and communication interface 440 are communicatively coupled to each other within the device via a bus 450.

The processor 410 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an Application Specific Integrated Circuit (ASIC), or one or more Integrated circuits, and is configured to execute related programs to implement the technical solutions provided in the embodiments of the present specification.

The Memory 420 may be implemented in the form of a ROM (Read Only Memory), a RAM (Random Access Memory), a static storage device, a dynamic storage device, or the like. The memory 420 may store an operating system and other application programs, and when the technical solution provided by the embodiments of the present specification is implemented by software or firmware, the relevant program codes are stored in the memory 420 and called to be executed by the processor 410.

The input/output interface 430 is used for connecting an input/output module to realize information input and output. The i/o module may be configured as a component in a device (not shown) or may be external to the device to provide a corresponding function. Wherein the input devices may include a keyboard, mouse, touch screen, microphone, various sensors, etc., and the output devices may include a display, speaker, vibrator, indicator light, etc.

The communication interface 440 is used for connecting a communication module (not shown in the figure) to realize communication interaction between the device and other devices. The communication module can realize communication in a wired mode (such as USB, network cable and the like) and also can realize communication in a wireless mode (such as mobile network, WIFI, Bluetooth and the like).

Bus 450 includes a pathway to transfer information between various components of the device, such as processor 410, memory 420, input/output interface 430, and communication interface 440.

It should be noted that although the above-mentioned device only shows the processor 410, the memory 420, the input/output interface 430, the communication interface 440 and the bus 450, in a specific implementation, the device may also include other components necessary for normal operation. In addition, those skilled in the art will appreciate that the above-described apparatus may also include only those components necessary to implement the embodiments of the present description, and not necessarily all of the components shown in the figures.

The electronic device of the above embodiment is used to implement the corresponding page display method in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiment, which are not described herein again.

Based on the same inventive concept, corresponding to any of the above-described embodiment methods, the present application also provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the method according to any of the above-described embodiments.

Computer-readable media of the present embodiments, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device.

The computer instructions stored in the storage medium of the above embodiment are used to enable the computer to execute the method according to any of the above embodiments, and have the beneficial effects of the corresponding method embodiment, and are not described herein again.

Based on the same inventive concept, the present disclosure also provides a computer program product, corresponding to any of the above-described embodiment methods, comprising a computer program. In some embodiments, the computer program is executable by one or more processors to cause the processors to perform the method. Corresponding to the execution subject corresponding to each step in the embodiments of the method, the processor executing the corresponding step may be the corresponding execution subject.

The computer program product of the foregoing embodiment is used to enable a processor to execute the method according to any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiment, which are not described herein again.

Those of ordinary skill in the art will understand that: the discussion of any embodiment above is meant to be exemplary only, and is not intended to intimate that the scope of the disclosure, including the claims, is limited to these examples; within the context of the present application, technical features in the above embodiments or in different embodiments may also be combined, steps may be implemented in any order, and there are many other variations of the different aspects of the embodiments of the present application described above, which are not provided in detail for the sake of brevity.

In addition, well-known power/ground connections to Integrated Circuit (IC) chips and other components may or may not be shown in the provided figures for simplicity of illustration and discussion, and so as not to obscure the embodiments of the application. Furthermore, devices may be shown in block diagram form in order to avoid obscuring embodiments of the application, and this also takes into account the fact that specifics with respect to implementation of such block diagram devices are highly dependent upon the platform within which the embodiments of the application are to be implemented (i.e., specifics should be well within purview of one skilled in the art). Where specific details (e.g., circuits) are set forth in order to describe example embodiments of the application, it should be apparent to one skilled in the art that the embodiments of the application can be practiced without, or with variation of, these specific details. Accordingly, the description is to be regarded as illustrative instead of restrictive.

While the present application has been described in conjunction with specific embodiments thereof, many alternatives, modifications, and variations of these embodiments will be apparent to those of ordinary skill in the art in light of the foregoing description. For example, other memory architectures (e.g., dynamic ram (dram)) may use the discussed embodiments.

The present embodiments are intended to embrace all such alternatives, modifications and variances which fall within the broad scope of the appended claims. Therefore, any omissions, modifications, substitutions, improvements, and the like that may be made without departing from the spirit and principles of the embodiments of the present application are intended to be included within the scope of the present application.

Claims

1. A page display method, comprising:

2. The method of claim 1, wherein displaying a plurality of sub-channels corresponding to the main channel on the first page in response to receiving a sub-channel expansion instruction comprises:

and responding to the received sub-channel expansion instruction, zooming and displaying the current display content on the first page, and displaying a plurality of sub-channels corresponding to the main channel outside the area corresponding to the current display content.

3. The method of claim 1, further comprising:

4. The method of claim 1, wherein after collapsing the plurality of sub-channels corresponding to the main channel in the first page, comprising:

5. The method of claim 1, further comprising: canceling the display of the main channel in the first page in response to receiving a sub-channel expansion instruction.

6. The method of claim 1, wherein displaying the first page comprises: displaying a first page, and displaying the current display content on the first page in a full screen manner;

7. The method of claim 6, wherein displaying the currently displayed content in the first portion area of the first page in response to receiving a sub-channel expansion instruction comprises:

8. The method of claim 1, further comprising:

and switching the current display content of the target sub-channel to other display content of the target sub-channel in response to receiving a vertical sliding switching instruction aiming at the first page.

9. The method of claim 8, wherein switching the currently displayed content of the target sub-channel to the displayed content of the other sub-channels in response to receiving the slide-to-slide switching instruction for the first page comprises:

alternatively, the first and second electrodes may be,

highlighting a target sub-channel in the first page after the sub-channel is expanded, responding to a received transverse sliding switching instruction aiming at the first page after the sub-channel is expanded, switching the current display content of the target sub-channel to the display content of other sub-channels, and simultaneously canceling the highlighting of the target sub-channel and highlighting other sub-channels in the first page.

10. The method of claim 1, further comprising:

11. The method of claim 1, further comprising:

receiving a display instruction aiming at a second page;

12. The method of claim 11, wherein a size modification control is provided in the second page, the method further comprising:

13. A page display apparatus, comprising:

the display module is used for displaying a first page, wherein the first page comprises: the method comprises the steps that currently displayed content, a target sub-channel to which the currently displayed content belongs and a main channel to which the target sub-channel belongs are obtained;

14. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1 to 12 when executing the program.

15. A non-transitory computer readable storage medium storing computer instructions for causing a computer to perform the method of any one of claims 1 to 12.

16. A computer program product comprising computer program instructions to cause a computer to perform the method of any one of claims 1 to 12 when the computer program instructions are run on a computer.