Page display method, electronic device and storage medium

Abstract

The present invention relates to a page display method, an electronic device and a storage medium. The page display method includes: displaying detail pages of at least two books, one detail page for each book; receiving a trigger operation of a user on the detail page, the trigger operation includes a horizontal sliding operation; and displaying the detail pages of at least two books in a linked manner based on the area where the horizontal sliding operation is located. After receiving a trigger operation of a user on the detail pages of multiple books, the present invention can display the detail pages of multiple books in an associated sliding manner according to the specific area where the trigger operation is located, thereby improving the accuracy of responding to the sliding operation during page display, and increasing the amount of information, so that the page display effect is better, thereby improving the user experience effect.

Description

Technical Field

[0001] The present disclosure relates to the technical field of electronic devices, and in particular to a page display method, an electronic device, and a storage medium. Background Art

[0002] With the rapid development of smart electronic devices and Internet technology, reading e-books through reading applications is becoming more and more common.

[0003] Currently, when a user searches for an e-book of interest from multiple e-books in a reading application, he or she can generally get a preliminary understanding of the relevant content of the book by browsing the book's detail page, and then decide whether to read the book. Since the book's detail page usually displays a lot of content, when the user wants to know more content, he or she needs to slide to display more content. However, in the related art, the display effect when the user slides the page is poor, the interactivity is not strong, and the amount of information obtained is low, which leads to a poor user experience. Summary of the invention

[0004] In order to solve at least one of the above technical problems, the present disclosure provides a page display method, an electronic device and a storage medium.

[0005] In a first aspect, an embodiment of the present disclosure provides a page display method, characterized by comprising:

[0006] Display at least two book detail pages, one for each book;

[0007] receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation;

[0008] Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner.

[0009] In a second aspect, an embodiment of the present disclosure provides an electronic device, including:

[0010] processor;

[0011] A memory for storing executable instructions;

[0012] The processor is used to read the executable instructions from the memory and execute the executable instructions to perform the following operations:

[0013] Display at least two book detail pages, one for each book;

[0014] receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation;

[0015] Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner.

[0016] In a third aspect, an embodiment of the present disclosure provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the processor implements the page display method of the first aspect.

[0017] One of the above technical solutions has the following advantages or beneficial effects:

[0018] According to the page display method, electronic device and storage medium of the embodiment of the present disclosure, it is possible to display the detail pages of at least two books, one detail page for each book; receive a trigger operation of the user on the detail page, the trigger operation includes a horizontal sliding operation; based on the area where the horizontal sliding operation is located, the detail pages of at least two books are linked and displayed. After receiving the trigger operation of the user on the detail pages of multiple books, the embodiment of the present disclosure can display the detail pages of multiple books by sliding in association according to the specific area where the trigger operation is located, thereby improving the accuracy of responding to the sliding operation when displaying the page, and increasing the amount of information, so that the page display effect is better, thereby improving the user experience effect. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 A flowchart of a page display method provided by an embodiment of the present disclosure;

[0021] Figure 2 A schematic diagram of a display interface provided by an embodiment of the present disclosure;

[0022] Figure 3 A schematic diagram of another display interface provided by an embodiment of the present disclosure;

[0023] Figure 4 A schematic diagram of the architecture of a view layer provided in an embodiment of the present disclosure;

[0024] Figure 5 A flowchart of another page display method provided by an embodiment of the present disclosure;

[0025] Figure 6 A schematic diagram of another display interface provided by an embodiment of the present disclosure;

[0026] Figure 7A schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0027] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0028] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0029] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0030] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0031] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0032] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0033] In order to solve the problem of low accuracy in responding to sliding operations when displaying a page, an embodiment of the present disclosure provides a page display method, which is introduced below in conjunction with a specific embodiment.

[0034] Figure 1 The present invention provides a flow chart of a page display method provided in an embodiment of the present invention. The method can be executed by a page display device, wherein the device can be implemented by software and / or hardware and can generally be integrated in an electronic device. Figure 1As shown, the method includes:

[0035] Step 101: Display detail pages of at least two books, one detail page for each book.

[0036] Among them, the details page can be a page for displaying relevant summary information of a book, and the information corresponding to a book is displayed in a details page in the embodiment of the present disclosure. In addition, the details page may include a cover display area and an information display area, and the information display area includes at least two sub-areas. The cover display area can be an area for displaying a cover image of a book, and the information display area can be an area for displaying other relevant information of the book. Multiple sub-areas can be set in the information display area, each of which is used to display different types of information. For example, the name, introduction, chapters, tags, and evaluation of the book can be displayed in each sub-area.

[0037] In an embodiment of the present disclosure, displaying detail pages of at least two books may include: displaying a current detail page of a current book and a partial area of ​​a cover display area of ​​a target book on a display interface, where the target book is the previous book and / or next book of the current book.

[0038] The display interface can be a user interface in the client for displaying the content of the application. The current details page can be the details page currently browsed by the user, displaying relevant information of the current book. After receiving the user's details display trigger operation, the client can display the current details page of the current book corresponding to the details display trigger operation on the display interface, as well as part of the cover display area of ​​the previous book and / or next book of the current book, that is, when displaying the current details page, part of the cover image of the previous book and / or next book can also be displayed to allow the user to browse more content. The above-mentioned details display trigger operation can be a gesture trigger operation, voice control operation, etc. on the current book in the book list page, without limitation.

[0039] For example, Figure 2 A schematic diagram of a display interface provided by an embodiment of the present disclosure, such as Figure 2 As shown, the figure shows a schematic diagram of a display interface 200, which shows the current details page of book A, partial areas of the cover display areas of the previous book and the next book. The current details page includes a cover display area 201 and an information display area 202 of book A. The cover display area 201 displays the cover image of book A, and the information display area 202 displays the name, chapters, tags, comments, previews and recommendations of book A. A partial cover display area 203 of the previous book is displayed on the left side of the cover display area 201, and a partial cover display area 204 of the next book is displayed on the right side of the cover display area 201.

[0040] Step 102: Receive a trigger operation of the user on the detail page, where the trigger operation includes a horizontal sliding operation.

[0041] The trigger operation may include a gesture control operation (e.g., click, long press, double click, etc.) of the user on the detail page, a voice control operation, or an expression control operation, etc. In the embodiment of the present disclosure, a gesture control operation is taken as an example. The trigger operation may include a horizontal sliding operation, which may be a sliding operation in the horizontal direction, including sliding to the left and sliding to the right.

[0042] Specifically, after displaying at least two book detail pages, the client may detect a trigger operation of the user and receive a horizontal sliding operation of the user on the current detail page of the current book.

[0043] Step 103: Based on the area where the horizontal sliding operation is performed, detail pages of at least two books are displayed in a linked manner.

[0044] Since the detail page can be divided into different areas, the area where the horizontal sliding operation is located can be understood as its specific triggering area.

