WO2023138294A1 - 一种信息展示方法、装置、设备及介质 - Google Patents
一种信息展示方法、装置、设备及介质 Download PDFInfo
- Publication number
- WO2023138294A1 WO2023138294A1 PCT/CN2022/141135 CN2022141135W WO2023138294A1 WO 2023138294 A1 WO2023138294 A1 WO 2023138294A1 CN 2022141135 W CN2022141135 W CN 2022141135W WO 2023138294 A1 WO2023138294 A1 WO 2023138294A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- information
- card
- cards
- sliding
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Definitions
- the present disclosure relates to the technical field of information processing, and in particular to an information display method, device, equipment and medium.
- the display method of the above-mentioned preview information flow is usually a top-down direction.
- An embodiment of the present disclosure provides an information display method, the method including:
- the information flow page including multiple rows consisting of the initial information cards, at least one row of the multiple rows consisting of two or more initial information cards;
- An embodiment of the present disclosure also provides an information display device, the device comprising:
- a display module configured to display at least two initial information cards on an information flow page, where the information flow page includes multiple rows consisting of the initial information cards, at least one row of the multiple rows consisting of two or more initial information cards;
- a slide-out module configured to, in response to a first slide operation in a preset direction, determine a card to be removed from among the at least two initial information cards according to a target slide unit corresponding to the first slide operation, and slide the card to be removed out of the information flow page along the preset direction;
- a determining module determining at least one target information card according to the target sliding unit
- the slide-in module is used to slide other cards of the at least two initial information cards except the card to be removed along the target sliding unit along the preset direction, and slide the at least one target information card into the information flow page along the preset direction until the at least one target information card is completely displayed.
- the embodiment of the present disclosure also provides an electronic device, the electronic device includes: a memory; and a processor coupled to the memory, the processor is configured to implement the information display method provided by the embodiment of the present disclosure based on instructions stored in the memory.
- the embodiment of the present disclosure also provides a computer-readable storage medium, the storage medium stores a computer program, and the computer program is used to execute the information presentation method provided by the embodiment of the present disclosure.
- An embodiment of the present disclosure also provides a computer program, including: instructions, which when executed by a processor cause the processor to execute the information display method provided by the embodiment of the present disclosure.
- FIG. 1 is a schematic flowchart of an information display method provided by an embodiment of the present disclosure
- FIG. 2 is a schematic diagram of information display provided by an embodiment of the present disclosure
- FIG. 3 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
- FIG. 4 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
- FIG. 5 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
- FIG. 6 is a schematic flowchart of another information display method provided by an embodiment of the present disclosure.
- FIG. 7 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
- FIG. 8 is a schematic structural diagram of an information display device provided by an embodiment of the present disclosure.
- FIG. 9 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
- the term “comprise” and its variations are open-ended, ie “including but not limited to”.
- the term “based on” is “based at least in part on”.
- the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
- the information display method in the embodiment of the present disclosure is mainly applicable to a scene of information flow display, for example, a scene of preview information flow display, or a scene of detailed information flow display.
- the information display method provided by the embodiments of the present disclosure can be executed by an information display device, wherein the device can be implemented by software and/or hardware, and the device can be integrated in an electronic device with a video playback function, such as a mobile phone, a palmtop computer, a tablet computer, a notebook computer or a desktop computer, etc.
- the display method of the above-mentioned preview information flow is usually a top-down direction.
- the display direction is relatively single, which cannot meet the user's browsing needs for other directions, and the display position of the information is fixed, and some information may be cut off, resulting in poor display effect of the preview information stream.
- the present disclosure provides an information display method, device, equipment and medium.
- Fig. 1 is a schematic flowchart of an information display method provided by an embodiment of the present disclosure. As shown in Fig. 1, the information display method specifically includes the following steps.
- Step 101 Display at least two initial information cards on the information flow page.
- the information flow page includes multiple rows consisting of initial information cards, and at least one row in the multiple rows consists of more than two initial information cards.
- the information flow page may be a page in the application for displaying information flow to the user.
- the information flow page may be a preview information flow page, a detailed information flow page, etc. of different types of information such as video, text, or images.
- the information card can display information in the form of a card.
- One information card corresponds to one piece of information.
- the format of the information is not limited.
- the information can be video, text, or image.
- the initial information card can be understood as the information card currently displayed on the information flow page, and the sizes of different initial information cards can be the same or different.
- the information display device may load an information flow page to present to the user, the information flow page displays at least two initial information cards, and the information flow page includes multiple rows composed of initial information cards, and the multiple rows consist of more than two initial information cards, that is, at least one row of the information flow page displays two or more initial information cards.
- At least two initial information cards can be displayed in the form of multiple rows and multiple columns
- the number of rows can include at least one row
- the number of columns in different rows can be the same or different
- the number of columns in at least one target row can be at least two columns, that is, the target row consists of at least two initial information cards
- the number of target rows is one or more
- the number of columns in other rows except the target row is one column, that is, only one initial information card is displayed. It can be understood that when the number of rows is only one row, only one row is displayed on the information flow page, and the row consists of at least two initial information cards.
- FIG. 2 is a schematic diagram of an information presentation provided by an embodiment of the present disclosure.
- an information flow page 200 is shown in the figure, and the information flow page 200 includes 7 initial information cards, and the first row, the second row, and the fourth row each have two columns, and two initial information cards are displayed, and one initial information card is displayed on the fourth row.
- Fig. 2 is only an example of an information flow page, but not a limitation.
- Step 102 In response to the first sliding operation in the preset direction, determine the card to be removed from the at least two initial information cards according to the target sliding unit corresponding to the first sliding operation, and slide the card to be removed out of the information flow page along the preset direction.
- the first sliding operation refers to a sliding operation in a preset direction triggered by a user.
- the target sliding unit can be understood as the sliding unit set for the user's sliding operation.
- the target sliding unit can include a fixed sliding distance, a real-time sliding distance or a card set.
- the fixed sliding distance can be understood as a preset unit distance. No matter how large the actual distance of the user's sliding operation is, sliding is performed in units of fixed sliding units.
- the fixed sliding distance is less than or equal to the size of the information flow page in the preset direction.
- the size of the information flow page in the preset direction is the width of the information flow page;
- the size of the information flow page in the preset direction is the oblique length of the information flow page.
- the real-time sliding distance is the real-time distance corresponding to the user's sliding operation.
- the preset direction may include leftward, rightward or oblique.
- determining the card to be removed from the at least two initial information cards according to the target sliding unit may include: determining an initial information card with at least a partial area within the target sliding unit among the at least two initial information cards as a card to be removed.
- the card to be removed can be understood as the information card that needs to be removed from the page among the at least two initial information cards displayed on the above-mentioned information flow page.
- the partial area can be any area with an area greater than zero, which can be set according to the actual situation. For example, the partial area can be 1/3 area, 1/2 area, or the entire area.
- the information display device can detect the user's trigger operation.
- the boundary of the information flow page in the preset direction can be used as the starting line. For example, when the preset direction is to the left, the boundary of the preset direction is the left boundary; Then it is determined that the initial information card is in the target sliding unit, that is, the initial information card is a card to be removed; if the area of an initial information card between the start line and the end line is smaller than the above-mentioned partial area, then the initial information card does not belong to the card to be removed. After determining the card to be removed, the information display device may slide the card to be removed out of the information flow page in a preset direction until it is completely slid out.
- FIG. 3 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
- an information flow page 300 is shown in the figure.
- the information flow page 300 is the same as the information flow page 200 in FIG. 02, the dashed arrow indicates the sliding direction of the starting line 301.
- the partial area is 1/3 area, at this time the initial information cards 1, 3, 5, and 6 are determined to be at least partially between the starting line 301 and the ending line 302, that is, the initial information cards 1, 3, 5, and 6 are determined to be cards to be removed within the target sliding unit.
- the card to be removed can be understood as the initial information card in at least a part of the at least two initial information cards displayed on the above-mentioned information flow page after sliding the above-mentioned real-time sliding distance in a preset direction.
- the aforementioned card set may be a set composed of multiple information cards, and the combined size of a card set is the same as that of the information flow page.
- the preset direction is not limited, that is, the preset direction may include upward, downward, leftward, rightward or oblique.
- the cards to be removed include at least two initial information cards currently displayed on the information flow page, that is, at least two initial information cards form a card set, and the entire card set is cards to be removed.
- Step 103 determining at least one target information card according to the target sliding unit.
- the target information card can be understood as an information card that will be displayed on the information flow page among the preloaded information cards.
- the preloaded information card may be a preloaded information card for the information flow page, the preloaded information card has been downloaded and rendered, and can be displayed directly without real-time loading.
- determining at least one target information card according to the target sliding unit may include: determining a preloaded information card whose at least partial area is within the target sliding unit among the plurality of preloaded information cards in the preset direction as the target information card.
- the partial area may be any area with an area greater than zero, which may be set according to actual conditions.
- the multiple preloaded information cards in the preset direction may be multiple preloaded information cards that are about to slide along the preset direction, that is, the multiple preloaded information cards on the information flow page in the opposite direction of the preset direction.
- the information display device can obtain a plurality of preloaded information cards in the preset direction corresponding to the first sliding operation; and use the boundary of the information flow page in the opposite direction of the preset direction as the starting line, for example, when the preset direction is to the left, the boundary in the opposite direction of the preset direction is the right boundary; between the lines, it is determined that the preloaded information card is within the target sliding unit, that is, the preloaded information card is the target information card.
- the solid line arrow in the figure indicates that the preset direction is to the left, and the multiple preloaded information cards in the preset direction are the multiple preloaded information cards on the right of the information flow page, and the dotted line area indicates the preloaded information cards that have not yet been displayed on the information flow page, as shown in the preloaded information cards 8, 9, 10, and 11.
- the starting line 303 is on the right border of the information flow page, and the target sliding unit can be a fixed sliding distance.
- the fixed sliding distance can be equal to the width of the smaller initial information card in the figure.
- the starting line 303 moves to the right by the target sliding unit to obtain the ending line 304.
- the dotted arrow indicates the sliding direction of the starting line 303.
- the preloaded information cards 8, 9, 10, and 11 are determined to be at least part of the area between the starting line 303 and the ending line 304, that is, within the target sliding unit. card.
- the target information card can be a plurality of pre-loaded information cards in the preset direction at this time, and the area displayed on the information flow page after sliding the above-mentioned real-time sliding distance in the preset direction is at least a part of the pre-loaded information card.
- the multiple preloaded information cards are combined into at least one card set according to the size of the information flow page, and the card set includes at least one preloaded information card, and the size of the preloaded information card is smaller than or equal to the information flow page.
- the preloaded information card can be a preloaded information card for the information flow page, which can be loaded infinitely or according to a preset number.
- FIG. 4 is a schematic diagram of another kind of information display provided by the embodiment of the present disclosure.
- the current information flow page 400 and a deck of cards in each direction of the information flow page are shown in the figure, and 8 card decks facing left, right, up, down, and oblique are respectively shown in the figure.
- the oblique directions can include upward left, upward right, downward left, and downward right.
- the number, size, and arrangement direction of preloaded information cards in different decks can be flexibly combined according to the size of the information flow page.
- the upward deck includes two preloaded information cards of the same size
- the downward deck includes four preloaded information cards of different sizes. It can be understood that the card decks in each direction of the information flow page in FIG. 4 are only examples, not limitations.
- the target information card includes a preloaded information card in a next deck in a preset direction.
- the next deck of cards in the preset direction may be the next deck of cards to be slid along the preset direction, that is, the next deck of cards on the information flow page in the opposite direction of the preset direction.
- the upward next deck 402 of the information flow page may be determined as the next deck in the preset direction, that is, all preloaded information cards in the next deck 402 are determined as target information cards.
- Step 104 Slide the other cards except the card to be removed out of the at least two initial information cards along the preset direction for the target sliding unit, and slide at least one target information card into the information flow page along the preset direction until at least one target information card is completely displayed.
- the information display device can slide the other cards of the at least two initial information cards except the card to be removed out of the target sliding unit along the preset direction, and slide at least one target information card into the information flow page along the preset direction.
- the target information card slides the target sliding unit along the preset direction, it can stop sliding, otherwise it can continue to slide until each target information card can be completely displayed on the information flow page, then stop sliding.
- Adaptive full display will not be cropped.
- the first card among other cards except the card to be removed can stop sliding after sliding the target sliding unit.
- the first card is a card in other cards that is not in the same row as the target information card; and the second card in other cards can be slid out of the information flow page due to the complete display of the target information card.
- the second card is a card in the same row as the target information card in other cards; If at least two initial information cards are all determined as cards to be removed, the information display device may only slide the target information card and display it adaptively and completely.
- FIG. 5 is a schematic diagram of another information display provided by the embodiment of the present disclosure, as shown in FIG. 5.
- FIG. 5 shows an information flow page 500 after the first sliding operation to the left.
- the target sliding unit in the figure can be a fixed sliding distance, for example, the fixed sliding distance is equal to the width of the initial information card with a smaller size in the figure.
- the initial information cards 1, 3, 5, and 6 in FIG. Cards 9 and 11 are located at the positions of initial information cards 4 and 7 before sliding, so preloaded information cards 8, 9, 10 and 11 in FIG.
- the cards 1, 3, 5, and 6 to be removed can be slid out of the information flow page to the left, and the initial information cards 2, 4, and 7 are slid to the left by the above-mentioned target sliding unit, and the target information cards 8, 9, 10, and 11 are slid to the left into the information flow page.
- the target information cards 9 and 11 can be completely displayed after sliding according to the above-mentioned target sliding unit. After sliding, some areas are not displayed. At this time, the target information cards 8 and 10 can be fully displayed adaptively.
- the initial information card 2 is slid to the left due to the complete display of the target information card 8, and the information flow page 500 is finally displayed.
- the target sliding unit is the real-time sliding distance
- the information display device displays at least two initial information cards on the information flow page
- at least two initial information cards and a plurality of preloaded information cards along the preset direction can be slid along the preset direction by the real-time sliding distance of the first sliding operation, and the area where each initial information card is slid out of the information flow page is determined, and the initial information cards whose area is greater than or equal to a part of the area are determined as cards to be removed and continue to slide along the preset direction until sliding out of the information flow page; area, determine the preloaded information card whose area is greater than or equal to part of the area as the target information card, and continue to slide along the preset direction until the target information card can be fully displayed.
- the information card can be slid according to the real-time sliding distance of the swipe operation, and at this time, the self-adaptive and complete display of the information card can also be realized when the information card is slid into the display to ensure that the information is not cut.
- the target sliding unit is a card set
- the information display device displays at least two initial information cards on the information flow page
- all the initial information cards displayed on the information flow page can be used as cards to be removed, slide out of the information flow page along the preset direction of the first sliding operation, and slide the next card set in the preset direction into the information flow page and display it. Since the next card set is combined according to the size of the information flow page, it can be displayed completely. For example, referring to FIG. 4 , when the user triggers the first downward sliding operation, the currently displayed three initial information cards can be moved down as a card set 401 out of the information flow page, and the next upward card set 402 of the information flow page can be slid down into the information flow page for display.
- information cards can be displayed by sliding and switching on the information flow page in units of card groups.
- the size of the card group corresponds to the size of the information flow page, that is, corresponds to the screen of the current device, so that the information cards can be slid in units of screens, and the information in the information cards will not be cut, which further improves the effect of information display.
- the information flow page includes multiple lines composed of initial information cards, and at least one line in the multiple lines is composed of more than two initial information cards; in response to the first sliding operation in the preset direction, determine the card to be removed from the at least two initial information cards according to the target sliding unit corresponding to the first sliding operation, and slide the card to be removed out of the information flow page along the preset direction; determine at least one target information card according to the target sliding unit; Slide the target sliding unit, and slide at least one target information card into the information flow page along the preset direction until at least one target information card is completely displayed.
- the card to be removed and the target information card can be determined according to the target sliding unit, and then the card to be removed is slid out and the target information card is slid in until it is fully displayed.
- FIG. 6 is a schematic flowchart of another information display method provided by an embodiment of the present disclosure.
- the information display method may further include at least one of the following steps 601 or 602.
- Step 601 in response to the second sliding operation, switch and display the previous deck displayed in the history on the information flow page along the sliding direction of the second sliding operation.
- the sliding direction of the second sliding operation is opposite to that of the first sliding operation.
- the information display device switches and displays the information cards on the information flow page along the preset direction of the first sliding operation in units of card groups in response to the first sliding operation, if it receives a second sliding operation from the user opposite to the preset direction of the first sliding operation, it can switch and display the previous card group that has been displayed along the sliding direction of the second sliding operation, that is, the above-mentioned at least two initial information cards, so that the user can return quickly when he wants to look back at the information cards he has seen before.
- the next card group 402 is slid upwards out of the information flow page, and the card group 401 of the three initial information cards displayed in history is the previous card group that slides upward into the information flow page for display.
- Step 602 may be performed after step 601 .
- Step 602 in response to the third sliding operation after the refresh operation, switch and display the next deck of cards in the sliding direction of the third sliding operation on the information flow page along the sliding direction of the third sliding operation.
- the sliding direction of the third sliding operation is opposite to that of the first sliding operation, and may be the same as or different from the sliding direction of the second sliding operation.
- the refresh operation may be an operation for refreshing the preloaded information card based on the current information flow page, and the specific form of the operation may be a trigger operation on a preset refresh button, or other gesture operations, etc., and is not limited in detail.
- the next card set in the sliding direction of the third sliding operation may be the next card set to be slid along the sliding direction of the third sliding operation, that is, the next card set on the information flow page in the opposite direction of the sliding direction of the third sliding operation.
- the card sets on the information flow page in different directions can be refreshed, that is, the card sets displayed in the history of the information flow page are refreshed as a new card set; This sliding direction slides into the information flow page and displays it. At this time, the next deck is not the deck displayed in history, but the refreshed deck.
- the information display device may also add a refresh instruction to the sliding operation, and in response to the third sliding operation of the user, determine that the refresh instruction is received, refresh the decks of the information flow page in different directions, and switch and display the next deck of cards in the sliding direction of the third sliding operation on the information flow page along the sliding direction of the third sliding operation.
- the historically displayed card set 401 is switched to a new card set. After receiving the third upward sliding operation, slide the new downward next card set on the information flow page upwards to display on the information flow page.
- the refreshed information card can be displayed instead of the historically displayed information card, so that the user can browse new information at any position, which is more in line with the actual needs of the user.
- the information display method may further include: in response to the fourth sliding operation, using the at least two initial information cards and multiple preloaded information cards as a whole card, and slidingly displaying the whole card on the information flow page according to the sliding direction and real-time sliding distance of the fourth sliding operation.
- the fourth sliding operation may be a sliding operation in any direction, for example, the sliding direction of the fourth sliding operation may include leftward, rightward, upward, downward and oblique.
- the information display device may receive a fourth sliding operation triggered by the user, use the at least two initial information cards displayed on the current information flow page and multiple preloaded information cards in different directions of the information flow page as a whole card, and slide the whole card along the sliding direction of the fourth sliding operation for the above-mentioned real-time sliding distance.
- the information flow page displays a part of the whole card. Since the real-time sliding distance is not limited, the information card can be displayed completely, or only a part of the area.
- FIG. 7 is a schematic diagram of another information presentation provided by an embodiment of the present disclosure. As shown in FIG. 7 , an information flow page 700 after the above-mentioned fourth sliding operation is shown in the figure. The information flow page in FIG. not shown in Figure 7).
- the information cards displayed on the information flow page can slide freely in any direction and unlimited sliding distance, that is, the information cards and preloaded information cards can be freely slid up, down, left, and right like a car canvas to switch and display new information, which further improves the flexibility and diversity of information display.
- FIG. 8 is a schematic structural diagram of an information display device provided by an embodiment of the present disclosure.
- the device can be implemented by software and/or hardware, and generally can be integrated into an electronic device. As shown in Figure 8, the device includes:
- a display module 801 configured to display at least two initial information cards on an information flow page, where the information flow page includes multiple rows consisting of the initial information cards, at least one row of the multiple rows consisting of two or more initial information cards;
- the slide-out module 802 is configured to, in response to a first slide operation in a preset direction, determine a card to be removed from the at least two initial information cards according to a target slide unit corresponding to the first slide operation, and slide the card to be removed out of the information flow page along the preset direction;
- the slide-in module 804 is configured to slide other cards of the at least two initial information cards except the card to be removed by the target sliding unit along the preset direction, and slide the at least one target information card into the information flow page along the preset direction until the at least one target information card is completely displayed.
- the target sliding unit includes a fixed sliding distance, a real-time sliding distance or a deck of cards, and the fixed sliding distance is less than or equal to the size of the information flow page in the preset direction.
- the slide-out module 802 is specifically used for:
- the determining module 803 is specifically configured to:
- the preloaded information card whose area at least partially is within the target sliding unit is determined as the target information card.
- the multiple preloaded information cards are combined into at least one card set according to the size of the information flow page, and the card set includes at least one preloaded information card, and the size of the preloaded information card is smaller than or equal to the information flow page.
- the cards to be removed include the at least two initial information cards, and the target information cards include preloaded information cards in the next card set in the preset direction.
- the device also includes a first switching module, configured to:
- the sliding direction of the second sliding operation is opposite to that of the first sliding operation.
- the device also includes a second switching module, used for:
- the sliding direction of the third sliding operation is opposite to that of the first sliding operation.
- the information display device provided by the embodiments of the present disclosure can execute the information display method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the method.
- An embodiment of the present disclosure further provides a computer program product, including a computer program/instruction, and when the computer program/instruction is executed by a processor, the information display method provided by any embodiment of the present disclosure is implemented.
- FIG. 9 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. Referring to FIG. 9 in detail below, it shows a schematic structural diagram of an electronic device 900 suitable for implementing an embodiment of the present disclosure.
- the electronic device 900 in an embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc.
- the electronic device shown in FIG. 9 is only an example, and should not limit the functions and application scope of the embodiments of the present disclosure.
- an electronic device 900 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 901, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 into a random access memory (RAM) 903.
- ROM read-only memory
- RAM random access memory
- various programs and data necessary for the operation of the electronic device 900 are also stored.
- the processing device 901, ROM 902, and RAM 903 are connected to each other through a bus 904.
- An input/output (I/O) interface 905 is also connected to the bus 904 .
- the following devices may be connected to the I/O interface 905: an input device 906 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909.
- the communication means 909 may allow the electronic device 900 to perform wireless or wired communication with other devices to exchange data. While FIG. 9 shows electronic device 900 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
- embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart.
- the computer program may be downloaded and installed from a network via communication means 909, or from storage means 908, or from ROM 902.
- the processing device 901 the above-mentioned functions defined in the information presentation method of the embodiment of the present disclosure are executed.
- the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
- a computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to, electrical connections having one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
- a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
- a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
- a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
- Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
- the client and the server can communicate using any currently known or future-developed network protocols such as HTTP (HyperText Transfer Protocol, Hypertext Transfer Protocol), and can be interconnected with any form or medium of digital data communication (for example, a communication network).
- HTTP HyperText Transfer Protocol
- Examples of communication networks include local area networks ("LANs”), wide area networks ("WANs”), internetworks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.
- the above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
- the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: displays at least two initial information cards on an information flow page, the information flow page includes multiple rows consisting of the initial information cards, at least one row of the multiple rows is composed of two or more initial information cards; in response to the first sliding operation in a preset direction, determine the card to be removed from the at least two initial information cards according to the target sliding unit corresponding to the first sliding operation, and slide the card to be removed out of the information flow page along the preset direction; Determine at least one target information card according to the target sliding unit; slide the target sliding unit in the at least two initial information cards except the card to be removed along the preset direction, and slide the at least one target information card into the information flow page along the preset direction until the at least one target information card is completely displayed.
- Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and conventional procedural programming languages—such as the “C” language or similar programming languages.
- the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
- the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (e.g., through the Internet using an Internet service provider).
- LAN local area network
- WAN wide area network
- Internet service provider e.g., AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
- each block in the flowchart or block diagram may represent a module, program segment, or portion of code that includes one or more executable instructions for implementing specified logical functions.
- the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
- the units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of a unit does not constitute a limitation of the unit itself under certain circumstances.
- FPGAs Field Programmable Gate Arrays
- ASICs Application Specific Integrated Circuits
- ASSPs Application Specific Standard Products
- SOCs System on Chips
- CPLDs Complex Programmable Logic Devices
- a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
- a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
- a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
- a machine-readable storage medium would include one or more wire-based electrical connections, a portable computer disk, a hard disk, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
- RAM random access memory
- ROM read only memory
- EPROM or flash memory erasable programmable read only memory
- CD-ROM compact disk read only memory
- magnetic storage devices or any suitable combination of the foregoing.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例涉及一种信息展示方法、装置、设备及介质,该信息展示方法包括:在信息流页面展示至少两个初始信息卡片,信息流页面包括由初始信息卡片组成的多行,多行中至少一行由两个以上初始信息卡片组成;响应于预设方向的第一滑动操作,根据第一滑动操作对应的目标滑动单位确定至少两个初始信息卡片中的待移出卡片,并将待移出卡片沿预设方向滑出信息流页面;根据目标滑动单位确定至少一个目标信息卡片;将至少两个初始信息卡片中除待移出卡片之外的其他卡片沿预设方向滑动目标滑动单位,并将至少一个目标信息卡片沿预设方向滑进信息流页面,直到至少一个目标信息卡片完整展示。
Description
相关申请的交叉引用
本申请是以中国申请号为202210072411.6,申请日为2022年1月21日的申请为基础,并主张其优先权,该中国申请的公开内容在此作为整体引入本申请中。
本公开涉及信息处理技术领域,尤其涉及一种信息展示方法、装置、设备及介质。
随着应用程序和计算机技术的发展,越来越多的用户通过应用程序浏览各种信息。应用程序通过展示预览(feed)信息流给用户,能够吸引用户选择感兴趣的信息继续浏览。
目前,上述预览信息流的展示方式通常是自上而下的方向。
发明内容
本公开实施例提供了一种信息展示方法,所述方法包括:
在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;
响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;
根据所述目标滑动单位确定至少一个目标信息卡片;
将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所述信息流页面,直到所述至少一个目标信息卡片完整展示。
本公开实施例还提供了一种信息展示装置,所述装置包括:
展示模块,用于在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;
滑出模块,用于响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;
确定模块,根据所述目标滑动单位确定至少一个目标信息卡片;
滑进模块,用于将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所述信息流页面,直到所述至少一个目标信息卡片完整展示。
本公开实施例还提供了一种电子设备,所述电子设备包括:存储器;以及耦接至所述存储器的处理器,所述处理器被配置为基于存储在所述存储器中的指令,实现如本公开实施例提供的信息展示方法。
本公开实施例还提供了一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序用于执行如本公开实施例提供的信息展示方法。
本公开实施例还提供了一种计算机程序,包括:指令,所述指令当由处理器执行时使所述处理器执行如本公开实施例提供的信息展示方法。
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种信息展示方法的流程示意图;
图2为本公开实施例提供的一种信息展示的示意图;
图3为本公开实施例提供的另一种信息展示的示意图;
图4为本公开实施例提供的还一种信息展示的示意图;
图5为本公开实施例提供的再一种信息展示的示意图;
图6为本公开实施例提供的另一种信息展示方法的流程示意图;
图7为本公开实施例提供的又一种信息展示的示意图;
图8为本公开实施例提供的一种信息展示装置的结构示意图;
图9为本公开实施例提供的一种电子设备的结构示意图。
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
本公开实施例的信息展示方法,主要适用于信息流展示的场景,例如可以是预览信息流展示的场景,也可以是详情信息流展示的场景。本公开实施例提供的信息展示方法可以由信息展示装置执行,其中该装置可以采用软件和/或硬件实现,该装置可以集成在具有视频播放功能的电子设备中,例如手机、掌上电脑、平板电脑、笔记本电脑或台式电脑等。
目前,上述预览信息流的展示方式通常是自上而下的方向。展示方向相对单一,不能满足用户对其他方向的浏览需求,并且信息的展示位置固定,可能存在部分信息被裁切的问题,导致预览信息流的展示效果不佳。为了解决上述技术问题,本公开提供了一种信息展示方法、装置、设备及介质。
图1为本公开实施例提供的一种信息展示方法的流程示意图,如图1所示,该信 息展示方法具体包括以下步骤。
步骤101、在信息流页面展示至少两个初始信息卡片,信息流页面包括由初始信息卡片组成的多行,多行中至少一行由两个以上初始信息卡片组成。
信息流页面可以是应用程序中用于展示信息流给用户的页面,在一些实施例中,信息流页面可以是视频、文本、或图像等不同类型信息的预览信息流页面、详情信息流页面等。信息卡片可以是以卡片形式展示信息的方式,一个信息卡片对应一条信息,信息的格式不限,例如信息可以为视频、文本或图像等。初始信息卡片可以理解为信息流页面中当前展示的信息卡片,不同初始信息卡片的大小可以相同,也可以不同。
具体地,信息展示装置可以加载一个信息流页面以呈现给用户,该信息流页面中展示至少两个初始信息卡片,并且信息流页面包括由初始信息卡片组成的多行,多行中由两个以上初始信息卡片组成,也即信息流页面中至少一行展示有两个或两个以上的初始信息卡片。在信息流页面中可以多行多列的形式展示至少两个初始信息卡片,行数可以包括至少一行,不同行的列数可以相同或不同,至少一个目标行的列数为至少两列,即目标行由至少两个初始信息卡片组成,并且目标行的数量为一个或多个,除目标行之外的其他行的列数为一列,也即仅展示一个初始信息卡片。可以理解的是,当行数仅为一行时,则信息流页面中仅展示一行,该行由至少两个初始信息卡片组成。
示例性的,图2为本公开实施例提供的一种信息展示的示意图,如图2所示,图中展示了一个信息流页面200,该信息流页面200中包括7个初始信息卡片,并且在第一行、第二行和第四行均为两列、并且展示两个初始信息卡片,在第四行展示一个初始信息卡片。可以理解的是,图2仅为信息流页面的一个示例,而非限定。
步骤102、响应于预设方向的第一滑动操作,根据第一滑动操作对应的目标滑动单位确定至少两个初始信息卡片中的待移出卡片,并将待移出卡片沿预设方向滑出信息流页面。
第一滑动操作是指用户触发的在预设方向的滑动操作。目标滑动单位可以理解为针对用户的滑动操作设置的滑动单位,在本公开实施例中,目标滑动单位可以包括固定滑动距离、实时滑动距离或卡片组,固定滑动距离可以理解为预先设置的单位距离,无论用户滑动操作的实际距离为多大,均以固定滑动单位为单位进行滑动,固定滑动距离小于或等于信息流页面在预设方向的尺寸,例如当预设方向为向左或向右时,信息流页面在预设方向的尺寸为信息流页面的宽度;当预设方向为斜向时,信息流页面在预设方向的尺寸为信息流页面的斜向长度。实时滑动距离即为用户的滑动操作对应 的实时距离。当目标滑动单位为固定滑动距离或实时滑动距离时,预设方向可以包括向左、向右或斜向。
在一些实施例中,根据目标滑动单位确定至少两个初始信息卡片中的待移出卡片,可以包括:将至少两个初始信息卡片中至少部分区域在目标滑动单位内的初始信息卡片确定为待移出卡片。待移出卡片可以理解为上述信息流页面展示的至少两个初始信息卡片中需要移出页面的信息卡片。部分区域可以为面积大于零的任意一个区域,具体可以根据实际情况设置,例如部分区域可以为1/3区域、1/2区域或整个区域等。
具体地,信息展示装置在信息流页面展示至少两个初始信息卡片之后,可以检测用户的触发操作,当接收到用户的第一滑动操作时,可以将信息流页面在预设方向的边界作为起始线,例如当预设方向向左,则预设方向的边界为左边界,当预设方向为斜向,则预设方向的边界为斜向的两个边界;将起始线沿预设方向的反方向移动上述目标滑动单位之后的线作为终止线,如果一个初始信息卡片的至少部分区域在起始线和终止线之间,则确定该初始信息卡片在目标滑动单位内,也即该初始信息卡片为待移出卡片;如果一个初始信息卡片在起始线和终止线之间的区域小于上述部分区域,则该初始信息卡片不属于待移出卡片。在确定待移出卡片之后,信息展示装置可以将该待移出卡片沿预设方向滑动移出上述信息流页面,直到完整滑出。
示例性的,图3为本公开实施例提供的另一种信息展示的示意图,如图3所示,图中展示了一个信息流页面300,该信息流页面300与图2中的信息流页面200为同一个,图中实线箭头表示预设方向为向左,起始线301在信息流页面的左边界,目标滑动单位可以为固定滑动距离,例如固定滑动距离可以等于图中尺寸较小的初始信息卡片的宽度,起始线301向右移动目标滑动单位得到终止线302,虚线箭头表示起始线301的滑动方向.当部分区域为1/3区域,此时初始信息卡片1、3、5、6确定为至少部分区域在起始线301和终止线302之间,也即初始信息卡片1、3、5、6在目标滑动单位内,确定为待移出卡片。
当目标滑动单位为实时滑动距离时,待移出卡片可以理解为上述信息流页面展示的至少两个初始信息卡片中,在预设方向滑动上述实时滑动距离之后滑出信息流页面的区域为至少部分区域的初始信息卡片。
上述卡片组可以是由多个信息卡片组成的一个集合,一个卡片组组合之后的尺寸与信息流页面的尺寸相同。当目标滑动单位为卡片组时,预设方向不限,也即预设方向可以包括向上、向下、向左、向右或斜向。当目标滑动单位为卡片组时,待移出卡 片包括信息流页面当前展示的至少两个初始信息卡片,也即至少两个初始信息卡片组成了一个卡片组,这个卡片组整个都为待移出卡片。
步骤103、根据目标滑动单位确定至少一个目标信息卡片。
目标信息卡片可以理解为预加载信息卡片中即将要展示在信息流页面的信息卡片。预加载信息卡片可以是针对信息流页面预先加载完成的信息卡片,该预加载信息卡片已经下载和渲染完成,可以直接展示而不用实时加载。
在一些实施例中,根据目标滑动单位确定至少一个目标信息卡片,可以包括:将预设方向上的多个预加载信息卡片中,至少部分区域在目标滑动单位内的预加载信息卡片确定为目标信息卡片。部分区域可以为面积大于零的任意一个区域,具体可以根据实际情况设置。预设方向上的多个预加载信息卡片可以是即将沿预设方向滑动的多个预加载信息卡片,也即信息流页面在预设方向的反方向的多个预加载信息卡片,例如当预设方向为向左,则预设方向上的多个预加载信息卡片为信息流页面向右的多个预加载信息卡片,这些预加载信息卡片即将向左滑动。
具体地,信息展示装置针对上述第一滑动操作,可以获取第一滑动操作对应的预设方向上的多个预加载信息卡片;并将信息流页面在预设方向的反方向的边界作为起始线,例如当预设方向向左,则预设方向的反方向的边界为右边界,当预设方向为斜向,则预设方向的边界为斜向的反方向的两个边界;将起始线沿预设方向的反方向移动上述目标滑动单位之后的线作为终止线,如果一个预加载信息卡片的至少部分区域在起始线和终止线之间,则确定该预加载信息卡片在目标滑动单位内,也即该预加载信息卡片为目标信息卡片。
示例性的,如图3所示,图中实线箭头表示预设方向为向左,预设方向上的多个预加载信息卡片为信息流页面向右的多个预加载信息卡片,虚线区域表示还未展示在信息流页面的预加载信息卡片,如图预加载信息卡片8、9、10、11。起始线303在信息流页面的右边界,目标滑动单位可以为固定滑动距离,例如固定滑动距离可以等于图中尺寸较小的初始信息卡片的宽度,起始线303向右移动目标滑动单位得到终止线304,虚线箭头表示起始线303的滑动方向,当部分区域为1/3区域,此时预加载信息卡片8、9、10、11确定为至少部分区域起始线303和终止线304之间,也即在目标滑动单位内,为目标信息卡片。
当目标滑动单位为实时滑动距离时,目标信息卡片此时可以为预设方向上的多个预加载信息卡片中,沿预设方向滑动上述实时滑动距离之后被显示在信息流页面的区 域为至少部分区域的预加载信息卡片。
在一些实施例中,信息流页面的任意一个方向上具有多个预加载信息卡片,多个预加载信息卡片按照信息流页面的尺寸组合为至少一个卡片组,卡片组中包括至少一个预加载信息卡片,预加载信息卡片的尺寸小于或等于信息流页面。预加载信息卡片可以是针对信息流页面预先加载完成的信息卡片,可以无限加载,也可以按照预设数量加载。信息流页面的任意一个方向上具有至少一个卡片组。
示例性的,图4为本公开实施例提供的还一种信息展示的示意图,如图4所示,图中展示了当前的信息流页面400以及信息流页面在各个方向上的一个卡片组,如图中分别展示了向左、向右、向上、向下和斜向的8个卡片组,斜向可以包括向左上、向右上、向左下、向右下。如图4所示,不同卡片组中预加载信息卡片的数量、尺寸以及排列方向均可以按照信息流页面的尺寸灵活组合,如图中向上的卡片组中包括两个大小相同的预加载信息卡片,而向下的卡片组中包括四个大小不同的预加载信息卡片。可以理解的是,图4中的信息流页面各个方向的卡片组仅为示例,而非限定。
当目标滑动单位为卡片组时,目标信息卡片包括预设方向上的下一卡片组中的预加载信息卡片。预设方向上的的下一卡片组可以是即将沿预设方向滑动的下一卡片组,也即信息流页面在预设方向的反方向的下一卡片组。例如,当参见图4,预设方向为向下时,可以将信息流页面的向上的下一卡片组402确定为预设方向上的下一卡片组,也即下一卡片组402中的预加载信息卡片全部确定为目标信息卡片。
步骤104、将至少两个初始信息卡片中除待移出卡片之外的其他卡片沿预设方向滑动目标滑动单位,并将至少一个目标信息卡片沿预设方向滑进信息流页面,直到至少一个目标信息卡片完整展示。
本公开实施例中,信息展示装置在根据目标滑动单位确定至少一个目标信息卡片之后,可以将至少两个初始信息卡片中除待移出卡片之外的其他卡片沿预设方向滑动上述目标滑动单位,并将至少一个目标信息卡片沿预设方向滑进信息流页面,每个目标信息卡片沿预设方向滑动目标滑动单位之后已经完整展示则可以停止滑动,否则可以继续滑动,直到每个目标信息卡片能够在信息流页面中完整展示则停止滑动,不仅实现了以目标滑动单位为单位滑动信息卡片,而且信息卡片可以自适应完整展示,不会被裁切。
需要说明的是,至少两个初始信息卡片中除待移出卡片之外的其他卡片中的第一卡片可以在滑动目标滑动单位之后停止滑动,第一卡片为其他卡片中与目标信息卡片 不在同一行的卡片;而其他卡片中第二卡片可以因目标信息卡片的完整展示而被滑出信息流页面的卡片,第二卡片为其他卡片中与目标信息卡片在同一行的卡片;上述第一卡片和第二卡片的数量均可以为零或大于零的任意数字。如果至少两个初始信息卡片全部确定为待移出卡片,则信息展示装置可以仅滑动目标信息卡片并自适应完整展示即可。
示例性的,图5为本公开实施例提供的再一种信息展示的示意图如图5所示,以图3的信息流页面300为基础,图5展示了一个经过向左的第一滑动操作之后的信息流页面500,图中目标滑动单位可以为固定滑动距离,例如固定滑动距离等于图中尺寸较小的初始信息卡片的宽度,此时图3中初始信息卡片1、3、5、6确定为至少部分区域在目标滑动单位内,也即为待移出卡片,图5中预加载信息卡片9、11在滑动之前位于初始信息卡片4、7的位置,因此图5中的预加载信息卡片8、9、10、11确定为至少部分区域在目标滑动单位内,也即为目标信息卡片。
当用户在图3的信息流页面200中触发向左的第一滑动操作时,图中用向左的实线箭头表示,可以将待移出卡片1、3、5、6向左滑出信息流页面,并将初始信息卡片2、4、7向左滑动上述目标滑动单位,目标信息卡片8、9、10、11向左滑进信息流页面,目标信息卡片9、11按照上述目标滑动单位滑动之后可以完整展示,而由于目标信息卡片8和10按照上述目标滑动单位滑动之后部分区域没有展示,此时可以将目标信息卡片8和10自适应完整展示,同时初始信息卡片2由于目标信息卡片8的完整展示被向左滑出信息流页面300,最终展示信息流页面500。
当目标滑动单位为实时滑动距离时,信息展示装置在信息流页面展示至少两个初始信息卡片之后,响应于第一滑动操作,可以将至少两个初始信息卡片以及沿预设方向的多个预加载信息卡片均沿预设方向滑动第一滑动操作的实时滑动距离,确定每个初始信息卡片被滑出信息流页面的区域,将此区域大于或等于部分区域的初始信息卡片确定为待移出卡片沿预设方向继续滑动直到滑出信息流页面;并且确定多个预加载信息卡片中在滑动实时滑动距离之后被显示的区域,将此区域大于或等于部分区域的预加载信息卡片确定为目标信息卡片,沿预设方向继续滑动,直到目标信息卡片可以完整展示。此时,至少两个初始信息卡片中除待移出卡片之外的其他卡片中与目标信息卡片不在同一行的可以在滑动实时滑动距离之后停止滑动,而其他卡片中与目标信息卡片在同一行的可以因目标信息卡片的完整展示而被滑出信息流页面。上述方案中,信息卡片可以根据滑动操作的实时滑动距离进行滑动,并且此时也可以实现信息卡片 滑进展示时的自适应完整展示,确保信息不被裁切。
当目标滑动单位为卡片组时,信息展示装置在信息流页面展示至少两个初始信息卡片之后,响应于第一滑动操作,可以将信息流页面中展示的全部初始信息卡片作为待移出卡卡片,沿第一滑动操作的预设方向滑出信息流页面,并且将预设方向上的下一卡片组按照该滑动方向滑进信息流页面并展示,由于下一卡片组按照信息流页面的尺寸组合,因此可以完整展示。例如参见图4,当用户触发向下的第一滑动操作,可以将当前展示的三个初始信息卡片作为卡片组401向下移出信息流页面,并将信息流页面的向上的下一卡片组402向下滑进信息流页面展示。
上述方案中,信息卡片可以卡片组为单位在信息流页面上进行滑动切换展示,卡片组的尺寸与信息流页面的尺寸相对应,也即与当前设备的屏幕相对应,实现信息卡片以屏幕为单位滑动,信息卡片中的信息不会被裁切,进一步提升了信息展示的效果。
本公开实施例提供的信息展示方案,在信息流页面展示至少两个初始信息卡片,信息流页面包括由初始信息卡片组成的多行,多行中至少一行由两个以上初始信息卡片组成;响应于预设方向的第一滑动操作,根据第一滑动操作对应的目标滑动单位确定至少两个初始信息卡片中的待移出卡片,并将待移出卡片沿预设方向滑出信息流页面;根据目标滑动单位确定至少一个目标信息卡片;将至少两个初始信息卡片中除待移出卡片之外的其他卡片沿预设方向滑动目标滑动单位,并将至少一个目标信息卡片沿预设方向滑进信息流页面,直到至少一个目标信息卡片完整展示。采用上述技术方案,当信息流页面中存在两个或两个信息卡片展示在同一行并且接收到对信息流页面的预设方向的滑动操作时,能够根据目标滑动单位确定待移出卡片和目标信息卡片,之后滑出上述待移出卡片并滑进目标信息卡片直到完整展示,不仅能够满足用户对多个方向的信息浏览需求,并且无论信息卡片的大小均可以实现滑进展示时的自适应完整展示,确保信息不被裁切,进而提升信息展示的效果。
示例性的,图6为本公开实施例提供的另一种信息展示方法的流程示意图,如图6所示,在一种可行的实施方式中,当目标滑动单位为卡片组时,在上述步骤104之后,信息展示方法还可以包括如下步骤601或步骤602中的至少一种。
步骤601、响应于第二滑动操作,沿第二滑动操作的滑动方向在信息流页面中切换展示历史展示的上一卡片组。
第二滑动操作的滑动方向与第一滑动操作的滑动方向相反。
具体地,信息展示装置在响应于第一滑动操作,沿第一滑动操作的预设方向以卡 片组为单位切换展示信息流页面上的信息卡片之后,如果接收到用户的与上述第一滑动操作的预设方向相反的第二滑动操作,此时可以沿第二滑动操作的滑动方向切换展示已经展示过的上一卡片组,也即上述至少两个初始信息卡片,以使用户想要回看之前看过的信息卡片时快速返回。
例如,参见图4,当用户触发向下的第一滑动操作展示信息流页面的向上的下一卡片组402之后,触发向上的第二滑动操作,此时将下一卡片组402向上滑出信息流页面,历史展示的三个初始信息卡片的卡片组401为上一卡片组向上滑进信息流页面展示。
在步骤601之后可以执行步骤602。
步骤602、响应于刷新操作之后的第三滑动操作,沿第三滑动操作的滑动方向在信息流页面中切换展示第三滑动操作的滑动方向上的下一卡片组。
第三滑动操作的滑动方向与第一滑动操作的滑动方向相反,可以与上述第二滑动操作的滑动方向相同或不同。刷新操作可以是用于基于当前信息流页面进行预加载信息卡片的刷新的操作,操作的具体形式可以是对预设刷新按键的触发操作,也可以是其他手势操作等,具体不限。第三滑动操作的滑动方向上的下一卡片组可以是即将沿第三滑动操作的滑动方向滑动的下一卡片组,也即信息流页面在第三滑动操作的滑动方向的反方向的下一卡片组。
具体地,信息展示装置在沿第一滑动操作的预设方向以卡片组为单位切换展示信息流页面上的信息卡片之后,如果接收到用户的刷新操作,可以刷新信息流页面在不同方向的卡片组,也即将信息流页面历史展示的卡片组刷新为新的卡片组;在接收到与上述第一滑动操作的滑动方向相反的第三滑动操作,可以将信息流页面中展示的当前卡片组沿第三滑动操作的滑动方向滑出信息流页面,并且将第三滑动操作的滑动方向上的下一卡片组按照该滑动方向滑进信息流页面并展示,此时的下一卡片组不是历史展示的卡片组,而是刷新后的卡片组。
可选的,信息展示装置也可以将刷新指令添加至滑动操作中,响应于用户的第三滑动操作,确定接收到刷新指令,刷新信息流页面在不同方向的卡片组,并且沿第三滑动操作的滑动方向在信息流页面中切换展示第三滑动操作的滑动方向上的下一卡片组。
例如,参见图4,当用户触发向下的第一滑动操作展示信息流页面的向上的下一卡片组402之后,触发刷新操作,则历史展示的卡片组401被切换为新的卡片组,接 收到向上的第三滑动操作,此时将信息流页面的向下的新的下一卡片组向上滑进信息流页面展示。
上述方案中,用户在滑动过程中先触发刷新操作再触发反向的滑动操作时,可以展示刷新后的信息卡片,而不展示历史展示的信息卡片,使得用户可以在任意位置均可以浏览新的信息,更加符合用户的实际需求。
在一些实施例中,在信息流页面上展示至少两个初始信息卡片之后,信息展示方法还可以包括:响应于第四滑动操作,将至少两个初始信息卡片和多个预加载信息卡片作为一个整体卡片,根据第四滑动操作的滑动方向和实时滑动距离将整体卡片在信息流页面中滑动展示。
第四滑动操作可以是任意一个方向的滑动操作,例如第四滑动操作的滑动方向可以包括向左、向右、向上、向下和斜向等。
具体地,信息展示装置在信息流页面上展示至少两个初始信息卡片之后,可以接收用户触发的第四滑动操作,将当前信息流页面中展示的至少两个初始信息卡片和信息流页面不同方向的多个预加载信息卡片作为一个整体卡片,沿着第四滑动操作的滑动方向将该整体卡片滑动上述实时滑动距离,此时信息流页面中展示的是整体卡片的一部分,由于实时滑动距离不限,信息卡片可以完整展示,也可以仅展示一部分区域。
示例性的,图7为本公开实施例提供的又一种信息展示的示意图,如图7所示,图中展示了一个经过上述第四滑动操作之后的信息流页面700,将图4中的信息流页面和多个预加载卡片组合的卡片组作为一个整体卡片,信息流页面700中展示了整体卡片的一部分,包括图中区域12、13、14、15,这四个填充不同的区域可以表示来自不同卡片组的一部分,这四个区域中还可以包括尺寸较小的信息卡片(图7中未展示)。
上述方案中,信息流页面中展示的信息卡片能够实现不限方向不限滑动距离的自由滑动,也即信息卡片和预加载信息卡片可以像一个车画布一样上下左右自由滑动即可切换展示新的信息,进一步提升了信息展示的灵活性和多样性。
图8为本公开实施例提供的一种信息展示装置的结构示意图,该装置可由软件和/或硬件实现,一般可集成在电子设备中。如图8所示,该装置包括:
展示模块801,用于在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;
滑出模块802,用于响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;
确定模块803,根据所述目标滑动单位确定至少一个目标信息卡片;
滑进模块804,用于将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所述信息流页面,直到所述至少一个目标信息卡片完整展示。
可选的,所述目标滑动单位包括固定滑动距离、实时滑动距离或卡片组,所述固定滑动距离小于或等于所述信息流页面在所述预设方向的尺寸。
可选的,所述滑出模块802具体用于:
将所述至少两个初始信息卡片中至少部分区域在所述目标滑动单位内的初始信息卡片确定为所述待移出卡片。
可选的,所述确定模块803具体用于:
将所述预设方向上的多个预加载信息卡片中,至少部分区域在所述目标滑动单位内的预加载信息卡片确定为所述目标信息卡片。
可选的,所述信息流页面的任意一个方向上具有多个预加载信息卡片,所述多个预加载信息卡片按照所述信息流页面的尺寸组合为至少一个所述卡片组,所述卡片组中包括至少一个预加载信息卡片,所述预加载信息卡片的尺寸小于或等于所述信息流页面。
可选的,当所述目标滑动单位为卡片组时,所述待移出卡片包括所述至少两个初始信息卡片,所述目标信息卡片包括所述预设方向上的下一卡片组中的预加载信息卡片。
可选的,所述装置还包括第一切换模块,用于:
响应于第二滑动操作,沿所述第二滑动操作的滑动方向在所述信息流页面中切换以展示历史展示的上一卡片组。
可选的,所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向相反。
可选的,所述装置还包括第二切换模块,用于:
响应于刷新操作之后的第三滑动操作,沿所述第三滑动操作的滑动方向在所述信息流页面中切换以展示所述第三滑动操作的滑动方向上的下一卡片组。
可选的,所述第三滑动操作的滑动方向与所述第一滑动操作的滑动方向相反。
本公开实施例所提供的信息展示装置可执行本公开任意实施例所提供的信息展示方法,具备执行方法相应的功能模块和有益效果。
本公开实施例还提供了一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现本公开任意实施例所提供的信息展示方法。
图9为本公开实施例提供的一种电子设备的结构示意图。下面具体参考图9,其示出了适于用来实现本公开实施例中的电子设备900的结构示意图。本公开实施例中的电子设备900可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图9所示,电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901,其可以根据存储在只读存储器(ROM)902中的程序或者从存储装置908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中,还存储有电子设备900操作所需的各种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。
通常,以下装置可以连接至I/O接口905:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置907;包括例如磁带、硬盘等的存储装置908;以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备900,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置909从网络上被下载和安装,或者从存储装置908被安装,或者从ROM 902被安装。在该计算机程序被处理装置901执行时,执行本公开实施例的信息展示方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计 算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;根据所述目标滑动单位确定至少一个目标信息卡片;将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所 述信息流页面,直到所述至少一个目标信息卡片完整展示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、 可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (15)
- 一种信息展示方法,包括:在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;根据所述目标滑动单位确定至少一个目标信息卡片;和将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所述信息流页面,直到所述至少一个目标信息卡片完整展示。
- 根据权利要求1所述的方法,其中,所述目标滑动单位包括固定滑动距离、实时滑动距离或卡片组,所述固定滑动距离小于或等于所述信息流页面在所述预设方向的尺寸。
- 根据权利要求1所述的方法,其中,根据目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,包括:将所述至少两个初始信息卡片中至少部分区域在所述目标滑动单位内的初始信息卡片确定为所述待移出卡片。
- 根据权利要求1所述的方法,其中,根据所述目标滑动单位确定至少一个目标信息卡片,包括:将所述预设方向上的多个预加载信息卡片中,至少部分区域在所述目标滑动单位内的预加载信息卡片确定为所述目标信息卡片。
- 根据权利要求2-4中任一项所述的方法,其中,所述信息流页面的任意一个方向上具有多个预加载信息卡片,所述多个预加载信息卡片按照所述信息流页面的尺寸组合为至少一个所述卡片组,所述卡片组中包括至少一个预加载信息卡片,所述预加载信息卡片的尺寸小于或等于所述信息流页面。
- 根据权利要求5所述的方法,其中,当所述目标滑动单位为卡片组时,所述待移出卡片包括所述至少两个初始信息卡片,所述目标信息卡片包括所述预设方向上的下一卡片组中的预加载信息卡片。
- 根据权利要求6所述的方法,还包括:响应于第二滑动操作,沿所述第二滑动操作的滑动方向在所述信息流页面中切换以展示历史展示的上一卡片组。
- 根据权利要求7所述的方法,其中,所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向相反。
- 根据权利要求6-8中任一项所述的方法,还包括:响应于刷新操作之后的第三滑动操作,沿所述第三滑动操作的滑动方向在所述信息流页面中切换以展示所述第三滑动操作的滑动方向上的下一卡片组。
- 根据权利要求9所述的方法,其中,所述第三滑动操作的滑动方向与所述第一滑动操作的滑动方向相反。
- 根据权利要求1-10中任一项所述的方法,其中,所述初始信息卡片或者所述目标信息卡片包括视频、文本或图像中的至少一种。
- 一种信息展示装置,包括:展示模块,用于在信息流页面展示至少两个初始信息卡片,所述信息流页面包括由所述初始信息卡片组成的多行,所述多行中至少一行由两个以上所述初始信息卡片组成;滑出模块,用于响应于预设方向的第一滑动操作,根据所述第一滑动操作对应的目标滑动单位确定所述至少两个初始信息卡片中的待移出卡片,并将所述待移出卡片沿所述预设方向滑出所述信息流页面;确定模块,根据所述目标滑动单位确定至少一个目标信息卡片;滑进模块,用于将所述至少两个初始信息卡片中除所述待移出卡片之外的其他卡片沿所述预设方向滑动所述目标滑动单位,并将所述至少一个目标信息卡片沿所述预设方向滑进所述信息流页面,直到所述至少一个目标信息卡片完整展示。
- 一种电子设备,包括:存储器;以及耦接至所述存储器的处理器,所述处理器被配置为基于存储在所述存储器中的指令,执行权利要求1-11中任一所述的信息展示方法。
- 一种计算机可读存储介质,其中,所述存储介质存储有计算机程序,所述计算机程序用于执行上述权利要求1-11中任一所述的信息展示方法。
- 一种计算机程序,包括:指令,所述指令当由处理器执行时使所述处理器执行根据权利要求1-11中任一所述的信息展示方法。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| EP22921715.3A EP4421628B1 (en) | 2022-01-21 | 2022-12-22 | Information display method and apparatus, device, and medium |
| US18/671,700 US12321581B2 (en) | 2022-01-21 | 2024-05-22 | Information display method and apparatus, device, and medium |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210072411.6 | 2022-01-21 | ||
| CN202210072411.6A CN114416261B (zh) | 2022-01-21 | 2022-01-21 | 一种信息展示方法、装置、设备及介质 |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| US18/671,700 Continuation US12321581B2 (en) | 2022-01-21 | 2024-05-22 | Information display method and apparatus, device, and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2023138294A1 true WO2023138294A1 (zh) | 2023-07-27 |
Family
ID=81275561
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2022/141135 Ceased WO2023138294A1 (zh) | 2022-01-21 | 2022-12-22 | 一种信息展示方法、装置、设备及介质 |
Country Status (4)
| Country | Link |
|---|---|
| US (1) | US12321581B2 (zh) |
| EP (1) | EP4421628B1 (zh) |
| CN (1) | CN114416261B (zh) |
| WO (1) | WO2023138294A1 (zh) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114416261B (zh) | 2022-01-21 | 2023-12-12 | 抖音视界有限公司 | 一种信息展示方法、装置、设备及介质 |
| CN115311046A (zh) * | 2022-07-28 | 2022-11-08 | 阿里巴巴(中国)有限公司 | 商品信息流展示方法及电子设备 |
| CN116028697B (zh) * | 2023-03-20 | 2023-07-04 | 之江实验室 | 一种页面渲染方法、装置、存储介质及电子设备 |
| CN116628084B (zh) * | 2023-05-08 | 2025-12-12 | 阿里云计算有限公司 | 分区移动方法、装置、设备和存储介质 |
| CN119697413A (zh) * | 2023-09-22 | 2025-03-25 | 京东科技信息技术有限公司 | 视频播放方法、装置、电子设备及存储介质 |
| CN119848373B (zh) * | 2025-03-21 | 2025-09-09 | 北京搜狐新媒体信息技术有限公司 | 一种页面预加载方法及相关装置 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104267934A (zh) * | 2014-09-10 | 2015-01-07 | 北京金山安全软件有限公司 | 信息的展现方法、装置和移动终端 |
| CN105739843A (zh) * | 2014-12-08 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 信息展示方法及装置、电子设备 |
| US20180181295A1 (en) * | 2016-12-23 | 2018-06-28 | Beijing Kingsoft Internet Security Software Co., Ltd. | Method for displaying information, and terminal equipment |
| CN108646972A (zh) * | 2018-05-18 | 2018-10-12 | 连尚(新昌)网络科技有限公司 | 用于显示信息、查找信息的方法和设备 |
| CN110825997A (zh) * | 2018-08-09 | 2020-02-21 | 优视科技有限公司 | 信息流页面的显示方法、装置、终端设备及系统 |
| CN111432264A (zh) * | 2020-03-30 | 2020-07-17 | 腾讯科技(深圳)有限公司 | 基于媒体信息流的内容展示方法、装置、设备及存储介质 |
| CN112543365A (zh) * | 2020-11-27 | 2021-03-23 | 腾讯科技(深圳)有限公司 | 媒体信息的播放方法、装置、设备及计算机可读存储介质 |
| CN114416261A (zh) * | 2022-01-21 | 2022-04-29 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置、设备及介质 |
Family Cites Families (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102375650A (zh) | 2010-08-11 | 2012-03-14 | 上海三旗通信科技有限公司 | 一种全新的移动终端界面排布与切换的交互方式 |
| JP5844707B2 (ja) * | 2012-09-28 | 2016-01-20 | 富士フイルム株式会社 | 画像表示制御装置、画像表示装置、プログラム及び画像表示方法 |
| CN104093076B (zh) * | 2013-06-19 | 2018-04-10 | 腾讯科技(深圳)有限公司 | 翻页方法、装置及终端 |
| CN109783707A (zh) * | 2019-01-23 | 2019-05-21 | 欧普照明股份有限公司 | 一种监控系统的模式设置方法和装置 |
| CN110262877B (zh) * | 2019-04-30 | 2022-05-13 | 华为技术有限公司 | 一种卡片处理方法及设备 |
| CN110399562B (zh) * | 2019-07-31 | 2021-07-27 | 广州市百果园信息技术有限公司 | 用于社交应用的信息展示装置、方法、展示终端和介质 |
| CN110704146A (zh) * | 2019-08-30 | 2020-01-17 | 华为技术有限公司 | 一种应用于电子设备的焦点管理方法及电子设备 |
| CN112578962A (zh) * | 2019-09-27 | 2021-03-30 | 百度在线网络技术(北京)有限公司 | 信息流展示方法、装置、设备和介质 |
| CN110968814B (zh) * | 2019-11-29 | 2022-03-29 | 广州市百果园信息技术有限公司 | 用于通讯应用的信息管理系统、方法和展示终端 |
| CN111339418B (zh) * | 2020-02-26 | 2023-07-18 | 抖音视界有限公司 | 页面展示方法、装置、电子设备和计算机可读介质 |
| US11455085B2 (en) * | 2020-03-10 | 2022-09-27 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications |
| CN111586464B (zh) * | 2020-04-29 | 2024-04-19 | 腾讯科技(深圳)有限公司 | 基于媒体信息流的内容展示方法、装置、设备及存储介质 |
| CN114237779A (zh) * | 2020-09-09 | 2022-03-25 | 华为技术有限公司 | 一种显示窗口的方法、切换窗口的方法、电子设备和系统 |
| CN113138827B (zh) * | 2021-04-29 | 2024-05-31 | 北京百度网讯科技有限公司 | 展示数据的方法、装置、电子设备和介质 |
| CN115480629A (zh) * | 2021-05-28 | 2022-12-16 | 华为技术有限公司 | 一种多界面显示的方法和电子设备 |
| CN115103236B (zh) * | 2022-06-16 | 2024-09-13 | 抖音视界有限公司 | 影像记录生成方法、装置、电子设备及存储介质 |
-
2022
- 2022-01-21 CN CN202210072411.6A patent/CN114416261B/zh active Active
- 2022-12-22 EP EP22921715.3A patent/EP4421628B1/en active Active
- 2022-12-22 WO PCT/CN2022/141135 patent/WO2023138294A1/zh not_active Ceased
-
2024
- 2024-05-22 US US18/671,700 patent/US12321581B2/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104267934A (zh) * | 2014-09-10 | 2015-01-07 | 北京金山安全软件有限公司 | 信息的展现方法、装置和移动终端 |
| CN105739843A (zh) * | 2014-12-08 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 信息展示方法及装置、电子设备 |
| US20180181295A1 (en) * | 2016-12-23 | 2018-06-28 | Beijing Kingsoft Internet Security Software Co., Ltd. | Method for displaying information, and terminal equipment |
| CN108646972A (zh) * | 2018-05-18 | 2018-10-12 | 连尚(新昌)网络科技有限公司 | 用于显示信息、查找信息的方法和设备 |
| CN110825997A (zh) * | 2018-08-09 | 2020-02-21 | 优视科技有限公司 | 信息流页面的显示方法、装置、终端设备及系统 |
| CN111432264A (zh) * | 2020-03-30 | 2020-07-17 | 腾讯科技(深圳)有限公司 | 基于媒体信息流的内容展示方法、装置、设备及存储介质 |
| CN112543365A (zh) * | 2020-11-27 | 2021-03-23 | 腾讯科技(深圳)有限公司 | 媒体信息的播放方法、装置、设备及计算机可读存储介质 |
| CN114416261A (zh) * | 2022-01-21 | 2022-04-29 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置、设备及介质 |
Non-Patent Citations (1)
| Title |
|---|
| See also references of EP4421628A4 * |
Also Published As
| Publication number | Publication date |
|---|---|
| EP4421628A1 (en) | 2024-08-28 |
| CN114416261A (zh) | 2022-04-29 |
| EP4421628A4 (en) | 2025-02-26 |
| EP4421628B1 (en) | 2026-05-06 |
| US20240310989A1 (en) | 2024-09-19 |
| US12321581B2 (en) | 2025-06-03 |
| CN114416261B (zh) | 2023-12-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114416261B (zh) | 一种信息展示方法、装置、设备及介质 | |
| CN111399956B (zh) | 应用于显示设备的内容展示方法、装置和电子设备 | |
| CN112135059A (zh) | 拍摄方法、装置、电子设备和存储介质 | |
| CN110572705B (zh) | 弹窗的控制方法、装置、介质及电子设备 | |
| JP7824016B2 (ja) | ページ表示方法、装置、電子機器、記憶媒体及びプログラム | |
| CN114449331A (zh) | 一种视频展示方法、装置、电子设备以及存储介质 | |
| CN111190520A (zh) | 菜单项选择方法、装置、可读介质及电子设备 | |
| US20250021201A1 (en) | Information display method and apparatus, device and medium | |
| WO2020253453A1 (zh) | 图像切换方法、装置、电子设备及存储介质 | |
| EP4668769A1 (en) | Media content sending method and apparatus, device, and storage medium | |
| CN115238156A (zh) | 搜索页面展示方法、装置、设备、介质和产品 | |
| WO2022111569A1 (zh) | 页面切换显示方法、装置、存储介质及电子设备 | |
| CN114491349A (zh) | 页面显示方法、装置、电子设备、存储介质和程序产品 | |
| CN114860139A (zh) | 视频播放方法、装置、电子设备、存储介质和程序产品 | |
| CN115278275A (zh) | 信息展示方法、装置、设备、存储介质和程序产品 | |
| CN118409683A (zh) | 对象展示方法、装置、电子设备、存储介质和程序产品 | |
| CN114676358A (zh) | 控件的显示方法、装置、电子设备、存储介质和程序产品 | |
| WO2022095932A1 (zh) | 直播间页面跳转方法、返回方法、装置及电子设备 | |
| CN111538448B (zh) | 图像显示的方法及装置、终端和存储介质 | |
| EP4435596A1 (en) | Work display method and apparatus, electronic device, storage medium, and program product | |
| CN116600164A (zh) | 媒体内容的发布方法、装置、电子设备和存储介质 | |
| CN115237530A (zh) | 信息的显示方法、装置、电子设备和存储介质 | |
| CN115079917A (zh) | 显示控制方法、装置、电子设备和存储介质 | |
| CN112068742A (zh) | 控制应用窗口的方法、装置、终端及存储介质 | |
| CN118708827A (zh) | 信息展示方法、装置、设备、存储介质及产品 |
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: 22921715 Country of ref document: EP Kind code of ref document: A1 |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 2022921715 Country of ref document: EP |
|
| ENP | Entry into the national phase |
Ref document number: 2022921715 Country of ref document: EP Effective date: 20240520 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |