WO2023232051A1 - 页面信息和广告图片展示方法、装置、设备及存储介质 - Google Patents

页面信息和广告图片展示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2023232051A1
WO2023232051A1 PCT/CN2023/097302 CN2023097302W WO2023232051A1 WO 2023232051 A1 WO2023232051 A1 WO 2023232051A1 CN 2023097302 W CN2023097302 W CN 2023097302W WO 2023232051 A1 WO2023232051 A1 WO 2023232051A1
Authority
WO
WIPO (PCT)
Prior art keywords
sliding
size
list
size specification
page
Prior art date
Application number
PCT/CN2023/097302
Other languages
English (en)
French (fr)
Inventor
刘翀
李嘉
郑明峰
郭文鹏
陈立宝
王琦华
王长旭
Original Assignee
阿里巴巴(中国)有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 阿里巴巴(中国)有限公司 filed Critical 阿里巴巴(中国)有限公司
Publication of WO2023232051A1 publication Critical patent/WO2023232051A1/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241Advertisements
    • G06Q30/0277Online advertisement
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241Advertisements
    • G06Q30/0242Determining effectiveness of advertisements
    • G06Q30/0244Optimization

Definitions

  • This application relates to the field of Internet technology, and in particular to a method, device, equipment and storage medium for displaying page information and advertising pictures.
  • the Banner area supports switching of advertising content through carousel and manual horizontal sliding, or supports vertical sliding to enlarge the advertising images displayed in the Banner area.
  • the click-through rate in the Banner area is generally low.
  • Various aspects of this application provide a method, device, equipment and storage medium for displaying page information and advertising pictures to solve the problem of generally low click-through rate in the Banner area in the existing technology and increase the click-through rate of the Banner area. rate and user experience.
  • An embodiment of the present application provides a method for displaying page information, including: displaying a first page implemented based on a nested list, where a first list object for carrying the content of the first page is displayed on the first page, and the first page
  • the list object belongs to a sub-list in the nested list and has different size specifications in the first screen direction; in response to the first sliding operation in the first screen direction, the list object is slid along the first sliding direction to display page content in the sub-list, and dynamically changes the first list object from the current first size specification to the second size specification; wherein the first sliding direction is the first sliding operation in the first A sliding direction in the screen direction, the first list object displays different display states of the first page content under different size specifications.
  • Another embodiment of the present application also provides a method for displaying advertising images, including: displaying a first page based on a nested list, where an advertising space for carrying advertising images is displayed on the first page, and the advertising space belongs to the A sublist in the nested list, and the advertising space has a first size specification and a second size specification in the vertical direction; in response to a vertically upward sliding operation, if the sublist can continue in the vertically upward direction Slide, slide in the vertical upward direction to display the page content in the sub-list, and dynamically change the advertising space from the first size specification to the The second size specification; wherein the display status of the advertising image in the advertising space is different under different size specifications, and the first size specification is smaller than the second size specification.
  • Yet another embodiment of the present application further provides a page information display device, including: a first display module for displaying a first page based on a nested list, where a page for carrying the content of the first page is displayed on the first page.
  • a first list object which belongs to a sublist in the nested list and has different size specifications in the first screen direction; a second display module, used to respond to the first screen
  • the first sliding operation in the direction slides along the first sliding direction to display the page content in the sub-list, and dynamically changes the first list object from the current first size specification to the second size specification; wherein, the The first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the first list object displays different display states of the first page content under different size specifications.
  • Another embodiment of the present application also provides an advertising image display device, including: a first display module for displaying a first page based on a nested list, where an advertising space for carrying advertising images is displayed on the first page. , the advertising space belongs to a sub-list in the nested list, and the advertising space has a first size specification and a second size specification in the vertical direction; a second display module, configured to respond to a vertical upward sliding operation , if the sub-list can continue to slide in the vertical upward direction, slide in the vertical upward direction to display the page content in the sub-list, and dynamically change the advertising space from the first size specification to the desired size.
  • the second size specification wherein the display status of the advertising image in the advertising space is different under different size specifications, and the first size specification is smaller than the second size specification.
  • Another embodiment of the present application provides an electronic device, including: a memory and a processor; the memory is used to store a computer program, and the processor is coupled to the memory to execute the computer program to execute the steps in the above method. .
  • Another embodiment of the present application provides a computer-readable storage medium storing a computer program.
  • the processor can implement the steps in the above method.
  • a nested list is used to implement the page, and the first list object (such as an advertising space) used to carry the first page content (such as an advertising image) on the page is placed in a sub-list of the nested list for implementation. , and set the first list object to have different size specifications in the first screen direction, and combine the different size specifications with the sliding operation in the first screen direction, so that the second list object can be realized through the sliding operation in the first screen direction.
  • the first list object such as an advertising space
  • the first page content such as an advertising image
  • the zoom display of a list of objects, through the zoom display of the first list object, is conducive to displaying more first page content and increasing the exposure of the first page content; in addition, adding the dynamic interaction function of the first list object can increase the number of users Experience will help attract more users to click on the first list object and increase the click-through rate of the first list object.
  • Figure 1a is a schematic flowchart of a page information display method provided by an exemplary embodiment of the present application
  • Figure 1b is a schematic diagram of sublist scaling provided by an exemplary embodiment of the present application.
  • Figure 2a is a schematic flowchart of an advertising page display method provided by an exemplary embodiment of the present application
  • Figures 2b-2f are schematic diagrams of sliding display of advertising pages provided by an exemplary embodiment of the present application.
  • Figure 3 is a schematic structural diagram of a page information display device provided by an exemplary embodiment of the present application.
  • Figure 4 is a schematic structural diagram of an advertising page display device provided by an exemplary embodiment of the present application.
  • Figure 5 is a schematic structural diagram of an electronic device provided by another exemplary embodiment of the present application.
  • a nested list is used to implement the page, and the third page on the page is used to carry the content of the first page (such as an advertising image).
  • a list object (such as an advertising space) is implemented in a sublist of a nested list, and the first list object is set to have different size specifications in the first screen direction, and the different size specifications are related to the sliding in the first screen direction.
  • the zoom display of the first list object can be realized through the sliding operation in the direction of the first screen.
  • the zoom display of the first list object is conducive to displaying more of the first page content and increasing the exposure of the first page content; in addition, , increasing the dynamic interaction function of the first list object can increase the user experience, help attract more users to click on the first list object, and increase the click rate of the first list object.
  • Figure 1a is a schematic flowchart of a page information display method provided by an exemplary embodiment of the present application. As shown in Figure 1a, the method includes:
  • the first page displays the first list object used to carry the content of the first page.
  • the first list object belongs to the sub-list in the nested list and is on the first screen. Different size specifications in direction;
  • the first sliding direction is the sliding direction of the first sliding operation in the first screen direction
  • the first list object has different display states of the first page content under different size specifications.
  • the display screen of the terminal device can display the page of the application program.
  • the page content can be displayed on the page in the form of a list page.
  • the list page can be understood as a container for placing multiple information entries, or as an intermediate page that connects the navigation page and the details page to display multiple information categories.
  • Each information category displayed on the list page displays part of the same type of information, allowing users to quickly browse and filter the target information, thereby achieving the purpose of quickly converting the target information into all the information associated with the target information.
  • the terminal device can be any smart device that can install applications (such as APP, applet or client) and has a display screen and interactive functions.
  • the terminal device can be a smart handheld device, such as a smart phone or a tablet computer. It can be a desktop device, such as a laptop or desktop computer, or a smart wearable device, such as a smart watch, smart bracelet, etc., or it can be a variety of smart home appliances with display screens, such as smart TVs, smart large screens, or Intelligent robots, etc.
  • the application can be an independent APP or a small program that relies on the independent APP to run.
  • the pages provided by the application may include but are not limited to list pages. Further, these list pages may include list pages implemented based on a single-layer list, or may include list pages implemented based on nested lists.
  • a list page implemented based on nested lists is demonstrated.
  • the list page implemented based on nested lists is called the first page, that is, the first page is an aggregation page that collects several contents in a certain dimension.
  • the nested list in this embodiment may include a parent list and a child list, where the child list is nested into the parent list, and the nested list may be displayed in any way.
  • the nested list may be displayed in the form of cells.
  • the list can include multiple cells, and each cell can be regarded as having fixed specifications, such as a fixed height.
  • the sublist can be nested into the parent list as a fixed-specification cell of the parent list, or it can occupy the parent class.
  • Multiple cells of a list that is, specifications that occupy multiple cells, can also be nested into a parent list in the form of a list.
  • Each cell displays its corresponding content, so you can set a unique identifier for each cell, and use the unique identifier to find the content to be displayed in the cell.
  • a first list object for carrying the content of the first page is displayed on the first page.
  • the first list object belongs to a sub-list in the nested list, and the first list object has different properties in the first screen direction. size specifications.
  • the first list object refers to the interface element that carries the content of the first page and corresponds to part of the display area on the first page.
  • the content of the first page is not limited and can be any interface element that can be displayed on the page.
  • the content of the first page can be advertising information, product information, review information, Q&A information, etc.; from the perspective of content form, the content of the first page can be pictures, text, controls, links, animations Or short videos, etc.
  • the screen direction is divided into two directions, namely the vertical direction and the horizontal direction; accordingly, the first list object has different size specifications in a certain screen direction.
  • the first list object may have different size specifications in the vertical direction or may have different size specifications in the horizontal direction.
  • the two screen directions are called the first screen direction and the second screen direction.
  • the first screen direction is the vertical direction and the second screen direction is the horizontal direction; or, the first screen direction is Horizontal orientation, second screen orientation is vertical orientation.
  • the specific directions of the first screen direction and the second screen direction are not limited, as long as they are distinguished.
  • the first screen direction is taken as an example, and the first list object has different size specifications in the first screen direction as an example for description.
  • the first screen direction is the vertical direction, it means that the first list object has different size specifications in the vertical direction, and the size specification in the vertical direction can be called a height, that is, the first list object has different heights, for example at least Has two heights;
  • the first screen direction is horizontal, it means that the first list object has different size specifications in the horizontal direction, and the size specifications in the horizontal direction can be called width, that is, the first list object has different width, such as at least two widths.
  • the number of size specifications that the first list object has in the first screen direction is not limited, for example, it is at least two size specifications, and preferably, it can be two size specifications.
  • different size specifications of the first list object in the first screen direction are also combined with the sliding operation in the first screen direction.
  • the zoom display of the first list object can be achieved through the sliding operation in the first screen direction.
  • the first object list is displayed on the first page and the first page content is displayed in the first object list
  • the user issues a first sliding operation on the screen along the first screen direction
  • sliding along the sliding direction of the first sliding operation in the first screen direction to display the page content in the sublist for example, with the first sliding operation
  • the page content currently displayed on the screen Part of the page content may slide out of the screen in the first screen direction, and part of the page content that is not displayed on the screen will be displayed on the screen; it should be noted that during this sliding process, the first list object is always displayed on the screen. on the screen, and during the sliding display process, the first list object will also change from the current first size specification to the second size specification.
  • the first size specification and the second size specification may be any adjacent two size specifications among multiple size specifications that the first list object has in the first screen direction.
  • the first size specification and the second size specification are the two size specifications.
  • the first size specification and the second size specification are different, one is a large size specification and the other is a small size specification, but the size relationship between the two size specifications is not limited.
  • the first size specification may be a small size specification
  • the second size specification may be a large size specification
  • the first list object may be changed from the small size specification to the large size specification along the first sliding direction; or, the first size specification
  • the specification may be a large size specification
  • the second size specification may be a small size specification
  • the first list object may be changed from the large size specification to the small size specification along the first sliding direction.
  • the first list object displays the content of the first page in different states under different size specifications.
  • the display state in this embodiment represents the amount of the first page content displayed by the first list object under different size specifications.
  • the amount of the first page content displayed by the first list object is related to its size specification. , when the first list object is in a small size, the first page displayed has less content. On the contrary, when the first list object is in a large size, the first page displayed has more content, but it needs to be noted. Yes, in this embodiment, it is the first list object that is scaled, but the first page content itself is not scaled
  • the size specification of the first list object in the first screen direction increases or decreases, and the size specification of the first list object in the first screen direction As it becomes larger, more of the first page content will be displayed in the first list object. As the size of the first list object on the first screen size becomes smaller, the first page content displayed in the first list object will The content is reduced.
  • the first list object has three or more size specifications in the first screen direction, it will continue to be displayed along the first sliding direction in response to the user's first sliding operation on the first screen. page content in the sublist, and changes the first list object from the current second size specification to another size specification, such as a third size specification.
  • the relationship between the second size specification and the third size specification is similar to the relationship between the first size specification and the second size specification, so no further description will be given.
  • part of the page content in the sublist that has been displayed on the screen will slide out of the screen in the first screen direction, and part of the page content in the sublist that is not displayed on the screen will slide into the screen. .
  • the two sliding directions of the first sliding operation in the first screen direction can be called are the first sliding direction and its opposite direction.
  • the first sliding direction may be a vertical upward sliding direction
  • its opposite direction may be a vertical downward sliding direction
  • the first sliding direction may be a vertical downward sliding direction
  • its opposite direction may be a vertical downward sliding direction.
  • the direction is vertical upward sliding direction.
  • the size of the first list object will change from the currently displayed size specification to another size specification.
  • the corresponding relationship between the first sliding direction and the size specification change it can be flexibly based on application needs. Depends.
  • the first list object is changed from a small size specification (i.e., the first size specification) to a large size specification (i.e., the second size specification); conversely, when sliding along the opposite direction of the first sliding direction , that is, when sliding along the vertical downward direction, sliding along the vertical upward direction to display the page content in the sublist, and during the sliding display process, the first list object is moved from the large size specification (i.e. the first size specification) Change to small size specification (i.e. second size specification).
  • the first sliding direction is the same in reverse.
  • the sublist will be displayed by sliding in the horizontal left direction. and change the first list object from a small size specification (i.e., the first size specification) to a large size specification (i.e., the second size specification) during the sliding display process; conversely, when the first list object is changed along the first sliding direction
  • a small size specification i.e., the first size specification
  • a large size specification i.e., the second size specification
  • the parent class list and the subclass list can have different priorities in response to the sliding operation. Whoever has a higher priority will slide first in response to the first sliding operation. In order to facilitate the user to see the complete list first For the page content in the sublist, you can set the sliding priority of the subcategory list to be higher than the sliding priority of the parent category list, so before sliding along the first sliding direction to display the page content in the sublist, no matter which direction it is The sliding operation can be combined with the sliding distance and/or number of times of the first sliding operation to determine whether the sublist still has page content that does not appear on the screen in the first sliding direction, wherein it is determined whether the sublist is in the first sliding direction.
  • Whether there is page content that does not appear on the screen can be understood as whether the first list object has been slid to the bottom in the first sliding direction; if there is still page content that does not appear on the screen in the sublist in the first sliding direction, That is, if it has not been slid to the bottom, that is to say, the sublist can continue to be slid and displayed in the first sliding direction, then the operation of sliding and displaying the page content in the sublist along the first sliding direction is performed.
  • the sliding display in the sublist has been made based on the sliding distance of the first sliding operation, combined with the previously maintained sliding distance and the size mapping relationship between the sliding display of the page content in the sublist in the sliding direction.
  • the size of the page content determine whether the size of the page content that has been slid and displayed in the sublist is equal to the maximum page size of all page content in the sublist in the first sliding direction. If not, the sublist is still in the first sliding direction. There is page content that does not appear on the screen. On the contrary, if so, then there is no page content that does not appear on the screen in the sublist in the first sliding direction.
  • the sliding distances corresponding to different sliding operations are different, and the page content corresponding to different sliding distances has different sliding display sizes in the sliding direction.
  • the number of slide operations in the sub-list has been slided based on the number of first slide operations, combined with the mapping relationship between the number of recorded first slide operations and the size mapping relationship between the page content in the sub-list and the sliding display in the sliding direction.
  • the size of the displayed page content determine whether the size of the page content that has been slid and displayed in the sublist is equal to the maximum page size of all page content in the sublist in the first sliding direction. If not, then the sublist is in the first sliding direction. There is still page content that does not appear on the screen. On the contrary, if so, then there is no page content that does not appear on the screen in the sublist in the first sliding direction.
  • the sizes of the page content corresponding to different sliding times are different in the sliding direction. The greater the number of sliding, the larger the size of the corresponding page content is in the sliding direction.
  • the sliding distance and number of times of the first sliding operation may be combined with the size mapping relationship between the sliding distance and number of sliding operations of the pre-recorded sliding operation and the sliding display size of the page content in the sublist in the sliding direction, Determine the size of the page content that has been slid and displayed in the sublist; determine whether the size of the page content that has been slid and displayed in the sublist is equal to the largest page of all page content in the sublist in the first sliding direction size, if not, then the sublist still contains page content that does not appear on the screen in the first sliding direction, conversely, if yes, then the sublist no longer contains page content that does not appear on the screen in the first sliding direction.
  • a parent list can also contain other list objects in addition to child lists.
  • Other list objects may include but are not limited to: at least one of a card, a navigation bar, and a search box.
  • the sublist may also contain other list objects, and the implementation form of the first list object and other list objects is not limited.
  • the first list object may be on the first screen.
  • the direction supports cards, navigation bars or search boxes of various sizes, as well as advertising spaces (banners).
  • other list objects in the sublist may include but are not limited to: at least one of a card, a navigation bar, and a search box.
  • the first list object is implemented based on a sublist
  • the first size of the sublist in the first screen direction it is also necessary to set the first size of the sublist in the first screen direction, and the first size is smaller than the second size.
  • the second size is the position of the first list object on the first screen. The sum of the maximum size specification in the direction and the size in the first screen direction of other list objects in the sublist used to carry other page content. That is to say, the first list object is scaled and displayed based on the difference between the first size and the second size of the sublist.
  • a specific implementation method of setting the first size of the sublist in the first screen direction is as follows: according to the first difference between the maximum size specification and the minimum size specification of the first list object in the first screen direction, setting the sublist The first size of the list in the first screen orientation; the first size is the second difference between the second size and the first difference.
  • the vertical axis polyline portion displayed on the right side corresponds to the second difference value, and the zoom display of the first list object is implemented based on the second difference value.
  • the first list object in the intermediate size in response to the user's first sliding operation, it is possible to make the first list object in an intermediate size between the first size and the second size, but the first list object in the intermediate size is not stable. state, in order to ensure that the first list object can transition to a stable state whether it changes from a small size to a large size, or from a large size to a small size, in response to the first sliding operation in the first screen direction , slide along the first sliding direction to display the page content in the sublist, and dynamically change the first list object from the current first size specification to the second size specification.
  • a specific implementation is as follows: in response to the first screen direction The first sliding operation determines the first sliding distance corresponding to the page content in the sublist based on the sliding distance of the first sliding operation; if the first sliding distance is less than the first sliding distance required to change the first list object from the first size specification to the second size specification the minimum distance, then control the page content in the sublist to slide at least the minimum distance along the first sliding direction, so as to dynamically change the first list object from the current first size specification to the second size specification during the sliding display process.
  • the page information display method provided by the embodiment of the present application also includes the following related operations in several dimensions, which will be described in detail below.
  • first page content which can be displayed by sliding from left to right or from right to left.
  • carousel display or sliding display of different first page content in another screen direction can be supported, so that the user You can view more different first page content, improve the content exposure of first list objects, and increase user click-through rates.
  • the specifications supported by different first page content in the first screen direction may be different.
  • some first page content may only support the first size specification, and some first page content may support both the first size and the first size. size, a second size, and may even support other sizes larger than the second size, and may also support sizes between the first size and the second size.
  • display resources will be wasted.
  • the display effect is not beautiful and the user experience is poor.
  • a specific implementation method is as follows: from multiple first page contents in the first list object, Select multiple target page contents whose size specification in the first screen direction is not smaller than the second size specification; and rotate or display the multiple target page contents in the first list object in the second screen direction.
  • a preferred method is that for any first page content, either only the first size specification is supported in the first screen direction, or the first size specification and the second size specification are supported in the first screen direction. , then you can select multiple target page contents whose size specifications in the first screen direction are equal to the second size specifications from the multiple first page contents in the first list object, and display them in turn or slidingly on the second screen. Multiple target objects in the first list.
  • first list size is in the first size specification
  • the plurality of first page contents in the first list object support the second size specification
  • multiple first page contents can be displayed in turn or slidably in the first list object in the first size specification. That is to say, when the first list object is in a small size in the first screen direction, carousel display or sliding display of different first page content in another screen direction is also supported.
  • a specific implementation method for the above-mentioned sliding display of multiple target page contents in the first list object in the second screen direction is as follows: in response to the second sliding operation in the second screen direction, the first sliding operation is performed along the second sliding direction. Multiple target page contents in the list object are switched and displayed; wherein, the second sliding direction is the sliding direction of the second sliding operation in the second screen direction.
  • This embodiment does not limit the direction of the second sliding operation.
  • the second sliding operation may be from left to right or from right to left; similarly, if the second screen direction is vertical, the second sliding operation may be from left to right or from right to left. Swipe up and down, or slide up from bottom.
  • the sliding trajectory generated may not necessarily be completely along the first screen direction or the second screen direction, but may also be somewhat different from the first screen direction or the second screen direction. Error angle. Therefore, for any sliding operation, the sliding direction corresponding to the sliding operation can be determined based on the angle between the sliding trajectory of the sliding operation and the first screen direction or the second screen direction. Based on this, before responding to the second sliding operation in the second screen direction, a second angle between the sliding trajectory of the second sliding operation and the second screen direction may be obtained; in the case where the second angle is less than the second angle threshold Next, it is determined that the second sliding operation is a sliding operation in the second screen direction.
  • the method before responding to the first sliding operation in the first screen direction, the method further includes: obtaining a first angle between the sliding trajectory of the first sliding operation and the first screen direction; when the first angle is less than the first angle threshold In the case of , it is determined that the first sliding operation is a sliding operation in the first screen direction. It should be noted that this embodiment does not limit the sizes of the first angle threshold and the second angle threshold. The first angle threshold and the second angle threshold can take the same angle value or different angle values.
  • the first sliding operation is determined is a sliding operation in the first screen direction
  • the second angle is less than 3°, 5°, or 10°
  • it is determined that the second sliding operation is a sliding operation in the second screen direction.
  • the multiple first page contents in the first list object support different sizes in the first screen direction, when the first size is smaller than the second size, for convenience
  • the user can intuitively know which first page content can support scaling of the first list object, display the scaling mark information corresponding to the currently displayed first page content in the first list object, and determine the current first page based on the scaling mark information.
  • the content supports scaling of the first list object and the scaling mark information indicates whether the currently displayed first page content supports the first size specification of the first list object changing from the first size specification to the second size specification.
  • scaling mark information that supports the change of the first list object from the first size specification to the second size specification and the scaling mark information that does not support the change of the first list object from the first size specification to the second size specification, have different visual attributes. are differentiated to make it easier for users to distinguish.
  • determine whether the current first page content supports the first list object for scaling based on the zoom mark information is as follows: when the zoom mark information corresponding to the current first page content has a first visual attribute, it means that the current The displayed first page content supports the first list object changing from the first size specification to the second size specification; when the zoom mark information corresponding to the current first page content has the second visual information, it means that the currently displayed first page content does not The first list object is supported to change from the first size specification to the second size specification.
  • the zoom mark information can be displayed in any form.
  • the first visual information and the second visual information are two different display states of the zoom mark information in a certain display form.
  • the zoom mark information can be displayed in the third display form.
  • a graphic identifier displayed at a set position in a list object such as a circle, triangle, etc.
  • the circular graphic logo can be used as the first visual information
  • the triangular graphic logo can be used as the second visual information
  • the internal part of the graphic logo can be empty as the first visual information, and the internal part of the graphic logo can be real as the first visual information.
  • the second visual information; or, the graphic logo with thick lines can be used as the first visual information, and the graphic logo with thin lines can be used as the second visual information; or, the flashing state of the graphic logo can be used as the first visual information, and the non-graphic logo of the graphic logo can be used as the first visual information.
  • the flashing state is used as the second visualization state.
  • the second visual information is not limited as long as it can distinguish whether the current page content supports the change of the first list object from the first size specification to the second size specification.
  • mark information of which first page content is currently displayed in the first list object and the total number of first page content can also be displayed.
  • This embodiment does not limit the mark information, for example It can be displayed at the bottom of the first list object in the form of a short-line progress bar.
  • the number of short lines represents the number of the first page content, and each short line corresponds to the first page content one-to-one.
  • the short-line part When sliding horizontally to a certain first page content , the short-line part also switches to the short-line position corresponding to the content of the page, and is displayed in a highlighted form.
  • the first page content may be required to support no smaller than the second size specification in the first screen direction.
  • the size specification of the size specification preferably requires that the first page content supports at least the second size specification in the first screen direction. This can also be used to determine whether a first page content supports the change of the first list object from the first size specification.
  • Conditions for the second size specifications may also indicate whether the corresponding first page content supports a size specification that is not smaller than the second size specification in the first screen direction, for example, whether the second size specification is supported.
  • the first size specification is still smaller than the second size specification as an example. If the first screen direction is the vertical direction and the first sliding direction is vertical upward, then the sliding direction opposite to the first sliding direction The direction is vertically downward. For convenience of distinction and description, vertically downward is called the third sliding direction. Based on this, when the first object list is in the second size specification, in response to the third sliding operation in the first screen direction, the page content in the sublist can be displayed by sliding along the third sliding direction, and the third sliding operation can be performed. A list object dynamically changes from the second size specification to the first size specification.
  • the page content in the sublist when responding to a vertical upward sliding operation, can be displayed along the vertical upward direction, and the first list object is changed from a small size specification to a large size specification; conversely, when responding to a vertical upward sliding operation, During the downward sliding operation, the page content in the sublist can be displayed in the vertical downward direction, and the first list object can be changed from a large size to a small size. And, continue to respond to the vertically upward sliding operation, display the page content in the sublist along the vertically upward direction, and change the first list object from a small size specification to a large size specification. That is, the size specification of the first list object can be freely switched between the small size specification and the large size specification following the up and down sliding operation in the vertical direction.
  • the implementation form of the first list object is not limited, nor is the content form of the first page content carried in the first list object. That is to say, any list object form that can carry page content is not limited. Any page content that can be carried by a list object is applicable to the embodiment of this application.
  • an advertising scene can be taken as an example
  • the content of the first page is used as advertising content, specifically an advertising image
  • the first list object is used as an advertising space (banner).
  • the display and display of the advertising space on the page are
  • the human-computer interaction process is taken as an example to illustrate the embodiments of the present application.
  • Figure 2a is a schematic flowchart of an advertising image display method provided by another exemplary embodiment of the present application. As shown in Figure 2a, the method includes:
  • the first page displays an advertising space for carrying advertising images.
  • the advertising space belongs to a sub-list in the nested list, and the advertising space has the first size specification in the vertical direction. and second size specifications;
  • the sublist In response to the vertically upward sliding operation, if the sublist can continue to slide in the vertically upward direction, slide along the vertically upward direction to display the page content in the sublist, and dynamically change the advertising space from the first size specification to the third size specification.
  • Two size specifications among them, the display status of the advertising image in the advertising space is different under different size specifications.
  • the first size specification is smaller than the second size specification.
  • the advertising space has two sizes, namely a first size and a second size, and the first size is smaller than the second size.
  • Figures 2b to 2f show different page states displayed on the screen along with the sliding operation in this embodiment.
  • the display status of the advertising space under the first size specification is shown in Figures 2b and 2c
  • the display status of the advertising space under the second size specification is shown in Figures 2e and 2g.
  • the user can trigger a sliding operation from right to left, or according to the set rotation cycle, the advertising slot will switch from advertising image 3 to advertising image 2.
  • the short-line mark below also will change from the highlight corresponding to advertising image 3 to the highlight corresponding to advertising image 2.
  • the circular zoom mark will also change from solid to hollow, indicating that advertising image 3 supports the magnification operation of the advertising space, and advertising image 2 does not. Supports the enlargement operation of advertising space.
  • the zoom marks are illustrated separately, but this is not a limitation. The zoom marks may be merged with the short-line marks below as long as they can be distinguished.
  • the first page will enter the state of the first page shown in Figure 2d, and the advertising space will dynamically change from the first size specification to the third size specification.
  • Second size specification at the same time, some content in the sublist (such as the navigation bar section) has slid off the screen.
  • the first page based on the state of the first page shown in Figure 2d, in response to a horizontal upward sliding operation or carousel switching, the first page will enter the state of the first page shown in Figure 2e, and the advertising space is in the second size specification.
  • the short-line mark below will also change from the highlight corresponding to Advertising Image 3 to the highlight corresponding to Advertising Image 4.
  • the circular zoom mark continues to remain solid, indicating that the advertisement Picture 4 supports the enlargement operation of the advertising space.
  • the sublist before sliding in the vertical upward direction to display the page content in the sublist, it also includes: combined with the sliding distance and/or number of vertical upward sliding operations, determining whether the sublist still exists in the vertical upward sliding direction. The page content on the screen; if the sublist still contains page content that does not appear on the screen in the vertical upward sliding direction, the operation of sliding along the vertical upward sliding direction to display the page content in the sublist is performed. Further optionally, it also includes: if the child list no longer has page content that does not appear on the screen in the vertical upward sliding direction, sliding along the vertical upward sliding direction to display the page content in the parent list in the nested list, and the parent list Contains at least sublists.
  • the process of implementing the first page based on the nested list also includes: setting the first size of the sub-list in the vertical direction, the first size being smaller than the second size, and the second size being the size of the advertising space in the vertical direction.
  • setting the first size of the sublist in the vertical direction includes: setting the first size of the sublist in the vertical direction according to the difference between the maximum size specification and the minimum size specification of the first list object in the vertical direction. Size; the first size is the difference between the second size and the difference.
  • rotating or sliding displaying multiple target advertising images in the advertising slot in the horizontal direction includes: in response to a second sliding operation in the horizontal direction, displaying multiple target advertising images in the advertising slot along the second sliding direction.
  • the target advertisement images are switched and displayed; wherein, the second sliding direction is the sliding direction of the second sliding operation in the horizontal direction.
  • the method also includes: rotating or sliding display of multiple target advertising images in the advertising space in the horizontal direction; wherein the target advertising image is a vertical image in the advertising space.
  • the size in the direction is the second size of the advertising image.
  • the method before responding to the second sliding operation in the second screen direction, the method further includes: obtaining a second angle between the sliding trajectory of the second sliding operation and the horizontal direction; when the second angle is less than the second angle threshold Next, it is determined that the second sliding operation is a sliding operation in the horizontal direction; accordingly, before responding to the first sliding operation in the vertical direction, it further includes: obtaining the first sliding trajectory between the sliding trajectory of the first sliding operation and the vertical direction. Angle; when the first angle is less than the first angle threshold, it is determined that the first sliding operation is a sliding operation in the vertical direction.
  • the method further includes: in response to the vertical downward sliding operation, if the sublist can continue to slide in the vertical downward direction, sliding in the vertical downward direction to display the sublist page content in the list, and dynamically change the ad slot from the second size to the first size.
  • the first size specification is smaller than the second size specification, and further includes: when the advertising space is in the first size specification, displaying the zoom mark information corresponding to the currently displayed advertising image in the advertising space, the zoom mark information Indicates whether the currently displayed advertising image supports the ad space changing from the first size to the second size.
  • This embodiment does not limit the scaling mark information, as long as it can distinguish whether the current page content supports the change of the first list object from the first size specification to the second size specification.
  • the scaling mark information is Displayed in the form of a circle.
  • the circle When the circle is a solid circle, it means that the current page content supports the first list object changing from the first size specification to the second size specification; when the circle is a hollow circle, it means that the current page content does not support the first list object.
  • a list object changes from a first size specification to a second size specification.
  • the first list object can also display mark information of which first page content is currently displayed in the first list object and the total number of first page content.
  • the mark information The information is not limited. For example, it can be displayed at the bottom of the first page content in the form of a short-line progress bar.
  • the number of short lines can be equal to the number of the first page content, and each short line corresponds to the first page content one-to-one.
  • the advertising space is supported to change from the first size specification to the second size specification, and the size specification of the advertising image in the horizontal direction is required to be no smaller than the second size specification.
  • the first sliding direction is vertically upward, and further includes: when the advertising space is in the second size specification, in response to the third sliding operation in the vertical direction, along the The page content in the sublist is displayed by sliding in the third sliding direction, and the advertising space is dynamically changed from the second size specification to the first size specification, and the third sliding direction is vertically downward.
  • FIG 3 is a schematic structural diagram of a page information display device provided by another exemplary embodiment of the present application. As shown in Figure 3, the device includes:
  • the first display module 31 is used to display the first page based on the nested list.
  • the first page displays There is a first list object used to carry the content of the first page, the first list object belongs to a sub-list in the nested list, and it has different size specifications in the first screen direction;
  • the second display module 32 is configured to respond to the first sliding operation in the first screen direction, slide and display the page content in the sublist along the first sliding direction, and change the first list object from the current
  • the first size specification dynamically changes to the second size specification
  • the first sliding direction is the sliding direction of the first sliding operation in the first screen direction
  • the first list object displays different display states of the first page content under different size specifications.
  • the second display module 32 is configured to, before sliding and displaying the page content in the sublist along the first sliding direction, determine the sliding distance and/or number of times of the first sliding operation. Whether the sublist still contains page content that does not appear on the screen in the first sliding direction; if the sublist still contains page content that does not appear on the screen in the first sliding direction, execute the first sliding Directional sliding operation displays the page content in the sublist.
  • the second display module 32 is configured to: if the sub-list no longer contains page content that does not appear on the screen in the first sliding direction, slide and display the nested list along the first sliding direction.
  • the page content in the parent list which contains at least the child list.
  • the first display module 31 is used in the process of implementing the first page based on the nested list, specifically for: setting the first size of the sub-list in the first screen direction, the first size Smaller than the second size, which is the maximum size specification of the first list object in the first screen direction and the size of other list objects in the sublist used to carry other page content in the first screen direction. sum of dimensions.
  • the second display module 32 when used to set the first size of the sub-list in the first screen direction, it is specifically used to: according to the maximum size of the first list object in the first screen direction
  • the difference between the specification and the minimum size specification sets the first size of the sublist in the first screen direction; the first size is the difference between the second size and the difference.
  • the first size specification is smaller than the second size specification
  • the second display module 32 is also configured to: when the first list object is in the second size specification, in the second screen direction Carousel display or sliding display of different first page contents in the first list object, and the second screen direction is different from the first screen direction.
  • the second display module 32 is used to carousel display or slide display different first page contents in the first list object in the second screen direction, specifically for: displaying the content from the first list object Among the plurality of first page contents, select a plurality of target page contents whose size specifications in the first screen direction are not smaller than the second size specifications; and display all the target page contents in a carousel or slide in the second screen direction. Multiple target page contents in the first list object.
  • the second display module 32 when used to slide and display multiple target page contents in the first list object in the second screen direction, specifically: in response to the third page content in the second screen direction. Two sliding operations, switching and displaying multiple target page contents in the first list object along the second sliding direction; wherein the second sliding direction is the second sliding operation in the two screen directions. sliding direction.
  • the second display module 32 before responding to the second sliding operation in the second screen direction, is also configured to: obtain the distance between the sliding trajectory of the second sliding operation and the second screen direction. a second angle; when the second angle is less than the second angle threshold, determine that the second sliding operation is the second screen The sliding operation in the direction; correspondingly, before responding to the first sliding operation in the first screen direction, the second display module 32 is also used to: obtain the sliding trajectory of the first sliding operation and the first sliding operation in the direction of the first screen. A first angle between screen directions; if the first angle is less than a first angle threshold, it is determined that the first sliding operation is a sliding operation in the first screen direction.
  • the first size specification is smaller than the second size specification
  • the second display module 32 is further configured to: when the first list object is in the first size specification, in the second size specification A list object displays zoom mark information corresponding to the content of the first page currently displayed, and the zoom mark information indicates whether the content of the first page currently displayed supports the change of the first list object from the first size specification to the desired size. Describe the second size specifications.
  • the second display module 32 when used to support the first list object changing from the first size specification to the second size specification, the second display module 32 is also used to require the first page content to be in the first screen direction.
  • the dimensions above are not smaller than the second dimensions.
  • the first screen direction is a vertical direction
  • the first sliding direction is vertically upward
  • the second display module 32 is further configured to: when the first object list is in a second size specification, In response to the third sliding operation in the first screen direction, slide along the third sliding direction to display the page content in the sublist, and dynamically change the first list object from the second size specification to In the first size specification, the third sliding direction is vertically downward.
  • the second display module 32 is configured to slide and display the page content in the sub-list along the first sliding direction in response to the first sliding operation in the first screen direction, and display the first list
  • the object dynamically changes from the current first size specification to the second size specification, specifically for: in response to the first sliding operation in the first screen direction, determining the sublist according to the sliding distance of the first sliding operation.
  • the first sliding distance corresponding to the page content; if the first sliding distance is less than the minimum distance required for the first list object to change from the first size specification to the second size specification, then control the sub- The page content in the list slides at least the minimum distance along the first sliding direction, and the first list object is dynamically changed from the current first size specification to the second size specification.
  • Figure 4 is a schematic structural diagram of an advertising content display device provided by another exemplary embodiment of the present application. As shown in Figure 4, the device includes:
  • the first display module 41 is used to display a first page based on a nested list.
  • the first page displays an advertising space for carrying advertising images, and the advertising space belongs to a sub-list in the nested list, And the advertising space has a first size specification and a second size specification in the vertical direction;
  • the second display module 42 is configured to respond to the vertically upward sliding operation, and if the sublist can continue to slide in the vertically upward direction, slide in the vertically upward direction to display the page content in the sublist, and display the page content in the sublist by sliding in the vertically upward direction.
  • the advertising space dynamically changes from the first size specification to the second size specification;
  • the advertising space displays the advertising image in different display states under different size specifications, and the first size specification is smaller than the second size specification.
  • the second display module 42 is also configured to: combined with the sliding distance and/or number of vertical upward sliding operations, determine whether the sublist is in the vertical upward direction. Whether there is still page content that does not appear on the screen in the upward sliding direction; if there is still page content that does not appear on the screen in the vertical upward sliding direction of the sublist, execute sliding along the vertical upward sliding direction to display the pages in the sublist Content manipulation.
  • the second display module 42 is also configured to: if the sub-list no longer contains page content that does not appear on the screen in the vertical upward sliding direction, slide along the vertical upward sliding direction to display the content in the parent list in the nested list.
  • the page content, the parent list contains at least the child list.
  • the first display module 41 is also used to: set the first size of the sub-list in the vertical direction, the first size is smaller than the second size, and the second size It is the sum of the maximum size of the ad slot in the vertical direction and the vertical size of each card object in the sublist.
  • the second display module 42 when used to set the first size of the sublist in the vertical direction, it is specifically used to: based on the difference between the maximum size specification and the minimum size specification of the first list object in the vertical direction. , sets the first size of the sublist in the vertical direction; the first size is the difference between the second size and the difference.
  • the second display module 42 is also used to: rotate or slide display multiple target advertising images in the advertising space in the horizontal direction; wherein the target advertising image is The second vertical size of the ad image in the ad slot.
  • the second display module 42 when used to rotate or slide display multiple target advertising images in the advertising space in the horizontal direction, the second display module 42 is specifically configured to: respond to the second sliding operation in the horizontal direction, along the Switching and displaying multiple target advertisement pictures in the advertising space is performed along the second sliding direction; wherein the second sliding direction is the sliding direction of the second sliding operation in the horizontal direction.
  • the second display module 42 before the second display module 42 is used to respond to the second sliding operation in the second screen direction, it is also used to: obtain a second angle between the sliding trajectory of the second sliding operation and the horizontal direction; When the angle is less than the second angle threshold, it is determined that the second sliding operation is a sliding operation in the horizontal direction; accordingly, before responding to the first sliding operation in the vertical direction, the method further includes: obtaining the sliding trajectory of the first sliding operation. and the vertical direction; when the first angle is less than the first angle threshold, it is determined that the first sliding operation is a sliding operation in the vertical direction.
  • the second display module 42 is also configured to: in response to the vertical downward sliding operation, if the sublist can continue to slide in the vertical downward direction, along the vertical direction Swipe in the downward direction to display the page content in the sublist, and dynamically change the ad slot from the second size to the first size.
  • the first size specification is smaller than the second size specification
  • the second display module 42 is also configured to: when the advertising space is in the first size specification, display the scaling corresponding to the currently displayed advertising image in the advertising space. Mark information, the scaling mark information indicates whether the currently displayed advertising image supports the change of the advertising space from the first size to the second size.
  • the second display module 42 when used to support the advertising space changing from the first size specification to the second size specification, it is also used to require that the size specification of the advertising image in the horizontal direction is not smaller than the second size specification.
  • first sliding direction is vertically upward
  • second display module 42 is further configured to: when the advertising space is in the second size specification, in response to the third sliding operation in the vertical direction, slide along the third sliding direction.
  • Directional sliding displays the page content in the sublist, and dynamically changes the advertising space from the second size specification to the first size specification, and the third sliding direction is vertically downward.
  • the second display module 42 is configured to, in response to the first sliding operation in the vertical direction, slide and display the page content in the sublist along the first sliding direction, and dynamically change the advertising slot from the current first size specification to
  • it is specifically used to: in response to the first sliding operation in the vertical direction, determine the first sliding distance corresponding to the page content in the sublist according to the sliding distance of the first sliding operation; if the first sliding distance is less than the minimum distance required for the advertising space to change from the first size specification to the second size specification, then control the page content in the sublist to slide at least the minimum distance along the first sliding direction, and dynamically change the advertising space from the current first size specification. Change to second size specification.
  • Figure 5 is a schematic structural diagram of an electronic device provided by an exemplary embodiment of the present application.
  • the terminal device includes: a memory 50a and a processor 50b; the memory 50a is used to store a computer program, and the processor 50b is coupled with the memory 50a to execute the computer program to implement the following operations:
  • the first page displays a first list object for carrying the content of the first page.
  • the first list object belongs to a sub-list in the nested list, and its having different size specifications in the first screen direction; in response to the first sliding operation in the first screen direction, sliding and displaying the page content in the sublist along the first sliding direction, and moving the first
  • the list object dynamically changes from the current first size specification to the second size specification; wherein the first sliding direction is the sliding direction of the first sliding operation in the first screen direction, and the first list object is in The content of the first page is displayed in different states under different size specifications.
  • the processor 50b is also used to determine the sub-list based on the sliding distance and/or times of the first sliding operation. Whether the list still contains page content that does not appear on the screen in the first sliding direction; if the sublist still contains page content that does not appear on the screen in the first sliding direction, perform sliding along the first sliding direction An action that displays the content of the page in said sublist.
  • the processor 50b is also configured to: if the sub-list no longer contains page content that does not appear on the screen in the first sliding direction, slide along the first sliding direction to display the nested list. Page content in a parent list that contains at least the child list.
  • the processor 50b is configured to, in the process of implementing the first page based on the nested list, specifically: set a first size of the sub-list in the first screen direction, where the first size is smaller than the first page.
  • Two sizes, the second size being the maximum size specification of the first list object in the first screen direction and the size of other list objects in the sub-list used to carry other page content in the first screen direction. and.
  • the processor 50b when the processor 50b is used to set the first size of the sub-list in the first screen direction, the processor 50b is specifically configured to: according to the maximum size specification of the first list object in the first screen direction and The difference between the minimum size specifications sets the first size of the sublist in the first screen direction; the first size is the difference between the second size and the difference.
  • the processor 50b is further configured to: carousel in the second screen direction when the first list object is in the second size specification. Display or slide display different first page content in the first list object, and the second screen direction is different from the first screen direction.
  • the processor 50b when used to carousel display or slide display different first page contents in the first list object in the second screen direction, specifically for: selecting from the first list object Among the plurality of first page contents, select a plurality of target page contents whose size specifications in the first screen direction are not smaller than the second size specifications; and display the third page contents in a carousel or slide in the second screen direction. Multiple target page contents in a list object.
  • the processor 50b when the processor 50b is configured to slide and display multiple target page contents in the first list object in the second screen direction, the processor 50b is specifically configured to: respond to the second slide in the second screen direction.
  • the operation is to switch and display multiple target page contents in the first list object along the second sliding direction; wherein the second sliding direction is the sliding of the second sliding operation in the two screen directions. direction.
  • the processor 50b before responding to the second sliding operation in the second screen direction, is further configured to: obtain a third distance between the sliding trajectory of the second sliding operation and the second screen direction. Two angles; when the second angle is less than the second angle threshold, it is determined that the second sliding operation is a sliding operation in the second screen direction; accordingly, the processor 50b is configured to respond to the Before the first sliding operation in the first screen direction, it is also used to: obtain a first angle between the sliding trajectory of the first sliding operation and the first screen direction; when the first angle is smaller than the first angle In the case of a threshold, it is determined that the first sliding operation is a sliding operation in the first screen direction.
  • the first size specification is smaller than the second size specification
  • the processor 50b is further configured to: when the first list object is in the first size specification, in the first list
  • the object displays zoom mark information corresponding to the currently displayed first page content.
  • the zoom mark information indicates whether the currently displayed first page content supports the change of the first list object from the first size specification to the third Two size specifications.
  • the processor 50b when the processor 50b is used to support the first list object from the first size specification to the second size specification, the processor 50b is also configured to require the first page content in the first screen direction.
  • the size specification is not smaller than the second size specification.
  • the first screen direction is a vertical direction
  • the first sliding direction is vertical upward.
  • the processor 50b is further configured to: when the first object list is in the second size specification, respond to The third sliding operation in the first screen direction slides along the third sliding direction to display the page content in the sublist, and dynamically changes the first list object from the second size specification to the In the first size specification, the third sliding direction is vertically downward.
  • the processor 50b is configured to slide and display the page content in the sub-list along the first sliding direction in response to the first sliding operation in the first screen direction, and remove the first list object from The current first size specification is dynamically changed to the second size specification, specifically for: in response to the first sliding operation in the first screen direction, determining the page in the sublist according to the sliding distance of the first sliding operation.
  • the first sliding distance corresponding to the content; if the first sliding distance is less than the minimum distance required for the first list object to change from the first size specification to the second size specification, then control the The page content slides at least the minimum distance along the first sliding direction, and the first list object is dynamically changed from the current first size specification to the second size specification.
  • the terminal device also includes: a communication component 50c, a display 50d, a power supply component 50e, an audio component 50f and other components. Only some components are schematically shown in Figure 5, which does not mean that the terminal device only includes the components shown in Figure 5.
  • An exemplary embodiment of the present application provides a computer-readable storage medium storing computer programs or instructions.
  • the processor can implement the steps in the above method, which will not be described again here.
  • embodiments of the present application may be provided as methods, systems, or computer program products. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment that combines software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.
  • computer-usable storage media including, but not limited to, disk storage, CD-ROM, optical storage, etc.
  • These computer program instructions may also be stored in a computer-readable memory that causes a computer or other programmable data processing apparatus to operate in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction means, the instructions
  • the device implements the functions specified in a process or processes of the flowchart and/or a block or blocks of the block diagram.
  • These computer program instructions may also be loaded onto a computer or other programmable data processing device, causing a series of operating steps to be performed on the computer or other programmable device to produce computer-implemented processing, thereby executing on the computer or other programmable device.
  • Instructions provide steps for implementing the functions specified in a process or processes of a flowchart diagram and/or a block or blocks of a block diagram.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • Memory may include non-permanent storage in computer-readable media, random access memory (RAM) and/or non-volatile memory in the form of read-only memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
  • RAM random access memory
  • ROM read-only memory
  • flash RAM flash random access memory
  • Computer-readable media includes both persistent and non-volatile, removable and non-removable media that can be implemented by any method or technology for storage of information.
  • Information may be computer-readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), and read-only memory.
  • PRAM phase change memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • RAM random access memory
  • read-only memory read-only memory
  • ROM read-only memory
  • EEPROM electrically erasable programmable read-only memory
  • flash memory or other memory technology
  • compact disc read-only memory CD-ROM
  • DVD digital versatile disc
  • Magnetic tape cassettes tape disk storage or other magnetic storage devices or any other non-transmission medium can be used to store information that can be accessed by a computing device.
  • computer-readable media does not include transitory media, such as modulated data signals and carrier waves.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Finance (AREA)
  • Databases & Information Systems (AREA)
  • Strategic Management (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • Development Economics (AREA)
  • General Engineering & Computer Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Data Mining & Analysis (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供一种页面信息和广告图片展示方法、装置、设备及存储介质。在本申请实施例中,采用嵌套列表实现页面,并将页面上用于承载第一页面内容(例如广告图片)的第一列表对象(例如广告位)放到嵌套列表的子列表中实现,并设置第一列表对象在第一屏幕方向上具有不同的尺寸规格,并将不同尺寸规格与第一屏幕方向上的滑动操作相结合,这样,通过第一屏幕方向上的滑动操作可实现第一列表对象的缩放展示,通过第一列表对象的缩放展示有利于展示更多的第一页面内容,增加第一页面内容的曝光度;另外,增加第一列表对象的动态交互功能,能够增加用户体验,有利于吸引更多用户对第一列表对象进行点击,增加第一列表对象的点击率。

Description

页面信息和广告图片展示方法、装置、设备及存储介质
本申请要求于2022年06月01日提交中国专利局、申请号为202210623061.8、申请名称为“页面信息和广告图片展示方法、装置、设备及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及互联网技术领域,尤其涉及一种页面信息和广告图片展示方法、装置、设备及存储介质。
背景技术
在很多互联网应用中,一些页面上具有一部分区域是用来展示广告信息的,这部分区域可被称为广告位,或者被称为Banner(横幅广告)。随着富媒体(Rich Media)的发展,Banner从采用传统的GIF格式的图像文件不断向富媒体Banner(Rich Media Banner)发展,这使得Banner具有更强的表现力和交互内容。
随着富媒体Banner的发展,越来越多的互联网应用开始采用这种Banner。因此,在一些互联网应用中,其Banner区域支持通过轮播和手动横向滑动进行广告内容的切换,或者,支持竖向滑动对Banner区域显示的广告图片进行放大。但是,即使如此,Banner区域的点击率还是普遍较低。
发明内容
本申请的多个方面提供一种页面信息和广告图片展示方法、装置、设备及存储介质,用以解决现有技术中存在的Banner区域的点击率普遍较低的问题,增加了Banner区域的点击率及用户的使用体验。
本申请一实施例提供一种页面信息展示方法,包括:展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
本申请另一实施例还提供一种广告图片展示方法,包括:展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载广告图片的广告位,所述广告位属于所述嵌套列表中的子列表,且所述广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;响应于垂直向上的滑动操作,若所述子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第一尺寸规格动态变化为所 述第二尺寸规格;其中,所述广告位在不同尺寸规格下对所述广告图片的显示状态不同,且所述第一尺寸规格小于所述第二尺寸规格。
本申请再一实施例还提供一种页面信息展示装置,包括:第一展示模块,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;第二展示模块,用于响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
本申请又一实施例还提供一种广告图片展示装置,包括:第一展示模块,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载广告图片的广告位,所述广告位属于所述嵌套列表中的子列表,且所述广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;第二展示模块,用于响应于垂直向上的滑动操作,若所述子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第一尺寸规格动态变化为所述第二尺寸规格;其中,所述广告位在不同尺寸规格下对所述广告图片的显示状态不同,且所述第一尺寸规格小于所述第二尺寸规格。
本申请又一实施例提供一种电子设备,包括:存储器和处理器;存储器,用于存储计算机程序,处理器与存储器耦合,用于执行计算机程序,以用于执行以上所述方法中的步骤。
本申请又一实施例提供一种存储有计算机程序的计算机可读存储介质,当计算机程序被处理器执行时,致使处理器能够实现以上所述方法中的步骤。
在本申请实施例中,采用嵌套列表实现页面,并将页面上用于承载第一页面内容(例如广告图片)的第一列表对象(例如广告位)放到嵌套列表的子列表中实现,并设置第一列表对象在第一屏幕方向上具有不同的尺寸规格,并将不同尺寸规格与第一屏幕方向上的滑动操作相结合,这样,通过第一屏幕方向上的滑动操作可实现第一列表对象的缩放展示,通过第一列表对象的缩放展示有利于展示更多的第一页面内容,增加第一页面内容的曝光度;另外,增加第一列表对象的动态交互功能,能够增加用户体验,有利于吸引更多用户对第一列表对象进行点击,增加第一列表对象的点击率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1a为本申请一示例性实施例提供的页面信息展示方法的流程示意图;
图1b为本申请一示例性实施例提供的子列表缩放的示意图;
图2a为本申请一示例性实施例提供的广告页面展示方法的流程示意图;
图2b-图2f为本申请一示例性实施例提供的广告页面滑动展示的示意图;
图3为本申请一示例性实施例提供的页面信息展示装置的结构示意图;
图4为本申请一示例性实施例提供的广告页面展示装置的结构示意图;
图5为本申请又一示例性实施例提供的电子设备的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
针对现有技术中存在的Banner区域的点击率普遍较低的问题,在本实施例中,提供采用嵌套列表实现页面,并将页面上用于承载第一页面内容(例如广告图片)的第一列表对象(例如广告位)放到嵌套列表的子列表中实现,并设置第一列表对象在第一屏幕方向上具有不同的尺寸规格,并将不同尺寸规格与第一屏幕方向上的滑动操作相结合。
这样,通过第一屏幕方向上的滑动操作可实现第一列表对象的缩放展示,通过第一列表对象的缩放展示有利于展示更多的第一页面内容,增加第一页面内容的曝光度;另外,增加第一列表对象的动态交互功能,能够增加用户体验,有利于吸引更多用户对第一列表对象进行点击,增加第一列表对象的点击率。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图1a为本申请一示例性实施例提供的页面信息展示方法的流程示意图。如图1a所示,该方法包括:
101、展示基于嵌套列表实现的第一页面,第一页面上显示有用于承载第一页面内容的第一列表对象,第一列表对象属于嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;
102、响应于第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示子列表中的页面内容,并将第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;
其中,第一滑动方向是第一滑动操作在第一屏幕方向上的滑动方向,第一列表对象在不同尺寸规格下对第一页面内容的显示状态不同。
在本实施例中,终端设备的显示屏幕上可以展示应用程序的页面,为了让用户全面了解页面内容类目,快速定位到自己需求的类目,可以将该页面内容在页面上以列表页面的形式展示,列表页面可以理解为放置多条信息入口的容器,也可以理解为承接导航页与详情页的中间页,用来展示多条信息类目。列表页面上展示的每条信息类目就是展示同类信息的部分信息,方便用户进行快速地浏览并筛选到目标信息,进而达到将目标信息快速转化为与目标信息关联的全部信息的目的。其中,终端设备可以是任一可以安装应用程序(如APP、小程序或客户端)且具有显示屏幕及交互功能的智能设备,例如,终端设备可以是智能手持设备,例如智能手机、平板电脑,可以是台式设备,例如笔记本电脑或台式电脑等,也可以是智能穿戴设备,例如智能手表、智能手环等,还可以是各种带有显示屏幕的智能家电,例如智能电视、智能大屏或智能机器人等。应用程序可以是独立的APP,也可以是依赖于独立APP运行的小程序。
也就是说,在本实施例中,应用程序提供的页面中可以包括但不限于列表页面,进一步地,这些列表页面可以包括基于单层列表实现的列表页面,也可以包括基于嵌套列表实 现的列表页面。在本实施例中,对基于嵌套列表实现的列表页面进行展示说明。为了便于描述和区分,将基于嵌套列表实现的列表页面称为第一页面,即第一页面是把若干内容以某维度集合起来的聚合页。本实施例中的嵌套列表可以包括父列表和子列表,其中,子列表嵌套到父列表中,嵌套列表可以以任意方式显示,例如,嵌套列表可以以单元格的形式显示,嵌套列表可以包括多个单元格,每个单元格可以看做是固定规格的,例如高度固定,那么子列表可以作为父列表的一个规格固定的单元格嵌套到父列表中,也可以占用父类列表的多个单元格,即占据多个单元格的规格,还可以以一个列表的形式嵌套到父列表中。每个单元格中显示各自对应的内容,那么可以为每个单元格设置唯一标识,通过唯一标识可以查找该单元格要显示的内容。
在本实施例中,第一页面上显示有用于承载第一页面内容的第一列表对象,第一列表对象属于嵌套列表中的子列表,且第一列表对象在第一屏幕方向上具有不同的尺寸规格。第一列表对象是指承载第一页面内容的界面元素,对应于第一页面上的部分展示区域。在本实施例中,并不对第一页面内容进行限定,可以是任何能够在页面上进行展示的界面元素。可选地,从内容维度来看,第一页面内容可以是广告信息、商品信息、评论信息、问答信息等;从内容形态来看,第一页面内容可以是图片、文字、控件、链接、动画或小视频等。
在本实施例中,将屏幕方向分为两个方向,即垂直方向和水平方向;相应地,第一列表对象在某个屏幕方向上具有不同的尺寸规格。根据第一列表对象的展示需求,第一列表对象可以在垂直方向上具有不同的尺寸规格,也可以在水平方向上具有不同的尺寸规格。为了便于区分和描述,将两个屏幕方向称为第一屏幕方向和第二屏幕方向,可选地,第一屏幕方向是垂直方向,第二屏幕方向是水平方向;或者,第一屏幕方向是水平方向,第二屏幕方向是垂直方向。在本实施例中,对第一屏幕方向和第二屏幕方向的具体指向不作限定,只要将二者区分开即可。在本实施例中,以第一屏幕方向为例,第一列表对象在第一屏幕方向上具有不同的尺寸规格为例进行说明。如果第一屏幕方向是垂直方向,则表示第一列表对象在垂直方向上具有不同的尺寸规格,且该垂直方向上的尺寸规格可以称为高度,即第一列表对象具有不同的高度,例如至少具有两种高度;如果第一屏幕方向是水平方向,则表示第一列表对象在水平方向上具有不同的尺寸规格,且该水平方向上的尺寸规格可以称为宽度,即第一列表对象具有不同的宽度,例如至少具有两种宽度。在本实施例中,并不限定第一列表对象在第一屏幕方向上具有的尺寸规格的数量,例如至少是两个尺寸规格,优选地,可以是两个尺寸规格。
另外,在本实施例中,还将第一列表对象在第一屏幕方向的不同尺寸规格与第一屏幕方向上的滑动操作相结合。这样,通过第一屏幕方向上的滑动操作可实现第一列表对象的缩放展示。具体地,在第一页面上展示第一对象列表,第一对象列表中展示有第一页面内容的情况下,如果用户在屏幕上沿着第一屏幕方向发出第一滑动操作,则响应于用户在第一屏幕方向上的第一滑动操作,沿着第一滑动操作在第一屏幕方向上的滑动方向滑动显示子列表中的页面内容,例如,随着第一滑动操作,当前显示于屏幕上的部分页面内容可能会在第一屏幕方向上滑出屏幕,而未显示于屏幕上的部分页面内容会显示于屏幕上;需要说明的是,在该滑动过程中,第一列表对象始终显示于屏幕上,并且在该滑动显示过程中第一列表对象还会从当前的第一尺寸规格变化为第二尺寸规格。为便于描述和区分,将第 一滑动操作在第一屏幕方向上的滑动方向称为第一滑动方向。
其中,第一尺寸规格和第二尺寸规格可以是第一列表对象在第一屏幕方向上具有的多种尺寸规格中任意相邻的两种尺寸规格。可选地,如果第一列表对象在第一屏幕方向上仅具有两种尺寸规格,则第一尺寸规格和第二尺寸规格即为这两种尺寸规格。其中,第一尺寸规格和第二尺寸规格不相同,其中,一个是大尺寸规格,一个是小尺寸规格,但并不限定这两个尺寸规格的大小关系。可选地,第一尺寸规格可以是小尺寸规格,第二尺寸规格可以是大尺寸规格,沿着第一滑动方向可以将第一列表对象从小尺寸规格变化为大尺寸规格;或者,第一尺寸规格可以是大尺寸规格,第二尺寸规格可以是小尺寸规格,沿着第一滑动方向可以将第一列表对象从大尺寸规格变化为小尺寸规格。第一列表对象在不同尺寸规格下对第一页面内容的显示状态不同。本实施例中的显示状态表示第一列表对象在不同的尺寸规格下所显示出来的第一页面内容的多与少,第一列表对象所显示出来的第一页面内容的多少与其尺寸规格有关系,第一列表对象处在小尺寸规格时所显示出来的第一页面内容较少,相反,第一列表对象处在大尺寸规格时所显示出来的第一页面的内容较多,但是需要注意的是,在本实施例中,被缩放的是第一列表对象,而第一页面内容本身没有发生缩放。
随着用户在第一屏幕方向上的第一滑动操作,第一列表对象在第一屏幕方向上的尺寸规格随之变大或变小,在第一列表对象在第一屏幕方向上的尺寸规格随之变大时,第一列表对象中会展示更多的第一页面内容,在第一列表对象在第一屏幕尺寸上的尺寸规格随之变小时,第一列表对象中展示的第一页面内容随之减少。当然,如果第一列表对象在第一屏幕方向上具有三种或三种以上的尺寸规格,则继续响应于用户在第一屏幕上的第一滑动操作,会继续沿着第一滑动方向滑动显示子列表中的页面内容,并将第一列表对象从当前的第二尺寸规格变化为另一尺寸规格,例如第三尺寸规格。第二尺寸规格和第三尺寸规格的关系,与第一尺寸规格和第二尺寸规格的关系相似,故不做赘述。当然,在整个第一滑动操作过程中,子列表中已经显示于屏幕上的部分页面内容会在第一屏幕方向上滑出屏幕,子列表中未显示于屏幕上的部分页面内容会滑入屏幕。
需要说明的是,在同一屏幕方向上存在两个不同的滑动方向,两个滑动方向是相反的,为了便于区分和描述,可以将第一滑动操作在第一屏幕方向上的两个滑动方向称为第一滑动方向和其反方向。以第一屏幕方向为垂直方向为例,第一滑动方向可以为垂直向上的滑动方向,其反方向为垂直向下的滑动方向,或者,第一滑动方向为垂直向下的滑动方向,其反方向为垂直向上的滑动方向。但无论第一滑动方向是哪个方向,第一列表对象的尺寸都会从当前展示的尺寸规格改变为另外一个尺寸规格,至于第一滑动方向与尺寸规格变化之间的对应关系,可根据应用需求灵活而定。
例如,以第一屏幕方向是垂直方向,且第一滑动方向为垂直向上的滑动方向为例,则随着屏幕上垂直向上的滑动操作,沿着垂直向上的方向滑动显示子列表中的页面内容,并且在该滑动显示过程中将第一列表对象从小尺寸规格(即第一尺寸规格)变化为大尺寸规格(即第二尺寸规格);反之,当沿着第一滑动方向的反方向滑动时,即沿着垂直向下的方向滑动时,沿着垂直向上的方向滑动显示子列表中的页面内容,并且在该滑动显示过程中将第一列表对象从大尺寸规格(即第一尺寸规格)变化为小尺寸规格(即第二尺寸规格)。第一滑动方向反过来也是一样的。
又例如,以第一屏幕方向是水平方向,且第一滑动方向为水平向左的滑动方向为例,则随着屏幕上水平向左的滑动操作,沿着水平向左的方向滑动显示子列表中的页面内容,并且在该滑动显示过程中将第一列表对象从小尺寸规格(即第一尺寸规格)变化为大尺寸规格(即第二尺寸规格);反之,当沿着第一滑动方向的反方向滑动时,即沿着水平向右的方向滑动时,沿着水平向右的方向滑动显示子列表中的页面内容,并且在该滑动显示过程中将第一列表对象从大尺寸规格(即第一尺寸规格)变化为小尺寸规格(即第二尺寸规格)。第一滑动方向反过来也是一样的。
进一步可选地,父类列表和子类列表对滑动操作的响应可以具有不同的优先级,谁的优先级高,谁就会优先响应于第一滑动操作而滑动,为了便于用户优先看到完整的子列表中的页面内容,可以设置子类列表的滑动优先级高于父类列表的滑动优先级,所以在沿着第一滑动方向滑动显示子列表中的页面内容之前,无论是哪个方向上的滑动操作,都可以结合第一滑动操作的滑动距离和/或次数,判断子列表在第一滑动方向上是否还存在未出现在屏幕上的页面内容,其中,判断子列表在第一滑动方向上是否存在未出现在屏幕上的页面内容可以理解为第一列表对象在第一滑动方向上是否已经被滑动到底部;若子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,即未被滑动到底部,也就是说子列表还能继续在第一滑动方向上滑动显示,则执行沿着第一滑动方向滑动显示子列表中的页面内容的操作。
其中,结合第一滑动操作的滑动距离和/或次数,判断子列表在第一滑动方向上是否存在未出现在屏幕上的页面内容,几种具体的实施方式如下:
在一种实施方式中,可以根据第一滑动操作的滑动距离,结合预先维护的滑动操作的滑动距离与子列表中页面内容在滑动方向上滑动显示的尺寸映射关系,确定子列表中已经滑动显示的页面内容的尺寸;判断子列表中已经滑动显示的页面内容的尺寸是否等于子列表中全部页面内容在第一滑动方向上的最大页面尺寸,若否,则子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,反之,若是,则子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容。在该实施方式中,不同滑动操作对应的滑动距离不同,不同滑动距离对应的页面内容在滑动方向上滑动显示的尺寸不同。
在另一种实施方式中,可以根据第一滑动操作的次数,结合已经记录的第一滑动操作的次数与子列表中页面内容在滑动方向上滑动显示的尺寸映射关系,确定子列表中已经滑动显示的页面内容的尺寸;判断子列表中已经滑动显示的页面内容的尺寸是否等于子列表中全部页面内容在第一滑动方向上的最大页面尺寸,若否,则子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,反之,若是,则子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容。在该实施方式中,不同滑动次数对应的页面内容在滑动方向上滑动显示的尺寸不同,滑动次数越多,对应的页面内容在滑动方向上滑动显示的尺寸也多。
在又一可选实施例中,可以根据第一滑动操作的滑动距离和次数,结合预先记录的滑动操作的滑动距离以及滑动次数与子列表中页面内容在滑动方向上滑动显示的尺寸映射关系,确定子列表中已经滑动显示的页面内容的尺寸;判断子列表中已经滑动显示的页面内容的尺寸是否等于子列表中全部页面内容在第一滑动方向上的最大页面 尺寸,若否,则子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,反之,若是,则子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容。
进一步,若子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容,则可以沿着第一滑动方向滑动显示嵌套列表中父列表中的页面内容,父列表至少包含子列表,父列表还可以包含除子列表外的其他列表对象。其它列表对象可以包括但不限于:卡片、导航栏以及搜索框中的至少一种。相应地,子列表中除了包含第一列表对象之外,也可以包含其它列表对象,并且对第一列表对象和其它列表对象的实现形态不做限定,例如第一列表对象可以是在第一屏幕方向上支持多种尺寸规格的卡片、导航栏或搜索框,还可以是广告位(banner)。相应地,子列表中的其它列表对象可以包括但不限于:卡片、导航栏以及搜索框中的至少一种。
在本实施例中,由于第一列表对象是基于子列表实现的,为了实现根据第一列表对象在第一屏幕方向上的不同尺寸规格对第一列表对象在第一屏幕方向上进行缩放展示,在基于嵌套列表实现第一页面的过程中,还需要设置子列表在第一屏幕方向上的第一尺寸,且第一尺寸小于第二尺寸,第二尺寸是第一列表对象在第一屏幕方向上的最大尺寸规格和子列表中用于承载其它页面内容的其它列表对象在第一屏幕方向上的尺寸之和。也就是说,第一列表对象是基于子列表的第一尺寸和第二尺寸的差值实现缩放展示的。如图1b所示,以第一屏幕方向是垂直方向为例,左侧显示的是传统方案中屏幕上滑动操作的滑动距离与子列表在第一屏幕方向上的尺寸的对应关系,即两者之间是一种线性关系;而右侧显示的是本实施例方案中屏幕上滑动操作的滑动距离与子列表在第一屏幕方向上的尺寸的对应关系,即两者之间不再是线性关系,折线部分对应于子列表的第一尺寸和第二尺寸的差值,即实现第一列表对象缩放展示的部分尺寸。
其中,设置子列表在第一屏幕方向上的第一尺寸的一种具体实施方式如下:根据第一列表对象在第一屏幕方向上的最大尺寸规格和最小尺寸规格的第一差值,设置子列表在第一屏幕方向上的第一尺寸;第一尺寸为第二尺寸与第一差值的第二差值。接续于图1b,在右侧显示的纵轴折线部分对应于第二差值,基于该第二差值实现对第一列表对象的缩放展示。
在本实施例中,响应于用户的第一滑动操作,有可能会让第一列表对象处于第一尺寸和第二尺寸之间的中间态尺寸,但是处于中间态尺寸的第一列表对象不是稳定状态,为了确保第一列表对象无论是从小尺寸规格变为大尺寸规格,还是大尺寸规格变为小尺寸规格,都能过度到一个稳定状态,则响应于第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示子列表中的页面内容,并将第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格的一具体实施方式如下:响应于第一屏幕方向上的第一滑动操作,根据第一滑动操作的滑动距离,确定子列表中页面内容对应的第一滑动距离;若第一滑动距离小于第一列表对象从第一尺寸规格变化为第二尺寸规格所需的最小距离,则控制子列表中的页面内容沿着第一滑动方向至少滑动最小距离,以在该滑动显示过程中将第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格。其中,滑动操作的滑动距离与页面内容对应的滑动距离之间存在一定对应关系,基于该对应关系,可以根据第一滑动操作的滑动距离,确定子列表中页面内容对应的第一滑动距 离。
其中,在第一尺寸规格小于第二尺寸规格的情况下,本申请实施例提供的页面信息展示方法还包括以下几个维度上的相关操作,下面进行详细说明。
在第一尺寸规格小于第二尺寸规格时,则在第一列表对象处于第二尺寸规格的情况下,在第二屏幕方向上可以轮播显示或滑动显示第一列表对象中的不同第一页面内容,第二屏幕方向不同于第一屏幕方向。轮番显示是指按照设定的时间间隔,在第二屏幕方向上,自动更换不同的第一页面内容,如果第二屏幕方向为水平方向,那么第一页面内容可以从左到右自动更换显示,也可以从右到左更换显示。滑动显示是指响应于第二屏幕方向上的第二滑动操作,沿着第二滑动方向在第一列表对象中滑动显示不同的第一页面内容,同理,如果第二屏幕方向为水平方向,那么滑动显示不同的第一页面内容,可以从左到右滑动显示,也可以从右到左滑动显示。在该实施例中,在第一列表对象在第一屏幕方向上处于大尺寸规格的情况下,可以支持在另一屏幕方向上对不同的第一页面内容进行轮播显示或滑动显示,使得用户可以查看更多不同的第一页面内容,提高第一列表对象的内容曝光度,增加用户点击率。
进一步可选地,不同第一页面内容在第一屏幕方向上所支持的规格可能有所不同,例如有些第一页面内容可能仅支持第一尺寸规格,有些第一页面内容可能同时支持第一尺寸规格、第二尺寸规格,甚至还可以支持大于第二尺寸规格的其它尺寸规格,也可能支持介于第一尺寸规格和第二尺寸规格之间的尺寸规格。对于这种情况,在第一列表对象尺寸规格处于第二尺寸规格的情况下,如果将小于第二尺寸规格的第一页面内容轮番显示或滑动显示于第一列表对象中,会浪费显示资源,且展示效果也不美观,用户体验较差。因此,为了提高显示资源的利用,提高展示效果和用户体验,可以只针对尺寸规格不小于第二尺寸规格的第一页面内容进行轮番显示或滑动显示。可选地,在第二屏幕方向上轮播显示或滑动显示第一列表对象中的不同第一页面内容一种具体的实施方式如下:从第一列表对象中的多个第一页面内容中,选择在第一屏幕方向上的尺寸规格不小于第二尺寸规格的多个目标页面内容;并在第二屏幕方向上轮播显示或滑动显示第一列表对象中的多个目标页面内容。其中,一种优选方式为,对任一个第一页面内容而言,要么在第一屏幕方向上仅支持第一尺寸规格,要么在第一屏幕方向上同时支持第一尺寸规格和第二尺寸规格,则可以从第一列表对象中的多个第一页面内容中,选择在第一屏幕方向上的尺寸规格等于第二尺寸规格的多个目标页面内容,在第二屏幕上轮番显示或滑动显示第一列表中的多个目标对象。
需要说明的是,在第一列表尺寸处于第一尺寸规格的情况下,无论第一列表对象中的多个第一页面内容是不是支持第二尺寸规格,只要多个第一页面内容支持第一尺寸规则,则多个第一页面内容都可以以第一尺寸规格轮番显示或滑动显示于第一列表对象中。也就是说,在第一列表对象在第一屏幕方向上处于小尺寸规格的情况下,同样支持在另一屏幕方向上对不同的第一页面内容进行轮播显示或滑动显示。
其中,上述在第二屏幕方向上滑动显示第一列表对象中的多个目标页面内容一具体实施方式如下:响应于第二屏幕方向上的第二滑动操作,沿着第二滑动方向对第一列表对象中的多个目标页面内容进行切换显示;其中,第二滑动方向是第二滑动操作在二屏幕方向上的滑动方向,本实施例不限定第二滑动操作的方向,在第二屏幕方向 是水平方向的情况下,第二滑动操作可以是从左向右滑动,也可以是从右向左滑动;同理,在第二屏幕方向是垂直方向的情况下,第二滑动操作可以是从上向下滑动,也可以是从下向上滑动。
进一步可选地,用户在屏幕上进行滑动操作时,产生的滑动轨迹不一定是完全沿着第一屏幕方向或第二屏幕方向的,也可能与第一屏幕方向或第二屏幕方向存在一定的误差角度。所以对于任一滑动操作,可以基于该滑动操作的滑动轨迹与第一屏幕方向或第二屏幕方向之间的夹角,来确定该滑动操作对应的滑动方向。基于此,在响应于第二屏幕方向上的第二滑动操作之前,可以获取第二滑动操作的滑动轨迹与第二屏幕方向之间的第二角度;在第二角度小于第二角度阈值的情况下,确定第二滑动操作是第二屏幕方向上的滑动操作。相应地,在响应于第一屏幕方向上的第一滑动操作之前,还包括:获取第一滑动操作的滑动轨迹与第一屏幕方向之间的第一角度;在第一角度小于第一角度阈值的情况下,确定第一滑动操作是第一屏幕方向上的滑动操作。需要说明的是,本实施例对第一角度阈值和第二角度阈值的大小不作限定,第一角度阈值和第二角度阈值可以取相同角度值,也可以取不同角度值。以第一角度阈值和第二角度阈值取相同角度值,例如3°、5°或10°等为例,在第一角度小于3°、5°或10°的情况下,确定第一滑动操作是第一屏幕方向上的滑动操作,以及在第二角度小于3°、5°或10°的情况下,确定第二滑动操作是第二屏幕方向上的滑动操作。
进一步可选地,由于第一列表对象中的多个第一页面内容在第一屏幕方向上所支持的尺寸规格大小不一,那么在第一尺寸规格小于第二尺寸规格的情况下,为了便于用户能够直观地获知哪些第一页面内容可以支持第一列表对象进行缩放,可以在第一列表对象中显示其当前显示的第一页面内容对应的缩放标记信息,根据缩放标记信息确定当前第一页面内容是否支持第一列表对象进行缩放,缩放标记信息表示当前显示的第一页面内容是否支持第一列表对象从第一尺寸规格变为第二尺寸规格。当然,支持第一列表对象从第一尺寸规格变为第二尺寸规格的缩放标记信息,与不支持第一列表对象从第一尺寸规格变为第二尺寸规格的缩放标记信息,在可视化属性上是有所差别的,以便于用户区分。
进一步可选地,根据缩放标记信息确定当前第一页面内容是否支持第一列表对象进行缩放一具体的实施方式如下:当当前第一页面内容对应的缩放标记信息具有第一可视化属性时,表示当前显示的第一页面内容支持第一列表对象从第一尺寸规格变为第二尺寸规格;当当前第一页面内容对应的缩放标记信息具有第二可视化信息时,表示当前显示的第一页面内容不支持第一列表对象从第一尺寸规格变为第二尺寸规格。其中,缩放标记信息可以以任意形式展示,相应的,第一可视化信息和第二可视化信息是缩放标记信息在某一展示形式下的两种不同的展示状态,例如,缩放标记信息可以是在第一列表对象中的设定位置显示的图形标识,如圆形、三角形等。此时,可将圆形的图形标识作为第一可视化信息,将三角形的图形标识作为第二可视化信息;或者,可将图形标识内部为空时作为第一可视化信息,将图形标识内部为实作为第二可视化信息;或者,可将粗线条的图形标识作为第一可视化信息,将细线条的图形标识作为第二可视化信息;或者,将图形标识的闪烁状态作为第一可视化信息,将图形标识的非闪烁状态作为第二可视化状态,本实施例对缩放标记信息及其第一可视化信息、 第二可视化信息不作限定,只要能区分当前页面内容是否支持第一列表对象从第一尺寸规格变为第二尺寸规格即可。
此外,除了显示缩放标记信息外,还可以显示第一列表对象中当前显示的是第几个第一页面内容及第一页面内容总数量的标记信息,本实施例对该标记信息不作限定,例如可以以短线进度条的方式显示在第一列表对象的底部,短线的个数表示第一页面内容的个数,且各短线与第一页面内容一一对应,当横向滑动到某第一页面内容时,短线部分也切换到与该页面内容对应的短线位置,并以高亮的形式展示。
在一可选实施例中,对于支持第一列表对象从第一尺寸规格变为第二尺寸规格的第一页面内容,可以要求该第一页面内容在第一屏幕方向上要支持不小于第二尺寸规格的尺寸规格,优选地,要求该第一页面内容在第一屏幕方向上至少支持第二尺寸规格,这也可以作为判断一个第一页面内容是否支持第一列表对象从第一尺寸规格变为第二尺寸规格的条件。相应地,上述缩放标记信息也可以表示对应第一页面内容在第一屏幕方向上是否支持不小于第二尺寸规格的尺寸规格,例如是否支持第二尺寸规格。
在本申请一些可选实施例中,仍旧以第一尺寸规格小于第二尺寸规格为例,以第一屏幕方向为垂直方向,第一滑动方向为垂直向上,则与第一滑动方向相反的滑动方向为垂直向下,为了便于区分和描述,将垂直向下称为第三滑动方向。基于此,在第一对象列表处于第二尺寸规格的情况下,还可以响应于第一屏幕方向上的第三滑动操作,沿着第三滑动方向滑动显示子列表中的页面内容,并将第一列表对象从第二尺寸规格动态变化为第一尺寸规格。也就是说,当响应于垂直向上的滑动操作时,可以沿着垂直向上的方向显示子列表中的页面内容,并将第一列表对象从小尺寸规格变化为大尺寸规格;反之,当响应于垂直向下的滑动操作时,可沿着垂直向下的方向显示子列表中的页面内容,并将第一列表对象从大尺寸规格变化为小尺寸规格。以及,继续响应于垂直向上的滑动操作,沿着垂直向上的方向显示子列表中的页面内容,并将第一列表对象从小尺寸规格变化为大尺寸规格。即,第一列表对象的尺寸规格可以跟随垂直方向上的上下滑动操作在小尺寸规格和大尺寸规格之间自由切换。
在本申请上述实施例中,并未限定第一列表对象的实现形态,也未限定第一列表对象中承载的第一页面内容的内容形式,也就是说,任何能够承载页面内容的列表对象形态和任何能够被列表对象承载的页面内容均适用于本申请实施例。在下述实施例中,可以以广告场景为例,将第一页面内容作为广告内容,具体为广告图片,将第一列表对象作为广告位(banner)为例,对广告位在页面上的展示和人机交互过程为例对本申请实施例进行场景性说明。
图2a为本申请另一示例性实施例提供的广告图片展示方法的流程示意图。如图2a所示,该方法包括:
201、展示基于嵌套列表实现的第一页面,第一页面上显示有用于承载广告图片的广告位,广告位属于嵌套列表中的子列表,且广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;
202、响应于垂直向上的滑动操作,若子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示子列表中的页面内容,并将广告位从第一尺寸规格动态变化为第二尺寸规格;其中,广告位在不同尺寸规格下对广告图片的显示状态不同, 且第一尺寸规格小于第二尺寸规格。
在本实施例中,广告位具有两个尺寸规格,即第一尺寸规格和第二尺寸规格,且第一尺寸规格小于第二尺寸规格。其中,图2b-图2f展示了本实施例中随着滑动操作屏幕上展示出的不同页面状态。广告位在第一尺寸规格下的展示状态如图2b及2c所示,广告位在第二尺寸规格下的展示状态如图2e及2g所示。在图2b所示的基础上,用户可触发从右向左的滑动操作,或者按照设定的轮播周期,广告位会从广告图片3切换为广告图片2,相应地,下方的短线标记也会从对应广告图片3的高亮变为对应广告图片2的高亮,与此同时,圆形缩放标记也会从实心变为空心,表示广告图片3支持广告位的放大操作,广告图片2不支持广告位的放大操作。在图2b-图2f中,将缩放标记单独进行图示,但并限于此,缩放标记可以与下方的短线标记合并在一起,只要可以区分即可。
进一步,在图2b所示第一页面的状态的基础上,响应于垂直向上的滑动操作,第一页面会进入图2d所示第一页面的状态,广告位从第一尺寸规格动态变化为第二尺寸规格,同时,子列表中的一些内容(例如导航栏部分)已经滑出屏幕。进一步,在图2d所示第一页面的状态的基础上,响应于水平向上的滑动操作或轮播切换,第一页面会进入图2e所示第一页面的状态,广告位处于第二尺寸规格,且从广告图片3切换为广告图片4,下方的短线标记也会从对应广告图片3的高亮变为对应广告图片4的高亮,与此同时,圆形缩放标记继续保持实心,表示广告图片4支持广告位的放大操作。
进一步可选地,在垂直向上的方向滑动显示子列表中的页面内容之前,还包括:结合垂直向上滑动操作的滑动距离和/或次数,判断子列表在垂直向上滑动方向上是否还存在未出现在屏幕上的页面内容;若子列表在垂直向上滑动方向上还存在未出现在屏幕上的页面内容,则执行沿着垂直向上滑动方向滑动显示子列表中的页面内容的操作。进一步可选地,还包括:若子列表在垂直向上滑动方向上已经不存在未出现在屏幕上的页面内容,则沿着垂直向上滑动方向滑动显示嵌套列表中父列表中的页面内容,父列表至少包含子列表。接续于图2d,沿着垂直向上滑动方向滑动显示嵌套列表中父列表中的页面内容得到如图2f所示的第一页面的状态,子列表的内容有一部分被滑出屏幕,父列表下方的内容有一部分滑入屏幕上。
进一步地,在基于嵌套列表实现第一页面的过程中,还包括:设置子列表在垂直方向上的第一尺寸,第一尺寸小于第二尺寸,第二尺寸是广告位在垂直方向上的最大尺寸规格和子列表中各卡片对象在垂直方向上的尺寸之和。
进一步可选地,设置子列表在垂直方向上的第一尺寸,包括:根据第一列表对象在垂直方向上的最大尺寸规格和最小尺寸规格的差值,设置子列表在垂直方向上的第一尺寸;第一尺寸为第二尺寸与差值的差值。
进一步可选地,在水平方向上轮播显示或滑动显示广告位中的多个目标广告图片,包括:响应于水平方向上的第二滑动操作,沿着第二滑动方向对广告位中的多个目标广告图片进行切换显示;其中,第二滑动方向是第二滑动操作在水平方向上的滑动方向。
进一步地,在广告位处于第二尺寸规格的情况下,还包括:在水平方向上轮播显示或滑动显示广告位中的多个目标广告图片;其中,目标广告图片是广告位中在垂直 方向上的尺寸规格为第二尺寸规格的广告图片。
进一步地,在响应于第二屏幕方向上的第二滑动操作之前,还包括:获取第二滑动操作的滑动轨迹与水平方向之间的第二角度;在第二角度小于第二角度阈值的情况下,确定第二滑动操作是水平方向上的滑动操作;相应地,在响应于垂直方向上的第一滑动操作之前,还包括:获取第一滑动操作的滑动轨迹与垂直方向之间的第一角度;在第一角度小于第一角度阈值的情况下,确定第一滑动操作是垂直方向上的滑动操作。
进一步地,在广告位处于第二尺寸规格的情况下,还包括:响应于垂直向下的滑动操作,若子列表在垂直向下的方向上能够继续滑动,沿着垂直向下的方向滑动显示子列表中的页面内容,并将广告位从第二尺寸规格动态变化为第一尺寸规格。
进一步可选地,第一尺寸规格小于第二尺寸规格,还包括:在广告位处于第一尺寸规格的情况下,在广告位中显示其当前显示的广告图片对应的缩放标记信息,缩放标记信息表示当前显示的广告图片是否支持广告位从第一尺寸规格变为第二尺寸规格。本实施例对缩放标记信息不作限定,只要能区分当前页面内容是否支持第一列表对象从第一尺寸规格变为第二尺寸规格即可,如图2b-图2f中所示,缩放标记信息以圆形的形式展示,在圆形为实心圆时,表示当前页面内容支持第一列表对象从第一尺寸规格变为第二尺寸规格;在圆形为空心圆时,表示当前页面内容不支持第一列表对象从第一尺寸规格变为第二尺寸规格。此外,第一列表对象中除显示缩放标记信息外,还可以显示第一列表对象中当前显示的是第几个第一页面内容及第一页面内容总数量的标记信息,本实施例对该标记信息不作限定,例如可以以短线进度条的方式显示在第一页面内容的底部,短线的个数可以等于第一页面内容的个数,且各短线与第一页面内容一一对应,当横向滑动到某第一页面内容时,短线部分也切换到与该页面内容对应的短线位置,并以高亮的形式展示。
进一步可选地,支持广告位从第一尺寸规格变为第二尺寸规格,要求广告图片在水平方向上的尺寸规格不小于第二尺寸规格。
进一步可选地,如图2b→图2f中所示,第一滑动方向为垂直向上,还包括:在广告位处于第二尺寸规格的情况下,响应于垂直方向上的第三滑动操作,沿着第三滑动方向滑动显示子列表中的页面内容,并将广告位从第二尺寸规格动态变化为第一尺寸规格,第三滑动方向为垂直向下。
进一步可选地,响应于垂直方向上的第一滑动操作,沿着第一滑动方向滑动显示子列表中的页面内容,并将广告位从当前第一尺寸规格动态变化为第二尺寸规格,包括:响应于垂直方向上的第一滑动操作,根据第一滑动操作的滑动距离,确定子列表中页面内容对应的第一滑动距离;若第一滑动距离小于广告位从第一尺寸规格变化为第二尺寸规格所需的最小距离,则控制子列表中的页面内容沿着第一滑动方向至少滑动最小距离,并将广告位从当前第一尺寸规格动态变化为第二尺寸规格。
需要说明的是,本实施例提供的广告图片展示方法中各步骤的详细实施方式可参见图1a所示实施例中的相应内容,此处不再赘述。
图3为本申请另一示例性实施例提供的页面信息展示装置的结构示意图。如图3所示,该装置包括:
第一展示模块31,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示 有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;
第二展示模块32,用于响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;
其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
进一步地,第二展示模块32用于在沿着第一滑动方向滑动显示所述子列表中的页面内容之前,还用于:结合所述第一滑动操作的滑动距离和/或次数,判断所述子列表在第一滑动方向上是否还存在未出现在屏幕上的页面内容;若所述子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,则执行沿着第一滑动方向滑动显示所述子列表中的页面内容的操作。
进一步地,第二展示模块32用于:若所述子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容,则沿着所述第一滑动方向滑动显示所述嵌套列表中父列表中的页面内容,所述父列表至少包含所述子列表。
进一步可选地,第一展示模块31用于在基于嵌套列表实现第一页面的过程中,具体用于:设置所述子列表在第一屏幕方向上的第一尺寸,所述第一尺寸小于第二尺寸,所述第二尺寸是所述第一列表对象在第一屏幕方向上的最大尺寸规格和所述子列表中用于承载其它页面内容的其它列表对象在第一屏幕方向上的尺寸之和。
进一步可选地,第二展示模块32在用于设置所述子列表在第一屏幕方向上的第一尺寸时,具体用于:根据所述第一列表对象在第一屏幕方向上的最大尺寸规格和最小尺寸规格的差值,设置所述子列表在第一屏幕方向上的第一尺寸;所述第一尺寸为所述第二尺寸与所述差值的差值。
进一步地,所述第一尺寸规格小于所述第二尺寸规格,第二展示模块32还用于:在所述第一列表对象处于所述第二尺寸规格的情况下,在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容,所述第二屏幕方向不同于所述第一屏幕方向。
进一步可选地,第二展示模块32用于在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容时,具体用于:从所述第一列表对象中的多个第一页面内容中,选择在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格的多个目标页面内容;在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的多个目标页面内容。
进一步可选地,第二展示模块32用于在第二屏幕方向上滑动显示所述第一列表对象中的多个目标页面内容时,具体用于:响应于所述第二屏幕方向上的第二滑动操作,沿着第二滑动方向对所述第一列表对象中的多个目标页面内容进行切换显示;其中,所述第二滑动方向是所述第二滑动操作在所述二屏幕方向上的滑动方向。
进一步可选地,第二展示模块32在响应于所述第二屏幕方向上的第二滑动操作之前,还用于:获取所述第二滑动操作的滑动轨迹与所述第二屏幕方向之间的第二角度;在所述第二角度小于第二角度阈值的情况下,确定所述第二滑动操作是所述第二屏幕 方向上的滑动操作;相应地,第二展示模块32在响应于所述第一屏幕方向上的第一滑动操作之前,还用于:获取所述第一滑动操作的滑动轨迹与所述第一屏幕方向之间的第一角度;在所述第一角度小于第一角度阈值的情况下,确定所述第一滑动操作是所述第一屏幕方向上的滑动操作。
进一步可选地,所述第一尺寸规格小于所述第二尺寸规格,第二展示模块32还用于:在所述第一列表对象处于所述第一尺寸规格的情况下,在所述第一列表对象中显示其当前显示的第一页面内容对应的缩放标记信息,所述缩放标记信息表示当前显示的第一页面内容是否支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格。
进一步地,第二展示模块32在用于支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格时,还用于要求第一页面内容在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格。
进一步可选地,所述第一屏幕方向为垂直方向,所述第一滑动方向为垂直向上,第二展示模块32还用于:在所述第一对象列表处于第二尺寸规格的情况下,响应于所述第一屏幕方向上的第三滑动操作,沿着第三滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从所述第二尺寸规格动态变化为所述第一尺寸规格,所述第三滑动方向为垂直向下。
进一步地,第二展示模块32在用于响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格,具体用于:响应于所述第一屏幕方向上的第一滑动操作,根据所述第一滑动操作的滑动距离,确定所述子列表中页面内容对应的第一滑动距离;若所述第一滑动距离小于所述第一列表对象从所述第一尺寸规格变化为所述第二尺寸规格所需的最小距离,则控制所述子列表中的页面内容沿着第一滑动方向至少滑动所述最小距离,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格。
需要说明的是,本实施例提供的广告图片展示装置中各步骤的详细实施方式可参见图1a所示实施例中的相应内容,此处不再赘述。
图4为本申请另一示例性实施例提供的广告内容展示装置的结构示意图。如图4所示,该装置包括:
第一展示模块41,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载广告图片的广告位,所述广告位属于所述嵌套列表中的子列表,且所述广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;
第二展示模块42,用于响应于垂直向上的滑动操作,若所述子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第一尺寸规格动态变化为所述第二尺寸规格;
其中,所述广告位在不同尺寸规格下对所述广告图片的显示状态不同,且所述第一尺寸规格小于所述第二尺寸规格。
进一步可选地,在垂直向上的方向滑动显示子列表中的页面内容之前,第二展示模块42还用于:结合垂直向上滑动操作的滑动距离和/或次数,判断子列表在垂直向 上滑动方向上是否还存在未出现在屏幕上的页面内容;若子列表在垂直向上滑动方向上还存在未出现在屏幕上的页面内容,则执行沿着垂直向上滑动方向滑动显示子列表中的页面内容的操作。
进一步可选地,第二展示模块42还用于:若子列表在垂直向上滑动方向上已经不存在未出现在屏幕上的页面内容,则沿着垂直向上滑动方向滑动显示嵌套列表中父列表中的页面内容,父列表至少包含子列表。
进一步地,在第一展示模块41用于基于嵌套列表实现第一页面的过程中,还用于:设置子列表在垂直方向上的第一尺寸,第一尺寸小于第二尺寸,第二尺寸是广告位在垂直方向上的最大尺寸规格和子列表中各卡片对象在垂直方向上的尺寸之和。
进一步可选地,第二展示模块42在用于设置子列表在垂直方向上的第一尺寸时,具体用于:根据第一列表对象在垂直方向上的最大尺寸规格和最小尺寸规格的差值,设置子列表在垂直方向上的第一尺寸;第一尺寸为第二尺寸与差值的差值。
进一步地,在广告位处于第二尺寸规格的情况下,第二展示模块42还用于:在水平方向上轮播显示或滑动显示广告位中的多个目标广告图片;其中,目标广告图片是广告位中在垂直方向上的尺寸规格为第二尺寸规格的广告图片。
进一步可选地,第二展示模块42在用于在水平方向上轮播显示或滑动显示广告位中的多个目标广告图片时,具体用于:响应于水平方向上的第二滑动操作,沿着第二滑动方向对广告位中的多个目标广告图片进行切换显示;其中,第二滑动方向是第二滑动操作在水平方向上的滑动方向。
进一步地,在第二展示模块42用于响应于第二屏幕方向上的第二滑动操作之前,还用于:获取第二滑动操作的滑动轨迹与水平方向之间的第二角度;在第二角度小于第二角度阈值的情况下,确定第二滑动操作是水平方向上的滑动操作;相应地,在响应于垂直方向上的第一滑动操作之前,还包括:获取第一滑动操作的滑动轨迹与垂直方向之间的第一角度;在第一角度小于第一角度阈值的情况下,确定第一滑动操作是垂直方向上的滑动操作。
进一步地,在广告位处于第二尺寸规格的情况下,第二展示模块42还用于:响应于垂直向下的滑动操作,若子列表在垂直向下的方向上能够继续滑动,沿着垂直向下的方向滑动显示子列表中的页面内容,并将广告位从第二尺寸规格动态变化为第一尺寸规格。
进一步可选地,第一尺寸规格小于第二尺寸规格,第二展示模块42还用于:在广告位处于第一尺寸规格的情况下,在广告位中显示其当前显示的广告图片对应的缩放标记信息,缩放标记信息表示当前显示的广告图片是否支持广告位从第一尺寸规格变为第二尺寸规格。
进一步可选地,第二展示模块42在用于支持广告位从第一尺寸规格变为第二尺寸规格时,还用于要求广告图片在水平方向上的尺寸规格不小于第二尺寸规格。
进一步可选地,第一滑动方向为垂直向上,第二展示模块42还用于:在广告位处于第二尺寸规格的情况下,响应于垂直方向上的第三滑动操作,沿着第三滑动方向滑动显示子列表中的页面内容,并将广告位从第二尺寸规格动态变化为第一尺寸规格,第三滑动方向为垂直向下。
进一步可选地,第二展示模块42在用于响应于垂直方向上的第一滑动操作,沿着第一滑动方向滑动显示子列表中的页面内容,并将广告位从当前第一尺寸规格动态变化为第二尺寸规格时,具体用于:响应于垂直方向上的第一滑动操作,根据第一滑动操作的滑动距离,确定子列表中页面内容对应的第一滑动距离;若第一滑动距离小于广告位从第一尺寸规格变化为第二尺寸规格所需的最小距离,则控制子列表中的页面内容沿着第一滑动方向至少滑动最小距离,并将广告位从当前第一尺寸规格动态变化为第二尺寸规格。
需要说明的是,本实施例提供的广告图片展示装置中各步骤的详细实施方式可参见图2a所示实施例中的相应内容,此处不再赘述。
图5为本申请一示例性实施例提供的电子设备的结构示意图。如图5所示,该终端设备包括:存储器50a和处理器50b;存储器50a,用于存储计算机程序,处理器50b与存储器50a耦合,用于执行计算机程序,以用于实现以下操作:
展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
进一步地,在处理器50b用于沿着第一滑动方向滑动显示所述子列表中的页面内容之前,还用于:结合所述第一滑动操作的滑动距离和/或次数,判断所述子列表在第一滑动方向上是否还存在未出现在屏幕上的页面内容;若所述子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,则执行沿着第一滑动方向滑动显示所述子列表中的页面内容的操作。
进一步地,处理器50b还用于:若所述子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容,则沿着所述第一滑动方向滑动显示所述嵌套列表中父列表中的页面内容,所述父列表至少包含所述子列表。
进一步可选地,处理器50b用于在基于嵌套列表实现第一页面的过程中,具体用于:设置所述子列表在第一屏幕方向上的第一尺寸,所述第一尺寸小于第二尺寸,所述第二尺寸是所述第一列表对象在第一屏幕方向上的最大尺寸规格和所述子列表中用于承载其它页面内容的其它列表对象在第一屏幕方向上的尺寸之和。
进一步可选地,处理器50b在用于设置所述子列表在第一屏幕方向上的第一尺寸时,具体用于:根据所述第一列表对象在第一屏幕方向上的最大尺寸规格和最小尺寸规格的差值,设置所述子列表在第一屏幕方向上的第一尺寸;所述第一尺寸为所述第二尺寸与所述差值的差值。
进一步地,所述第一尺寸规格小于所述第二尺寸规格,处理器50b还用于:在所述第一列表对象处于所述第二尺寸规格的情况下,在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容,所述第二屏幕方向不同于所述第一屏幕方向。
进一步可选地,处理器50b用于在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容时,具体用于:从所述第一列表对象中的多个第一页面内容中,选择在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格的多个目标页面内容;在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的多个目标页面内容。
进一步可选地,处理器50b用于在第二屏幕方向上滑动显示所述第一列表对象中的多个目标页面内容时,具体用于:响应于所述第二屏幕方向上的第二滑动操作,沿着第二滑动方向对所述第一列表对象中的多个目标页面内容进行切换显示;其中,所述第二滑动方向是所述第二滑动操作在所述二屏幕方向上的滑动方向。
进一步可选地,处理器50b在响应于所述第二屏幕方向上的第二滑动操作之前,还用于:获取所述第二滑动操作的滑动轨迹与所述第二屏幕方向之间的第二角度;在所述第二角度小于第二角度阈值的情况下,确定所述第二滑动操作是所述第二屏幕方向上的滑动操作;相应地,处理器50b在用于响应于所述第一屏幕方向上的第一滑动操作之前,还用于:获取所述第一滑动操作的滑动轨迹与所述第一屏幕方向之间的第一角度;在所述第一角度小于第一角度阈值的情况下,确定所述第一滑动操作是所述第一屏幕方向上的滑动操作。
进一步可选地,所述第一尺寸规格小于所述第二尺寸规格,处理器50b还用于:在所述第一列表对象处于所述第一尺寸规格的情况下,在所述第一列表对象中显示其当前显示的第一页面内容对应的缩放标记信息,所述缩放标记信息表示当前显示的第一页面内容是否支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格。
进一步地,处理器50b在用于支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格时,还用于要求第一页面内容在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格。
进一步可选地,所述第一屏幕方向为垂直方向,所述第一滑动方向为垂直向上,处理器50b还用于:在所述第一对象列表处于第二尺寸规格的情况下,响应于所述第一屏幕方向上的第三滑动操作,沿着第三滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从所述第二尺寸规格动态变化为所述第一尺寸规格,所述第三滑动方向为垂直向下。
进一步地,处理器50b在用于响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格,具体用于:响应于所述第一屏幕方向上的第一滑动操作,根据所述第一滑动操作的滑动距离,确定所述子列表中页面内容对应的第一滑动距离;若所述第一滑动距离小于所述第一列表对象从所述第一尺寸规格变化为所述第二尺寸规格所需的最小距离,则控制所述子列表中的页面内容沿着第一滑动方向至少滑动所述最小距离,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格。
进一步地,如图5所示,该终端设备还包括:通信组件50c、显示器50d、电源组件50e、音频组件50f等其它组件。图5中仅示意性给出部分组件,并不意味着终端设备只包括图5所示组件。
需要说明的是,本实施例提供的页面信息展示装置中各步骤的详细实施方式可参见图1a或2a所示实施例中的相应内容,此处不再赘述。
本申请一示例性实施例提供存储有计算机程序或指令的计算机可读存储介质,当计算机程序或指令被处理器执行时,致使处理器能够实现以上方法中的步骤,此处不再赘述。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (22)

  1. 一种页面信息展示方法,其特征在于,包括:
    展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;
    响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;
    其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
  2. 根据权利要求1所述的方法,其特征在于,在沿着第一滑动方向滑动显示所述子列表中的页面内容之前,还包括:
    结合所述第一滑动操作的滑动距离和/或次数,判断所述子列表在第一滑动方向上是否还存在未出现在屏幕上的页面内容;
    若所述子列表在第一滑动方向上还存在未出现在屏幕上的页面内容,则执行沿着第一滑动方向滑动显示所述子列表中的页面内容的操作。
  3. 根据权利要求2所述的方法,其特征在于,还包括:
    若所述子列表在第一滑动方向上已经不存在未出现在屏幕上的页面内容,则沿着所述第一滑动方向滑动显示所述嵌套列表中父列表中的页面内容,所述父列表至少包含所述子列表。
  4. 根据权利要求1所述的方法,其特征在于,在基于嵌套列表实现第一页面的过程中,还包括:
    设置所述子列表在第一屏幕方向上的第一尺寸,所述第一尺寸小于第二尺寸,所述第二尺寸是所述第一列表对象在第一屏幕方向上的最大尺寸规格和所述子列表中用于承载其它页面内容的其它列表对象在第一屏幕方向上的尺寸之和。
  5. 根据权利要求4所述的方法,其特征在于,设置所述子列表在第一屏幕方向上的第一尺寸,包括:
    根据所述第一列表对象在第一屏幕方向上的最大尺寸规格和最小尺寸规格的差值,设置所述子列表在第一屏幕方向上的第一尺寸;所述第一尺寸为所述第二尺寸与所述差值的差值。
  6. 根据权利要求1所述的方法,其特征在于,所述第一尺寸规格小于所述第二尺寸规格,所述方法还包括:
    在所述第一列表对象处于所述第二尺寸规格的情况下,在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容,所述第二屏幕方向不同于所述第一屏幕方向。
  7. 根据权利要求6所述的方法,其特征在于,在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的不同第一页面内容,包括:
    从所述第一列表对象中的多个第一页面内容中,选择在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格的多个目标页面内容;
    在第二屏幕方向上轮播显示或滑动显示所述第一列表对象中的多个目标页面内容。
  8. 根据权利要求7所述的方法,其特征在于,在第二屏幕方向上滑动显示所述第一列表对象中的多个目标页面内容,包括:
    响应于所述第二屏幕方向上的第二滑动操作,沿着第二滑动方向对所述第一列表对象中的多个目标页面内容进行切换显示;
    其中,所述第二滑动方向是所述第二滑动操作在所述二屏幕方向上的滑动方向。
  9. 根据权利要求8所述的方法,其特征在于,在响应于所述第二屏幕方向上的第二滑动操作之前,还包括:
    获取所述第二滑动操作的滑动轨迹与所述第二屏幕方向之间的第二角度;在所述第二角度小于第二角度阈值的情况下,确定所述第二滑动操作是所述第二屏幕方向上的滑动操作;
    相应地,在响应于所述第一屏幕方向上的第一滑动操作之前,还包括:
    获取所述第一滑动操作的滑动轨迹与所述第一屏幕方向之间的第一角度;在所述第一角度小于第一角度阈值的情况下,确定所述第一滑动操作是所述第一屏幕方向上的滑动操作。
  10. 根据权利要求1所述的方法,其特征在于,所述第一尺寸规格小于所述第二尺寸规格,所述方法还包括:
    在所述第一列表对象处于所述第一尺寸规格的情况下,在所述第一列表对象中显示其当前显示的第一页面内容对应的缩放标记信息,所述缩放标记信息表示当前显示的第一页面内容是否支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格。
  11. 根据权利要求10所述的方法,其特征在于,支持所述第一列表对象从所述第一尺寸规格变为所述第二尺寸规格,要求第一页面内容在所述第一屏幕方向上的尺寸规格不小于所述第二尺寸规格。
  12. 根据权利要求6-11任一项所述的方法,其特征在于,所述第一屏幕方向为垂直方向,所述第一滑动方向为垂直向上,所述方法还包括:
    在所述第一对象列表处于第二尺寸规格的情况下,响应于所述第一屏幕方向上的第三滑动操作,沿着第三滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从所述第二尺寸规格动态变化为所述第一尺寸规格,所述第三滑动方向为垂直向下。
  13. 根据权利要求1-11任一项所述的方法,其特征在于,响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格,包括:
    响应于所述第一屏幕方向上的第一滑动操作,根据所述第一滑动操作的滑动距离,确定所述子列表中页面内容对应的第一滑动距离;
    若所述第一滑动距离小于所述第一列表对象从所述第一尺寸规格变化为所述第二尺寸规格所需的最小距离,则控制所述子列表中的页面内容沿着第一滑动方向至少滑动所述最小距离,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格。
  14. 一种广告图片展示方法,其特征在于,包括:
    展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载广告图片的广告位,所述广告位属于所述嵌套列表中的子列表,且所述广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;
    响应于垂直向上的滑动操作,若所述子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第一尺寸规格动态变化为所述第二尺寸规格;
    其中,所述广告位在不同尺寸规格下对所述广告图片的显示状态不同,且所述第一尺寸规格小于所述第二尺寸规格。
  15. 根据权利要求14所述的方法,其特征在于,在基于嵌套列表实现第一页面的过程中,还包括:
    设置所述子列表在垂直方向上的第一尺寸,所述第一尺寸小于第二尺寸,所述第二尺寸是所述广告位在垂直方向上的最大尺寸规格和所述子列表中各卡片对象在垂直方向上的尺寸之和。
  16. 根据权利要求15所述的方法,其特征在于,设置所述子列表在垂直方向上的第一尺寸,包括:
    根据所述第一列表对象在垂直方向上的最大尺寸规格和最小尺寸规格的差值,设置所述子列表在垂直方向上的第一尺寸;所述第一尺寸为所述第二尺寸与所述差值的差值。
  17. 根据权利要求14-16任一项所述的方法,其特征在于,在所述广告位处于所述第二尺寸规格的情况下,所述方法还包括:
    在水平方向上轮播显示或滑动显示所述广告位中的多个目标广告图片;其中,所述目标广告图片是所述广告位中在垂直方向上的尺寸规格为所述第二尺寸规格的广告图片。
  18. 根据权利要求14-16任一项所述的方法,其特征在于,在所述广告位处于所述第二尺寸规格的情况下,所述方法还包括:
    响应于垂直向下的滑动操作,若所述子列表在垂直向下的方向上能够继续滑动,沿着垂直向下的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第二尺寸规格动态变化为所述第一尺寸规格。
  19. 一种页面信息展示装置,其特征在于,包括:
    第一展示模块,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载第一页面内容的第一列表对象,所述第一列表对象属于所述嵌套列表中的子列表,且其在第一屏幕方向上具有不同的尺寸规格;
    第二展示模块,用于响应于所述第一屏幕方向上的第一滑动操作,沿着第一滑动方向滑动显示所述子列表中的页面内容,并将所述第一列表对象从当前第一尺寸规格动态变化为第二尺寸规格;
    其中,所述第一滑动方向是所述第一滑动操作在所述第一屏幕方向上的滑动方向,所述第一列表对象在不同尺寸规格下对所述第一页面内容的显示状态不同。
  20. 一种广告内容展示装置,其特征在于,包括:
    第一展示模块,用于展示基于嵌套列表实现的第一页面,所述第一页面上显示有用于承载广告图片的广告位,所述广告位属于所述嵌套列表中的子列表,且所述广告位在垂直方向上具有第一尺寸规格和第二尺寸规格;
    第二展示模块,用于响应于垂直向上的滑动操作,若所述子列表在垂直向上的方向上能够继续滑动,沿着垂直向上的方向滑动显示所述子列表中的页面内容,并将所述广告位从所述第一尺寸规格动态变化为所述第二尺寸规格;
    其中,所述广告位在不同尺寸规格下对所述广告图片的显示状态不同,且所述第一尺寸规格小于所述第二尺寸规格。
  21. 一种电子设备,其特征在于,包括:存储器和处理器;所述存储器,用于存储计算机程序,所述处理器与所述存储器耦合,用于执行所述计算机程序,以用于执行权利要求1-18任一项所述方法中的步骤。
  22. 一种存储有计算机程序的计算机可读存储介质,其特征在于,当所述计算机程序被处理器执行时,致使所述处理器能够实现权利要求1-18任一项所述方法中的步骤。
PCT/CN2023/097302 2022-06-01 2023-05-31 页面信息和广告图片展示方法、装置、设备及存储介质 WO2023232051A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210623061.8 2022-06-01
CN202210623061.8A CN115375342A (zh) 2022-06-01 2022-06-01 页面信息和广告图片展示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2023232051A1 true WO2023232051A1 (zh) 2023-12-07

Family

ID=84062057

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/097302 WO2023232051A1 (zh) 2022-06-01 2023-05-31 页面信息和广告图片展示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN115375342A (zh)
WO (1) WO2023232051A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115375342A (zh) * 2022-06-01 2022-11-22 阿里巴巴(中国)有限公司 页面信息和广告图片展示方法、装置、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109814961A (zh) * 2018-12-26 2019-05-28 北京城市网邻信息技术有限公司 列表控制方法、装置、电子设备及存储介质
CN111857718A (zh) * 2020-07-29 2020-10-30 网易(杭州)网络有限公司 列表的编辑方法、装置、设备及存储介质
CN114564275A (zh) * 2022-03-16 2022-05-31 北京贝壳时代网络科技有限公司 元素列表的刷新控制方法、装置、存储介质及电子设备
CN115375342A (zh) * 2022-06-01 2022-11-22 阿里巴巴(中国)有限公司 页面信息和广告图片展示方法、装置、设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109814961A (zh) * 2018-12-26 2019-05-28 北京城市网邻信息技术有限公司 列表控制方法、装置、电子设备及存储介质
CN111857718A (zh) * 2020-07-29 2020-10-30 网易(杭州)网络有限公司 列表的编辑方法、装置、设备及存储介质
CN114564275A (zh) * 2022-03-16 2022-05-31 北京贝壳时代网络科技有限公司 元素列表的刷新控制方法、装置、存储介质及电子设备
CN115375342A (zh) * 2022-06-01 2022-11-22 阿里巴巴(中国)有限公司 页面信息和广告图片展示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN115375342A (zh) 2022-11-22

Similar Documents

Publication Publication Date Title
US20210349615A1 (en) Resizing graphical user interfaces
Carpendale et al. A framework for unifying presentation space
CN102549544B (zh) 动态图像呈现
US6133914A (en) Interactive graphical user interface
US9092121B2 (en) Copy and paste experience
US11928305B2 (en) Techniques to modify content and view content on mobile devices
JP5726916B2 (ja) マルチスクリーンの縮小及び拡大ジェスチャー
US8456488B2 (en) Displaying digital images using groups, stacks, and version sets
US11010032B2 (en) Navigating a hierarchical data set
CN106303740B (zh) 智能电视的桌面导航系统及该系统的实现方法
RU2540826C2 (ru) Активация внутренней прокрутки и декорирование курсора
EP3531278A1 (en) Method and device for presenting animation image on mobile device
JP2017517055A (ja) 選択可能なコントロールおよびコマンドを表示および拡大縮小するためのコマンドユーザインターフェース
WO2023232051A1 (zh) 页面信息和广告图片展示方法、装置、设备及存储介质
JP2013521547A (ja) マルチスクリーンのホールド及びページフリップジェスチャー
US8504915B2 (en) Optimizations for hybrid word processing and graphical content authoring
WO2020107850A1 (zh) 大屏场景的编辑方法、装置及计算机可读存储介质
WO2022041513A1 (zh) 历史实体数据的展示方法、装置、计算机程序及可读介质
CN103870134A (zh) 一种信息浏览的方法及装置
CN112783398A (zh) 显示控制与交互控制方法、设备、系统及存储介质
WO2022252775A1 (zh) 游戏中的显示控制方法、装置和电子设备
TWI633482B (zh) Grid moving display processing method and system thereof
CN104850568A (zh) 一种演示文稿显示内容的控制方法及系统
WO2022017090A1 (zh) 一种信息显示方法、电子设备和存储介质
KR20130138874A (ko) 보조페이지 출력이 가능한 출력장치, 보조페이지 출력방법 및 그 방법을 구현하는 프로그램이 기록된 기록매체

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23815229

Country of ref document: EP

Kind code of ref document: A1