[0045] In an embodiment of the present disclosure, based on the area where the horizontal sliding operation is located, the details page of at least one book is displayed in a linked manner, which may include: when the area where the horizontal sliding operation is located is the cover display area or the first sub-area in the information display area, the current details page is slid in the horizontal direction to switch to the next details page for display, and the current details page and the next details page correspond to different books.

[0046] Among them, the first sub-area may be a sub-area in the information display area that does not support horizontal scrolling, that is, it cannot respond to horizontal scrolling operations. Specifically, after receiving the user's horizontal sliding operation, the client can determine the triggering area of ​​the horizontal sliding operation in the current details page. When the area is the cover display area or the first sub-area in the information display area, the entire details page can be slid in the horizontal direction to switch, that is, the current details page is slid to switch to the next details page for display. The specific next details page corresponds to the sliding direction of the horizontal sliding operation. When the horizontal sliding operation is to slide to the left, the next details page is the details page of the previous book of the current book. When the horizontal sliding operation is to slide to the right, the next details page is the details page of the next book of the current book.

[0047] In a feasible implementation, sliding and switching the details page of the current book to the details page of the next book for display in the horizontal direction may include: determining a first real-time sliding distance of the first area triggered by the horizontal sliding operation; determining a second real-time sliding distance of the second area based on the real-time proportion of the first real-time sliding distance to the width of the first area and the width of the second area; sliding and switching the first area of ​​the current details page or an associated area of ​​the first area to the first area of ​​the next details page or an associated area of ​​the first area in the horizontal direction based on the first real-time sliding distance, and at the same time sliding and switching the second area of ​​the current details page to the second area of ​​the next details page based on the second real-time sliding distance.

[0048] The first area is a cover display area, and the second area is an information display area; or the first area is a first sub-area, the second area is a cover display area, and an associated area of ​​the first area is an information display area. The real-time sliding distance may be a sliding distance in a horizontal direction of a horizontal sliding operation, the first real-time sliding distance is a real-time sliding distance of the first area, and the second real-time sliding distance is a real-time sliding distance of the second area.

[0049] Specifically, when the client slides the details page of the current book to switch to the details page of the next book for display in the horizontal direction, it can first determine the first real-time sliding distance of the first area where the horizontal sliding operation is located, and divide the first real-time sliding distance by the width of the first area to determine the real-time proportion, and calculate the product of the real-time proportion and the width of the second area to determine the second real-time sliding distance; when the first area is the cover display area and the second area is the information display area, the cover display area of ​​the current details page is slid and switched to the cover display area of ​​the next details page in the horizontal direction according to the first real-time sliding distance, and at the same time, the information display area of ​​the current details page is slid and switched to the information display area of ​​the next details page in the horizontal direction according to the second real-time sliding distance, or, when the first area is the first sub-area and the second area is the cover display area, the information display area of ​​the current details page is slid and switched to the information display area of ​​the next details page in the horizontal direction according to the first real-time sliding distance, and at the same time, the cover display area of ​​the current details page is slid and switched to the cover display area of ​​the next details page in the horizontal direction according to the second real-time sliding distance.

[0050] In the above scheme, by detecting the real-time sliding distance of the area triggered by the user and calculating the real-time proportion of the width, the cover display area and the information display area in the details page can be synchronously associated with the sliding switching.

[0051] In another feasible implementation, after determining the first real-time sliding distance of the first area triggered by the horizontal sliding operation, the page display method may further include: sliding and switching the first area of ​​the current details page or the associated area of ​​the first area to the first area of ​​the next details page or the associated area of ​​the first area based on the first real-time sliding distance; when it is determined that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation, sliding and switching the second area of ​​the current details page to the second area of ​​the next details page.

[0052] The preset distance can be set according to actual conditions. For example, the preset distance can be the width of the first area. When the first area is the cover display area, the preset distance can be the width of the cover display area. Specifically, when the client slides the details page of the current book to the details page of the next book for display in the horizontal direction, it can also slide and switch the first area or the associated area of ​​the first area according to the first real-time sliding distance, and then compare the first real-time sliding distance with the preset distance during the switching process to determine whether the first real-time distance reaches the preset distance; when it is determined that the first area meets the sliding condition based on the comparison result and the specific operation of the horizontal sliding operation, the second area of ​​the current details page can be slid and switched to the second area of ​​the next details page.

[0053] Optionally, determining that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation may include: if the horizontal sliding operation is a click slide that maintains contact with the screen until the first real-time sliding distance reaches the preset distance, or, the first real-time distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, then determining that the second area meets the sliding condition, wherein the preset distance is the width of the first area.

[0054] When the client determines whether the second area meets the sliding condition, if the horizontal sliding operation is a click sliding that maintains contact with the screen in a gesture control operation, that is, the user's finger does not leave the screen to slide until the first real-time sliding distance reaches the preset distance, then it is determined that the second area meets the sliding condition; or, if the horizontal sliding operation is an operation that contacts the screen in a gesture control operation, when the first real-time sliding distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, that is, the user's finger changes from contacting the screen to leaving the screen, then it can be determined that the second area meets the sliding condition.

[0055] In the above scheme, when sliding the current book's details page to the next book's details page in the horizontal direction, you can first slide and switch an area triggered by the user, and when this area slides to a certain extent, you can slide and switch another area, so that different areas can be linked and slid and switched.

[0056] See also Figure 2 ,The three gestures in the figure represent the user’s horizontal sliding operations, and the ,bidirectional arrow represents that the horizontal sliding operations include sliding to the left and sliding to the right.

[0057] For example, Figure 3 A schematic diagram of another display interface provided by an embodiment of the present disclosure, such as Figure 3 As shown in the figure, the display interface 300 is shown in the process of sliding horizontally to switch the detail page. The left arrow in the figure indicates that the user slides to the left. Figure 2 , Figure 2 The different areas of the details page of book A in the figure are synchronously associated and slid to the left side of the display interface, leaving only a part on the right side, while the different areas of the details page of book B on the right are synchronously associated and slid to the left side of the display interface, showing a part on the left side. Figure 3 The exemplary display details page shows a situation where different areas slide synchronously and associated with each other. There is also another situation where one area slides to a certain extent and then slides another area, which is not shown in the figure.

[0058] According to the page display method of the embodiment of the present disclosure, it is possible to display the detail pages of at least two books, one detail page for each book; receive a trigger operation of the user on the detail page, the trigger operation includes a horizontal sliding operation; based on the area where the horizontal sliding operation is located, the detail pages of at least two books are linked and displayed. After receiving the trigger operation of the user on the detail pages of multiple books, the embodiment of the present disclosure can display the detail pages of multiple books by sliding in association according to the specific area where the trigger operation is located, thereby improving the accuracy of responding to the sliding operation during page display, and increasing the amount of information, so that the page display effect is better, thereby improving the user experience effect.

[0059] In an embodiment of the present disclosure, the trigger operation may also include a horizontal scrolling operation. After receiving a user's trigger operation on the details page, the page display method may also include: when the area where the horizontal scrolling operation is located is the second sub-area in the information display area, the content in the second sub-area is scrolled in the horizontal direction.

[0060] The second sub-area is a sub-area of ​​the information display area that supports horizontal scrolling, and has the opposite property to the first sub-area, and can respond to horizontal scrolling operations. The horizontal scrolling operation can be a horizontal content scrolling operation implemented inside the detail page.

[0061] Specifically, when the triggering operation is a horizontal scrolling operation, and the triggering area of ​​the horizontal scrolling operation in the details page is the second sub-area in the information display area, the content in the second sub-area can be scrolled horizontally, specifically scrolling to the left or right. Figure 2 , assuming that the area where the horizontal scrolling operation is located is a sub-area of ​​comments in the information display area 202, and only one comment is displayed in the display interface. When the number of comments is large, the sub-area supports horizontal scrolling, and the current comment can be scrolled to the left to display the previous comment, or the current comment can be scrolled to the right to display the next comment.

[0062] In the above scheme, after displaying the detail pages of multiple books, the user's horizontal scrolling operation on some sub-areas that support horizontal scrolling can be received, and the content of the sub-area can be scrolled and displayed, so that the user can see more content in the sub-area, thereby improving the user experience.

[0063] In some embodiments, the trigger operation also includes a vertical scrolling operation. After receiving the user's trigger operation on the details page, the page display method may also include: scrolling the details page in the vertical direction based on the scrolling distance and direction of the vertical scrolling operation.

[0064] The vertical scrolling operation may be a scrolling operation in a vertical direction, and the specific direction may include scrolling up and scrolling down. The scrolling distance may be a real-time moving distance of the content in the detail page under the effect of the vertical scrolling operation.

[0065] In the disclosed embodiment, the details page is set through the first view layer, the cover display area and the information display area are set through the second view layer, the sub-area is set through the third view layer, the second view layer is nested in the first view layer, and the third view layer is nested in the second view layer.

[0066] Among them, the view layer is also called view. The view is a rectangular area, which is responsible for drawing and event processing in this area. The user interface can be set through the view for operating systems such as Android and IOS.

[0067] The first view layer can be the outermost view layer of the detail page, and the control range of the first view layer is the entire detail page. The second view layer can be a sub-view layer nested in the first view layer, and the cover display area and the information display area can be set in one second view layer, or the cover display area and the information display area can be set through two second view layers respectively. The third view layer can be nested in the second view layer corresponding to the information display area, corresponding to the sub-area in the information display area.

[0068] For example, Figure 4 A schematic diagram of the architecture of a view layer provided in an embodiment of the present disclosure is shown in FIG. Figure 4 As shown in the figure, the architecture of the view layer of a detail page is shown, the first view layer is the outermost layer, and supports vertical scrolling; the second view layer is nested in the first view layer, and the second view layer supports horizontal scrolling and vertical scrolling; the third view layer is nested in the second view layer in the information display area, corresponding to different sub-areas respectively. For example, in the figure, book information, tags, chapters and comments can be set as a type of third view layer, which does not support horizontal scrolling, while previews and recommendations can be set as a third view layer that supports horizontal scrolling, and previews and recommendations are also set by two independent sub-view layers of the third view layer that support vertical scrolling.

[0069] like Figure 4 In the view layer architecture, the technical implementation of the view layer is different in different operating systems. The embodiments of the present disclosure are explained using Android system and IOS system as examples.

[0070] When the operating system is Android, the outermost first view layer of the details page can be set through the frame layout (FrameLayout) in the Android system, and the main display area of ​​the details page is set through CoordinatorLayout. CoordinatorLayout is equivalent to an enhanced version of FrameLayout, which can control the interactive behavior of the subview layer. Two upper and lower second view layers can be nested in the first view layer. The upper second view layer corresponds to the toolbar and cover display area. The toolbar can be set through AppBarLayout. AppBarLayout is used to give the toolbar (Toolbar) scrolling behavior. The cover display area can be set through ViewPager2 that supports horizontal sliding. AppBarLayout can follow ViewPager2 to slide horizontally. The lower second view layer corresponds to the information display area, which can be set through another ViewPager2 that supports horizontal sliding. Fragment is set inside ViewPager2. NestedScrollView that supports vertical scrolling can be set inside Fragment, so that the information display area can scroll vertically. The third view layer is nested in the second view layer, corresponding to each sub-area in the information display area. For the third view layer that supports horizontal scrolling, you can use a custom RecyclerView to set it, and you can display more content in the sub-area, such as comments; for the third view layer that supports horizontal scrolling, you can use FrameLayout and ViewPager2 to set it, such as Figure 4The third view layer corresponds to the preview and recommendation in the , and two independent sub-view layers are set inside the third view layer. The sub-view layers can be set through the above-mentioned customized RecyclerView to support vertical scrolling.

[0071] When the operating system is IOS, the outermost first view layer of the details page can be set through the custom CoverPageView that supports vertical scrolling in the IOS system. The CoverPageView is based on the UIScrollView setting. Two upper and lower second view layers can be nested in the first view layer. The upper second view layer corresponds to the cover display area and can be set through the custom CoverView. CoverView includes UICollectionView and custom CoverFlowViewLayout, which supports horizontal sliding and can detect the sliding distance to prepare for the linkage with the second view layer below. The lower second view layer corresponds to the information display area and can be set through a custom PagingView that supports horizontal scrolling and a custom BookDetailView that supports vertical scrolling. PagingView can also include the above-mentioned UICollectionView, that is, the information display area has the same UI format as the cover display area, and BookDetailView can include IGList. The third view layer is nested in the second view layer. Corresponding to each sub-area in the information display area, the third view layer that does not include labels and their contents can be set up through a customized BookinfoView that supports horizontal scrolling. The third view layer that includes labels and their contents can be set up through a customized JX Segmented View that supports horizontal scrolling. In addition, two independent sub-view layers that support vertical scrolling are set inside the third view layer, and each sub-view layer supports vertical scrolling separately.

[0072] Based on the architecture of the view layer of the above-mentioned Android system or IOS system, when implementing the page display method of the embodiment of the present disclosure, the specific logic can be implemented by prohibiting an attribute of the view layer, setting the listening event of the view layer or the response order of the view layer.

[0073] For example, Figure 5 A flow chart of another page display method provided by an embodiment of the present disclosure is shown as follows: Figure 5 As shown, in a feasible implementation manner, scrolling and displaying the detail page in the vertical direction based on the scrolling distance of the vertical scrolling operation and the direction of the vertical scrolling operation may include the following steps:

[0074] Step 501: Determine the response order of the view layers according to the direction of the vertical scrolling operation.

[0075] The response order of the view layers can be understood as the order in which the above-mentioned multiple view layers respond to the vertical scrolling operation. When the directions of the vertical scrolling operation are different, the response order of the view layers is different.

[0076] In an embodiment of the present disclosure, a response order of the view layers is determined according to the direction of the vertical scrolling operation, including: when the direction of the vertical scrolling operation is scrolling upward, the response order of the view layers is from small to large, wherein the view layers are, in order from small to large: a first view layer, a second view layer, and a third view layer; when the direction of the vertical scrolling operation is scrolling downward, the response order of the view layers is from large to small.

[0077] Specifically, after receiving the vertical scrolling operation, the client can obtain the scrolling distance and determine the direction of the vertical scrolling operation. When the direction of the vertical scrolling operation is upward, the response order of the view layers can be from small to large, that is, the first view layer responds first, then the second view layer responds, and finally the third view layer responds; when the direction of the vertical scrolling operation is downward, the response order of the view layers is from large to small, and the view layers are in order from large to small: the third view layer, the second view layer, and the first view layer.

[0078] Step 502: According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers.

[0079] Among them, the maximum scrolling distance of the area corresponding to each view layer can be the maximum scrolling distance threshold pre-set for each area in the detail page that supports vertical scrolling, which can include the maximum scrolling distance of the detail page, the maximum scrolling distance of the cover display area, the maximum scrolling distance of the information display area, and the maximum scrolling distance of each sub-area in the information display area. Since the cover display area does not support vertical scrolling, the maximum scrolling distance of the cover display area is the same as the maximum scrolling distance of the detail page. The area corresponding to the third view layer is the sub-area that supports vertical scrolling in at least two sub-areas.

[0080] In an embodiment of the present disclosure, in accordance with the response order of the view layers, the area corresponding to each view layer is scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the area corresponding to each view layer, which may include: determining the target view layer as the responding view layer, scrolling and displaying the area corresponding to the responding view layer in the direction of the vertical scrolling operation, and judging whether the area corresponding to the responding view layer has reached its maximum scrolling distance, if not, continuing to scroll and display the area corresponding to the responding view layer; wherein the target view layer is the view layer that is ranked most forward in the response order of the view layers; if so, determining the view layer next to the target view layer as the responding view layer, and continuing to scroll and display the area corresponding to the responding view layer in the direction of the vertical scrolling operation until the view layer response ends.

[0081] The responding view layer can be understood as the view layer that is currently responding to the vertical scrolling operation and executing subsequent logic. The target view layer can be determined according to the response order of the current view layer, which can be the view layer with the highest order. When the response order of the current view layer is from small to large, the target view layer is the first view layer. When the response order of the current view layer is from large to small, the target view layer is the third view layer.

[0082] Specifically, when the client scrolls and displays the areas corresponding to each view layer in the direction of a vertical scrolling operation, the client can determine the target view layer as the responding view layer, vertically scroll the area corresponding to the responding view layer in the direction of the vertical scrolling operation, and determine whether the area corresponding to the responding view layer has reached the maximum scrolling distance. If not, continue to scroll the area corresponding to the responding view layer; if reached, the next view layer of the target view layer can be determined as the new responding view layer according to the response order of the view layers, vertically scroll and display the area corresponding to the new responding view layer, and continue to determine whether the maximum scrolling distance has been reached until the view layer responds and then stops scrolling.

[0083] Exemplarily, assuming that the direction of the vertical scrolling operation is upward scrolling, and the response order of the current view layer is from small to large, determine whether the details page corresponding to the first view layer has reached the maximum scrolling distance. If not, scroll the details page upward; if reached, it means that the information display area of ​​the second view layer has been scrolled up to a preset display position, such as scrolling to the top of the screen. The information display area of ​​the second view layer can be scrolled up to determine whether the information display area has reached the maximum scrolling distance, until the view layer responds to the end, that is, the area corresponding to the third view layer has also reached the maximum scrolling distance, then stop scrolling.

[0084] For another example: Assuming that the direction of the vertical scrolling operation is downward scrolling, and the response order of the current view layer is from large to small, determine whether the area corresponding to the third view layer has reached the maximum scrolling distance. If not, scroll the area corresponding to the third view layer downward; if reached, it means that the area corresponding to the third view layer can no longer be scrolled down. For example, the content of the area corresponding to the third view layer scrolls to display the first line of content, and the information display area of ​​the second view layer can be scrolled down to display. Determine whether the information display area has reached the maximum scrolling distance until the view layer responds. That is, the details page corresponding to the first view layer has also reached the maximum scrolling distance. The details page is displayed to the top area and can no longer be scrolled up, so stop scrolling.

[0085] For example, Figure 6 A schematic diagram of another display interface provided by an embodiment of the present disclosure, such as Figure 6 As shown in the figure, a display interface 600 after a vertical scrolling operation is shown, in which the gesture represents the vertical scrolling operation, and the upward arrow represents the upward scrolling. Figure 2 Compared with the details page in FIG. 1 , the cover display area 201, the partial cover display area 203 of the previous book, the partial cover display area 204 of the next book, and most of the information display area 202 in the details page have been scrolled up to leave the display interface, and the sub-area 205 in the information display area 202 has been scrolled to the top of the display interface, that is, it is displayed at the top. Figure 6 The sub-area 601 in the information display area 202 indicates that the maximum scroll distance has been reached, and then the content under the recommended tag in the sub-area 601 continues to scroll upward until the last content is scrolled to. Figure 6 The sub-region 601 in Figure 2 The sub-area 205 in the figure is the same sub-area, except that the sub-area 205 displays the content under the tag preview, while the sub-area 601 displays the content under the tag recommendation. When the user scrolls left in the sub-area 205 or clicks the recommended tag, the user can switch to the Figure 6 Sub-area 601 displays the content of the recommended tags.

[0086] In the above scheme, after displaying the detail pages of multiple books, the user's vertical scrolling operation can be received, and the detail pages and the internal areas that support vertical scrolling can be scrolled in the vertical direction in sequence according to the scrolling distance, direction, and response order of the view layer, thereby meeting the user's vertical scrolling display needs and avoiding the problem of conflicting responses between the two areas that may exist during vertical scrolling in related technologies, so that the content of each area can achieve the best display effect, thereby improving the user experience.

[0087] In some embodiments, the page display method may also include: receiving a user's horizontal scrolling operation on a target sub-area in the details page, the target sub-area including contents of at least two tags, wherein the contents of different tags have different lengths; and scrolling in the horizontal direction to display at least two tags and their contents in the target sub-area.

[0088] Optionally, at least two labels and their contents in the target sub-area are displayed by scrolling in the horizontal direction, including: based on the third view layer, the current label and its contents are switched in the horizontal direction to display the next label and its contents corresponding to the scrolling direction of the horizontal scrolling operation; wherein, when the operating system is the IOS system, the third view layer is set based on a pre-packaged segmented view control; when the operating system is the Android system, the third view layer is set based on the page switching view.

[0089] Optionally, in an IOS system, a key-value monitoring module may be used to detect the scrolling distance of a vertical scrolling operation.

[0090] Optionally, when the label area of ​​the target sub-area reaches a preset display position, the label area is prohibited from scrolling in a vertical direction, and the label area includes at least two labels.

[0091] Optionally, the page display method may further include: when the content of the current tab is scrolled up to the last content, switching the current detail page to a book display page of the target book for display.

[0092] Optionally, the page display method may further include: when the content of the current tag is preview content, highlighting the last content of the preview content in a preset manner in the book display page of the target book, the preset manner including at least one of bolding, highlighting and underlining.

[0093] Optionally, after continuing to scroll upward to display the contents of the current label in the target sub-area, the page display method may further include: receiving a secondary horizontal scrolling operation of the user on the target sub-area in the details page; switching the current label in the horizontal direction to the next label in the scrolling direction of the secondary horizontal scrolling operation, and at the same time switching the contents of the current label after scrolling to the contents of the next label in the scrolling direction of the secondary horizontal scrolling operation, wherein the length position of the contents of the current label after scrolling is different from that of the contents of the next label.

[0094] Optionally, the page display method may further include: receiving a user's trigger operation of switching a target tag in the target sub-area; and switching the current tag and its content to the target tag and its content for display.

[0095] Optionally, the target sub-area is set through a third view layer, the contents of different tags are set through different sub-view layers, and the sub-view layers are nested in the third view layer.

[0096] The disclosed embodiment also provides an electronic device, which may include a processor and a memory, wherein the memory may be used to store executable instructions. The processor may be used to read the executable instructions from the memory, and execute the executable instructions to perform the following operations: display detail pages of at least two books, each book corresponding to a detail page; receive a user's trigger operation on the detail page, wherein the trigger operation includes a horizontal sliding operation; and display the detail pages of the at least two books in a linked manner based on the area where the horizontal sliding operation is located.

[0097] Figure 7 The electronic device 700 in the embodiment of the present disclosure may be the electronic device described above. It should also be noted that: Figure 7 The electronic device 700 shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.

[0098] The electronic device 700 conventionally includes a processor 710 and a computer program product or computer-readable medium in the form of a memory 720. The memory 720 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read-only memory), an EPROM, a hard disk or a ROM. The memory 720 has a storage space 721 for executable instructions (or program codes) 7211 for executing any method steps in the above-mentioned page display method. For example, the storage space 721 for executable instructions may include individual executable instructions 7211 for respectively implementing various steps in the above-mentioned page display method. These executable instructions may be read from or written to one or more computer program products. These computer program products include program code carriers such as a hard disk, a compact disk (CD), a memory card or a floppy disk. Such a computer program product is typically a portable or fixed storage unit. The storage unit may have a storage device having a storage medium ... Figure 7 The memory 720 in the electronic device is similarly arranged as a storage segment or storage space. The executable instructions can be compressed, for example, in an appropriate form. Generally, the storage unit includes executable instructions for executing the steps of the page display method according to the present invention, that is, codes that can be read by a processor such as the processor 710, and when these codes are executed by the electronic device, the electronic device executes the various steps in the page display method described above.

[0099] An embodiment of the present invention further provides a computer-readable storage medium on which computer program instructions are stored. When the computer program instructions are executed by a processor, the processor executes the page display method provided by each embodiment of the present invention.

[0100] The computer readable storage medium can adopt any combination of one or more readable media. The readable medium can be a readable signal medium or a readable storage medium. The readable storage medium can include, for example, but is not limited to, a system, device or device of electricity, magnetism, light, electromagnetic, infrared, or semiconductor, or any combination of the above. More specific examples (non-exhaustive list) of readable storage media include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0101] The computer-readable medium may be included in the electronic device, or may exist independently without being installed in the electronic device.

[0102] In an embodiment of the present invention, computer program code for performing the operation of the present invention may be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on a user's computer, partially on a user's computer, as a separate software package, partially on a user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0103] The various component embodiments of the present invention may be implemented in hardware in all or part of the steps, or in software modules running on one or more processors, or in a combination thereof. It should be understood by those skilled in the art that a microprocessor or a 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 the page display device according to an embodiment of the present invention. The present invention may also be implemented as a device or apparatus program (e.g., a computer program and a computer program product) for executing part or all of the methods described herein. Such a program implementing the present invention may be stored on a computer-readable medium, 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 provided in any other form.

[0104] a1. According to one or more embodiments of the present disclosure, the present disclosure provides a page display method, including:

[0105] Display at least two book detail pages, one for each book;

[0106] receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation;

[0107] Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner.

[0108] a2. The method according to a1, wherein the details page includes a cover display area and an information display area, and the information display area includes at least two sub-areas.

[0109] a3. The method according to a2, wherein, based on the area where the horizontal sliding operation is performed, the detail page of the at least one book is displayed in a linked manner, comprising:

[0110] When the area where the horizontal sliding operation is performed is the cover display area or the first sub-area in the information display area, the current detail page is slid horizontally to switch to the next detail page for display, and the books corresponding to the current detail page and the next detail page are different.

[0111] a4. The method according to a3, wherein the first sub-area is a sub-area in the information display area that does not support horizontal scrolling.

[0112] a5. The method according to a3, wherein the step of sliding the current book details page horizontally to display the next book details page includes:

[0113] Determine a first real-time sliding distance of the horizontal sliding operation in a first triggered area;

[0114] determining a second real-time sliding distance of the second area according to a real-time proportion of the first real-time sliding distance to the width of the first area and the width of the second area;

[0115] In the horizontal direction, based on the first real-time sliding distance, the first area of ​​the current details page or the associated area of ​​the first area is slid and switched to the first area of ​​the next details page or the associated area of ​​the first area, and at the same time, based on the second real-time sliding distance, the second area of ​​the current details page is slid and switched to the second area of ​​the next details page.

[0116] a6. The method according to a5, wherein, after determining a first real-time sliding distance of the horizontal sliding operation in the triggered first area, the method further comprises:

[0117] Sliding and switching the first area of ​​the current detail page or the associated area of ​​the first area to the first area of ​​the next detail page or the associated area of ​​the first area based on the first real-time sliding distance;

[0118] When it is determined that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation, the second area of ​​the current detail page is slid and switched to the second area of ​​the next detail page.

[0119] a7. The method according to a6, wherein determining that the second area meets the sliding condition based on a comparison result between the first real-time sliding distance and a preset distance and a specific operation of the horizontal sliding operation includes:

[0120] If the horizontal sliding operation is a click sliding that maintains contact with the screen until the first real-time sliding distance reaches a preset distance, or the first real-time distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, it is determined that the second area meets the sliding condition, wherein the preset distance is the width of the first area.

[0121] a8. A method according to any one of a5-a7, wherein:

[0122] The first area is the cover display area, and the second area is the information display area;

[0123] Alternatively, the first area is the first sub-area, the second area is the cover display area, and the associated area of ​​the first area is the information display area.

[0124] a9. The method according to a2, wherein the trigger operation further includes a horizontal scrolling operation, and after receiving the user's trigger operation on the detail page, the method further includes:

[0125] When the area where the horizontal scrolling operation is performed is the second sub-area in the information display area, the content in the second sub-area is scrolled and displayed in the horizontal direction.

[0126] a10. The method according to a9, wherein the second sub-area is a sub-area of ​​the information display area that supports horizontal scrolling.

[0127] a11. The method according to a2, wherein the trigger operation further includes a vertical scrolling operation, and after receiving the user's trigger operation on the detail page, the method further includes:

[0128] The details page is displayed by scrolling in a vertical direction based on a scrolling distance of the vertical scrolling operation and a direction of the vertical scrolling operation.

[0129] a12. The method according to a11, wherein the details page is set through a first view layer, the cover display area and the information display area are set through a second view layer, the sub-area is set through a third view layer, the second view layer is nested in the first view layer, and the third view layer is nested in the second view layer.

[0130] a13. The method according to a12, wherein scrolling and displaying the details page in a vertical direction based on the scrolling distance of the vertical scrolling operation and the direction of the vertical scrolling operation comprises:

[0131] Determining a response order of the view layers according to the direction of the vertical scrolling operation;

[0132] According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers.

[0133] a14. The method according to a13, wherein determining the response order of the view layers according to the direction of the vertical scrolling operation comprises:

[0134] When the direction of the vertical scrolling operation is upward scrolling, the response order of the view layers is from small to large, wherein the view layers are in the order from small to large: a first view layer, a second view layer, and a third view layer;

[0135] When the direction of the vertical scrolling operation is downward scrolling, the response order of the view layers is from large to small.

[0136] a15. The method according to a13, wherein, in accordance with the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers, including:

[0137] Determine the target view layer as the response view layer, scroll and display the area corresponding to the response view layer in the direction of the vertical scrolling operation, and determine whether the area corresponding to the response view layer has reached its maximum scrolling distance, if not, continue to scroll and display the area corresponding to the response view layer; wherein the target view layer is the view layer that is ranked the front in the response order of the view layers;

[0138] If so, the next view layer of the target view layer is determined as the responding view layer, and the area corresponding to the responding view layer is continuously scrolled and displayed in the direction of the vertical scrolling operation until the view layer finishes responding.

[0139] a16. A method according to any one of a13-a15, wherein the area corresponding to the third viewing layer is a sub-area of ​​the at least two sub-areas that supports scrolling in a vertical direction.

[0140] a17. The method according to a2, wherein the displaying of detail pages of at least two books comprises:

[0141] The current details page of the current book and a partial area of ​​the cover display area of ​​the target book are displayed on the display interface, and the target book is the previous book and / or the next book of the current book.

[0142] a18. According to one or more embodiments of the present disclosure, the present disclosure provides an electronic device, comprising:

[0143] processor;

[0144] A memory for storing executable instructions;

[0145] The processor is used to read the executable instructions from the memory and execute the executable instructions to perform the following operations:

[0146] Display at least two book detail pages, one for each book;

[0147] receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation;

[0148] Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner.

[0149] a19. An electronic device according to a18, wherein the details page includes a cover display area and an information display area, and the information display area includes at least two sub-areas.

[0150] a20. The electronic device according to a19, wherein the executable instructions further cause the processor to perform the following operations:

[0151] The step of linking and displaying the detail page of the at least one book based on the area where the horizontal sliding operation is performed includes:

[0152] When the area where the horizontal sliding operation is performed is the cover display area or the first sub-area in the information display area, the current detail page is slid horizontally to switch to the next detail page for display, and the books corresponding to the current detail page and the next detail page are different.

[0153] a21. An electronic device according to a20, wherein the first sub-area is a sub-area in the information display area that does not support horizontal scrolling.

[0154] a22. The electronic device according to a20, wherein the executable instructions further cause the processor to perform the following operations:

[0155] The step of sliding the current book's details page horizontally to display the next book's details page includes:

[0156] Determine a first real-time sliding distance of the horizontal sliding operation in a first triggered area;

[0157] determining a second real-time sliding distance of the second area according to a real-time proportion of the first real-time sliding distance to the width of the first area and the width of the second area;

[0158] In the horizontal direction, based on the first real-time sliding distance, the first area of ​​the current details page or the associated area of ​​the first area is slid and switched to the first area of ​​the next details page or the associated area of ​​the first area, and at the same time, based on the second real-time sliding distance, the second area of ​​the current details page is slid and switched to the second area of ​​the next details page.

[0159] a23. The electronic device according to a22, wherein after determining a first real-time sliding distance of the horizontal sliding operation in the triggered first area, the executable instructions further cause the processor to perform the following operations:

[0160] Sliding and switching the first area of ​​the current detail page or the associated area of ​​the first area to the first area of ​​the next detail page or the associated area of ​​the first area based on the first real-time sliding distance;

[0161] When it is determined that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation, the second area of ​​the current detail page is slid and switched to the second area of ​​the next detail page.

[0162] a24. The electronic device according to a23, wherein the executable instructions further cause the processor to perform the following operations:

[0163] Wherein, determining that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation includes:

[0164] If the horizontal sliding operation is a click sliding that maintains contact with the screen until the first real-time sliding distance reaches a preset distance, or the first real-time distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, it is determined that the second area meets the sliding condition, wherein the preset distance is the width of the first area.

[0165] a25. An electronic device according to any one of a22-a24, wherein:

[0166] The first area is the cover display area, and the second area is the information display area;

[0167] Alternatively, the first area is the first sub-area, the second area is the cover display area, and the associated area of ​​the first area is the information display area.

[0168] a26. The electronic device according to a19, wherein the trigger operation further comprises a horizontal scrolling operation, and after receiving the user's trigger operation on the detail page, the executable instructions further cause the processor to perform the following operations:

[0169] When the area where the horizontal scrolling operation is performed is the second sub-area in the information display area, the content in the second sub-area is scrolled and displayed in the horizontal direction.

[0170] a27. An electronic device according to a26, wherein the second sub-area is a sub-area of ​​the information display area that supports horizontal scrolling.

[0171] a28. The electronic device according to a19, wherein the trigger operation further comprises a vertical scrolling operation, and after receiving the user's trigger operation on the detail page, the executable instructions further cause the processor to perform the following operations:

[0172] The details page is displayed by scrolling in a vertical direction based on a scrolling distance of the vertical scrolling operation and a direction of the vertical scrolling operation.

[0173] a29. An electronic device according to a28, wherein the details page is set through a first view layer, the cover display area and the information display area are set through a second view layer, the sub-area is set through a third view layer, the second view layer is nested in the first view layer, and the third view layer is nested in the second view layer.

[0174] a30. The electronic device according to a29, wherein the executable instructions further cause the processor to perform the following operations:

[0175] Wherein, scrolling and displaying the details page in a vertical direction based on the scrolling distance of the vertical scrolling operation and the direction of the vertical scrolling operation includes:

[0176] Determining a response order of the view layers according to the direction of the vertical scrolling operation;

[0177] According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers.

[0178] a31. The electronic device according to a30, wherein the executable instruction further causes the processor to perform the following operations:

[0179] Wherein, determining the response order of the view layers according to the direction of the vertical scrolling operation includes:

[0180] When the direction of the vertical scrolling operation is upward scrolling, the response order of the view layers is from small to large, wherein the view layers are in the order from small to large: a first view layer, a second view layer, and a third view layer;

[0181] When the direction of the vertical scrolling operation is downward scrolling, the response order of the view layers is from large to small.

[0182] a32. The electronic device according to a30, wherein the executable instructions further cause the processor to perform the following operations:

[0183] Wherein, according to the response order of the view layers, scrolling and displaying the area corresponding to each view layer in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the area corresponding to each view layer in turn, includes:

[0184] Determine the target view layer as the response view layer, scroll and display the area corresponding to the response view layer in the direction of the vertical scrolling operation, and determine whether the area corresponding to the response view layer has reached its maximum scrolling distance, if not, continue to scroll and display the area corresponding to the response view layer; wherein the target view layer is the view layer that is ranked the front in the response order of the view layers;

[0185] If so, the next view layer of the target view layer is determined as the responding view layer, and the area corresponding to the responding view layer is continuously scrolled and displayed in the direction of the vertical scrolling operation until the view layer finishes responding.

[0186] a33. An electronic device according to any one of a30-a32, wherein the area corresponding to the third viewing layer is a sub-area of ​​the at least two sub-areas that supports scrolling in a vertical direction.

[0187] a34. The electronic device according to a19, wherein the executable instructions further cause the processor to perform the following operations:

[0188] The display of at least two book detail pages includes:

[0189] The current details page of the current book and a partial area of ​​the cover display area of ​​the target book are displayed on the display interface, and the target book is the previous book and / or the next book of the current book.

[0190] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium, the storage medium stores a computer program, and the computer program is used to execute any page display method provided by the present disclosure.

[0191] The above description is only a preferred embodiment of the present invention and an explanation of the technical principles used. Those skilled in the art should understand that the disclosure scope involved in the present invention is not limited to the technical solution formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present invention (but not limited to) by each other.

[0192] In addition, although each operation is described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present invention. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0193] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page display method, characterized in that: include: Display at least two book detail pages, one for each book; receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation; Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner; Receive a horizontal scrolling operation of a target sub-area in the detail page by the user, where the target sub-area includes contents of at least two tags; The contents of different tags have different lengths; at least two tags and their contents in the target sub-area are scrolled and displayed in the horizontal direction; When the content of the current tab is preview content, the last content of the preview content is highlighted in a preset manner on the book display page of the target book, and the preset manner includes at least one of bolding, highlighting and underlining.

2. The method according to claim 1, characterized in that The details page includes a cover display area and an information display area, and the information display area includes at least two sub-areas.

3. The method according to claim 2, characterized in that Based on the area where the horizontal sliding operation is performed, the detail page of the at least one book is displayed in a linked manner, including: When the area where the horizontal sliding operation is performed is the cover display area or the first sub-area in the information display area, the current detail page is slid horizontally to switch to the next detail page for display, and the books corresponding to the current detail page and the next detail page are different.

4. The method according to claim 3, characterized in that: The first sub-area is a sub-area in the information display area that does not support horizontal scrolling.

5. The method according to claim 3, characterized in that: The step of sliding the current book details page horizontally to display the next book details page includes: Determine a first real-time sliding distance of the horizontal sliding operation in a first triggered area; determining a second real-time sliding distance of the second area according to a real-time proportion of the first real-time sliding distance to the width of the first area and the width of the second area; In the horizontal direction, based on the first real-time sliding distance, the first area of ​​the current details page or the associated area of ​​the first area is slid and switched to the first area of ​​the next details page or the associated area of ​​the first area, and at the same time, based on the second real-time sliding distance, the second area of ​​the current details page is slid and switched to the second area of ​​the next details page.

6. The method according to claim 5, characterized in that After determining a first real-time sliding distance of the horizontal sliding operation in the triggered first area, the method further includes: Sliding and switching the first area of ​​the current detail page or the associated area of ​​the first area to the first area of ​​the next detail page or the associated area of ​​the first area based on the first real-time sliding distance; When it is determined that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation, the second area of ​​the current detail page is slid and switched to the second area of ​​the next detail page.

7. The method according to claim 6, characterized in that Determining that the second area meets the sliding condition based on a comparison result of the first real-time sliding distance and a preset distance and a specific operation of the horizontal sliding operation includes: If the horizontal sliding operation is a click sliding that maintains contact with the screen until the first real-time sliding distance reaches a preset distance, or the first real-time distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, it is determined that the second area meets the sliding condition, wherein the preset distance is the width of the first area.

8. The method according to any one of claims 5 to 7, characterized in that: The first area is the cover display area, and the second area is the information display area; Alternatively, the first area is the first sub-area, the second area is the cover display area, and the associated area of ​​the first area is the information display area.

9. The method according to claim 2, characterized in that: The trigger operation also includes a horizontal scrolling operation. After receiving the user's trigger operation on the detail page, the method further includes: When the area where the horizontal scrolling operation is performed is the second sub-area in the information display area, the content in the second sub-area is scrolled and displayed in the horizontal direction.

10. The method according to claim 9, characterized in that The second sub-area is a sub-area of ​​the information display area that supports horizontal scrolling.

11. The method according to claim 2, characterized in that The trigger operation also includes a vertical scrolling operation. After receiving the user's trigger operation on the detail page, the method further includes: The details page is displayed by scrolling in a vertical direction based on a scrolling distance of the vertical scrolling operation and a direction of the vertical scrolling operation.

12. The method according to claim 11, characterized in that The details page is set through a first view layer, the cover display area and the information display area are set through a second view layer, the sub-area is set through a third view layer, the second view layer is nested in the first view layer, and the third view layer is nested in the second view layer.

13. The method according to claim 12, characterized in that Scrolling and displaying the details page in a vertical direction based on a scrolling distance of the vertical scrolling operation and a direction of the vertical scrolling operation includes: Determining a response order of the view layers according to the direction of the vertical scrolling operation; According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers.

14. The method according to claim 13, characterized in that Determining a response order of the view layers according to the direction of the vertical scrolling operation includes: When the direction of the vertical scrolling operation is upward scrolling, the response order of the view layers is from small to large, wherein the view layers are in the order from small to large: a first view layer, a second view layer, and a third view layer; When the direction of the vertical scrolling operation is downward scrolling, the response order of the view layers is from large to small.

15. The method according to claim 13, characterized in that According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers, including: Determine the target view layer as the response view layer, scroll and display the area corresponding to the response view layer in the direction of the vertical scrolling operation, and determine whether the area corresponding to the response view layer has reached its maximum scrolling distance, if not, continue to scroll and display the area corresponding to the response view layer; wherein the target view layer is the view layer that is ranked the front in the response order of the view layers; If so, the next view layer of the target view layer is determined as the responding view layer, and the area corresponding to the responding view layer is continuously scrolled and displayed in the direction of the vertical scrolling operation until the view layer finishes responding.

16. The method according to any one of claims 13 to 15, characterized in that: The area corresponding to the third viewing layer is a sub-area of ​​the at least two sub-areas that supports scrolling in the vertical direction.

17. The method according to claim 2, characterized in that The display of at least two book detail pages includes: The current details page of the current book and a partial area of ​​the cover display area of ​​the target book are displayed on the display interface, and the target book is the previous book and / or the next book of the current book.

18. An electronic device, characterized in that: include: processor; A memory for storing executable instructions; The processor is used to read the executable instructions from the memory and execute the executable instructions to perform the following operations: Display at least two book detail pages, one for each book; receiving a trigger operation of the user on the details page, wherein the trigger operation includes a horizontal sliding operation; Based on the area where the horizontal sliding operation is performed, the detail pages of the at least two books are displayed in a linked manner; Receive a horizontal scrolling operation of a target sub-area in the detail page by the user, where the target sub-area includes contents of at least two tags; The contents of different tags have different lengths; at least two tags and their contents in the target sub-area are scrolled and displayed in the horizontal direction; When the content of the current tab is preview content, the last content of the preview content is highlighted in a preset manner on the book display page of the target book, and the preset manner includes at least one of bolding, highlighting and underlining.

19. The electronic device according to claim 18, characterized in that: The details page includes a cover display area and an information display area, and the information display area includes at least two sub-areas.

20. The electronic device according to claim 19, characterized in that The executable instructions further cause the processor to perform the following operations: The step of linking and displaying the detail page of the at least one book based on the area where the horizontal sliding operation is performed includes: When the area where the horizontal sliding operation is performed is the cover display area or the first sub-area in the information display area, the current detail page is slid horizontally to switch to the next detail page for display, and the books corresponding to the current detail page and the next detail page are different.

21. The electronic device according to claim 20, characterized in that: The first sub-area is a sub-area in the information display area that does not support horizontal scrolling.

22. The electronic device according to claim 20, characterized in that: The executable instructions further cause the processor to perform the following operations: The step of sliding the current book's details page horizontally to display the next book's details page includes: Determine a first real-time sliding distance of the horizontal sliding operation in a first triggered area; determining a second real-time sliding distance of the second area according to a real-time proportion of the first real-time sliding distance to the width of the first area and the width of the second area; In the horizontal direction, based on the first real-time sliding distance, the first area of ​​the current details page or the associated area of ​​the first area is slid and switched to the first area of ​​the next details page or the associated area of ​​the first area, and at the same time, based on the second real-time sliding distance, the second area of ​​the current details page is slid and switched to the second area of ​​the next details page.

23. The electronic device according to claim 22, characterized in that: After determining a first real-time sliding distance of the horizontal sliding operation in the triggered first area, the executable instructions further cause the processor to perform the following operations: Sliding and switching the first area of ​​the current detail page or the associated area of ​​the first area to the first area of ​​the next detail page or the associated area of ​​the first area based on the first real-time sliding distance; When it is determined that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation, the second area of ​​the current detail page is slid and switched to the second area of ​​the next detail page.

24. The electronic device according to claim 23, characterized in that: The executable instructions further cause the processor to perform the following operations: Wherein, determining that the second area meets the sliding condition based on the comparison result of the first real-time sliding distance and the preset distance and the specific operation of the horizontal sliding operation includes: If the horizontal sliding operation is a click sliding that maintains contact with the screen until the first real-time sliding distance reaches a preset distance, or the first real-time distance reaches the preset distance and the horizontal sliding operation changes from contacting the screen to not contacting the screen, it is determined that the second area meets the sliding condition, wherein the preset distance is the width of the first area.

25. The electronic device according to any one of claims 22 to 24, characterized in that: The first area is the cover display area, and the second area is the information display area; Alternatively, the first area is the first sub-area, the second area is the cover display area, and the associated area of ​​the first area is the information display area.

26. The electronic device according to claim 19, characterized in that: The trigger operation also includes a horizontal scrolling operation. After receiving the user's trigger operation on the detail page, the executable instructions further cause the processor to perform the following operations: When the area where the horizontal scrolling operation is performed is the second sub-area in the information display area, the content in the second sub-area is scrolled and displayed in the horizontal direction.

27. The electronic device according to claim 26, characterized in that: The second sub-area is a sub-area of ​​the information display area that supports horizontal scrolling.

28. The electronic device according to claim 19, characterized in that: The trigger operation also includes a vertical scrolling operation. After receiving the user's trigger operation on the detail page, the executable instructions further cause the processor to perform the following operations: The details page is displayed by scrolling in a vertical direction based on a scrolling distance of the vertical scrolling operation and a direction of the vertical scrolling operation.

29. The electronic device according to claim 28, characterized in that: The details page is set through a first view layer, the cover display area and the information display area are set through a second view layer, the sub-area is set through a third view layer, the second view layer is nested in the first view layer, and the third view layer is nested in the second view layer.

30. The electronic device according to claim 29, characterized in that The executable instructions further cause the processor to perform the following operations: Wherein, scrolling and displaying the details page in a vertical direction based on the scrolling distance of the vertical scrolling operation and the direction of the vertical scrolling operation includes: Determining a response order of the view layers according to the direction of the vertical scrolling operation; According to the response order of the view layers, the areas corresponding to the view layers are scrolled and displayed in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the areas corresponding to the view layers.

31. The electronic device according to claim 30, characterized in that: The executable instructions further cause the processor to perform the following operations: Wherein, determining the response order of the view layers according to the direction of the vertical scrolling operation includes: When the direction of the vertical scrolling operation is upward scrolling, the response order of the view layers is from small to large, wherein the view layers are in the order from small to large: a first view layer, a second view layer, and a third view layer; When the direction of the vertical scrolling operation is downward scrolling, the response order of the view layers is from large to small.

32. The electronic device according to claim 30, characterized in that: The executable instructions further cause the processor to perform the following operations: Wherein, according to the response order of the view layers, scrolling and displaying the area corresponding to each view layer in the direction of the vertical scrolling operation according to the scrolling distance and the maximum scrolling distance of the area corresponding to each view layer in turn, includes: Determine the target view layer as the response view layer, scroll and display the area corresponding to the response view layer in the direction of the vertical scrolling operation, and determine whether the area corresponding to the response view layer has reached its maximum scrolling distance, if not, continue to scroll and display the area corresponding to the response view layer; wherein the target view layer is the view layer that is ranked the front in the response order of the view layers; If so, the next view layer of the target view layer is determined as the responding view layer, and the area corresponding to the responding view layer is continuously scrolled and displayed in the direction of the vertical scrolling operation until the view layer finishes responding.

33. The electronic device according to any one of claims 30 to 32, characterized in that: The area corresponding to the third viewing layer is a sub-area of ​​the at least two sub-areas that supports scrolling in the vertical direction.

34. The electronic device according to claim 19, characterized in that The executable instructions further cause the processor to perform the following operations: The display of at least two book detail pages includes: The current details page of the current book and a partial area of ​​the cover display area of ​​the target book are displayed on the display interface, and the target book is the previous book and / or the next book of the current book.

35. A computer-readable storage medium, characterized in that: The storage medium stores a computer program, and when the computer program is executed by the processor, the processor implements the page display method described in any one of claims 1 to 17.

Images