WO2023138293A1 - 一种信息展示方法、装置、设备及介质 - Google Patents

一种信息展示方法、装置、设备及介质 Download PDF

Info

Publication number
WO2023138293A1
WO2023138293A1 PCT/CN2022/140937 CN2022140937W WO2023138293A1 WO 2023138293 A1 WO2023138293 A1 WO 2023138293A1 CN 2022140937 W CN2022140937 W CN 2022140937W WO 2023138293 A1 WO2023138293 A1 WO 2023138293A1
Authority
WO
WIPO (PCT)
Prior art keywords
information
card
information card
target information
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
Application number
PCT/CN2022/140937
Other languages
English (en)
French (fr)
Inventor
丁华勇
王桂艳
王文博
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to US18/711,837 priority Critical patent/US20250021201A1/en
Publication of WO2023138293A1 publication Critical patent/WO2023138293A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

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/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/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
    • 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
    • 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/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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Definitions

  • the present disclosure relates to the technical field of information processing, and in particular to an information display method, device, equipment and medium.
  • An embodiment of the present disclosure provides an information display method, the method including:
  • the target information card on the information flow page Expand the target information card on the information flow page, and move other information cards adjacent to the target information card among the at least two information cards until the width of the target information card is equal to a preset width, and the preset width is greater than the width of the target information card and less than or equal to the width of the information flow page;
  • the detailed information is displayed in the expanded target information card, and the length of the expanded target information card is set to a length for fully displaying the detailed information.
  • An embodiment of the present disclosure also provides an information display device, the device comprising:
  • the first display module is used to display at least two information cards on the information flow page;
  • a trigger module configured to acquire detailed information of the target information card in response to a trigger operation on the target information card in the at least two information cards, the width of the target information card being smaller than the width of the information flow page;
  • An expansion module configured to expand the target information card on the information flow page, and move other information cards adjacent to the target information card among the at least two information cards until the width of the target information card is equal to a preset width, and the preset width is greater than the width of the target information card and less than or equal to the width of the information flow page;
  • the second display module is configured to display the detailed information in the expanded target information card, and the length of the expanded target information card is set to a length for fully displaying the detailed information.
  • the embodiment of the present disclosure also provides an electronic device, the electronic device includes: a processor; a memory for storing executable instructions of the processor; the processor is used for reading the executable instructions from the memory, and executing the instructions to implement the information display method provided by the embodiments of the present disclosure.
  • 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 diagram of another information display provided by an embodiment of the present disclosure.
  • FIG. 7 is a schematic flowchart of another information display method 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 way to continue browsing on the basis of the information preview stream is usually to open a new page to view the detailed information of the triggered content. This method may even result in multiple nesting of pages, which is prone to slow information display due to page freezes, and leads to poor user experience when returning to the information preview stream.
  • the present disclosure provides an information display method, device, equipment and medium.
  • 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 using at least one of software 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.
  • 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 includes the following steps.
  • Step 101 display at least two information cards on the information flow page.
  • the information flow page may be a page in the application program for displaying information flow to the user.
  • the information flow page may be a preview information flow page of different types of information such as video, text, or image, or a detailed information flow page.
  • 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 embodiment of the present disclosure does not limit the size of the information card, and the sizes of different information cards may be the same or different.
  • the information display device may load an information flow page to present to the user, and the information flow page displays at least two information cards.
  • the information flow page can display at least two information cards in the form of multiple rows and multiple columns.
  • the number of rows can include at least one row, and the number of columns can also include at least one column.
  • the number of columns in different rows can be the same or different.
  • One information card can be displayed in the same row, and two or more information cards can also be displayed.
  • FIG. 2 is a schematic diagram of an information display 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 four information cards of different sizes, and two information cards are displayed in two columns in the second row, and one information card is displayed in the first row and the third row.
  • the information cards displayed on the information flow page shown in FIG. 2 are only an example, rather than limitation.
  • Step 102 in response to a trigger operation on the target information card among the at least two information cards, obtain detailed information of the target information card, where the width of the target information card is smaller than the width of the information flow page.
  • the target information card can be understood as an information card whose width is smaller than that of the information flow page among the above at least two information cards, and the target information card is triggered by the user.
  • the triggering operation may include a gesture control operation (such as click, long press, or double-click, etc.), a voice control operation, or an expression control operation on the target information card, which is not limited in this embodiment of the present disclosure.
  • the detailed information may be the complete information corresponding to the information card. For example, when an article title is displayed in the information card, the detailed information may be the full text of the article corresponding to the article title.
  • the information display device can detect a user's trigger operation, and when receiving the user's trigger operation on the target information card, can obtain the detailed information of the target information card from the server.
  • information card 2 is a target information card triggered by the user.
  • Step 103 expand the target information card on the information flow page, and move other information cards adjacent to the target information card among at least two information cards until the width of the target information card is equal to the preset width.
  • the preset width can be greater than the width of the target information card and less than or equal to the width of the information flow page, that is, the difference between the preset width and the width of the information flow page is smaller than the difference threshold, which can be set according to the actual situation.
  • the difference threshold can be 2 mm or 10 pixels.
  • the information display device after the information display device receives the user's trigger operation on the target information card, it can expand the target information card on the information flow page, that is, enlarge the size of the target information card, and move other information cards adjacent to the target information card to the outside of the information flow page, and the moving direction corresponds to the direction in which the target information card is expanded.
  • expanding the target information card on the information flow page may include: unfolding the target information card on the information flow page based on the original position of the target information card, where the original position can be understood as the position of the target information card before the expansion of the information flow page.
  • the original position is determined based on the upper boundary and the target side boundary of the target information card, or the original position is determined based on the upper boundary of the target information card, and the target side boundary is the side boundary adjacent to the boundary of the target information card and the information flow page.
  • the original position can be the upper border and the left border of the target information card;
  • the right border of the target information card is adjacent to the right border of the information flow page, the original position can be the upper border and the right border of the target information card;
  • the information display device when it expands the target information card on the information flow page, it may expand downward based on the upper boundary of the target information card; or expand downward and in the opposite direction of the target side boundary based on the upper boundary plus the target side boundary, that is, expand to the right when the target side boundary is the left boundary, and expand to the left when the target side boundary is the right boundary.
  • FIG. 3 is a schematic diagram of another information presentation provided by an embodiment of the present disclosure
  • FIG. 4 is a schematic diagram of another information presentation provided by an embodiment of the present disclosure.
  • the information flow page 300 in FIG. 3 and the information flow page 400 in FIG. 4 are the same information flow page as the information flow page 200 in FIG. 2 .
  • the area where the dotted box in Figure 3 and Figure 4 is located is not displayed on the information flow page.
  • FIG. 3 shows the information flow page of the information card 2 in FIG. 2 during the unfolding process. As shown in FIG.
  • Fig. 4 shows the information flow page after the information card 2 in Fig. 2 is expanded. Compared with Fig. 3, the width of the information card 2 reaches the preset width, and the length can fully display the detailed information. Part of the area of the information card 2 is displayed on the information flow page.
  • the unfolding of the information card in Fig. 3 and Fig. 4 is only an example, and the unfolded information card 2 may be smaller in size and completely displayed on the information flow page (not shown in the figure).
  • FIG. 5 is a schematic diagram of another information display provided by an embodiment of the present disclosure
  • FIG. 6 is a schematic diagram of another information display provided by an embodiment of the present disclosure.
  • the information flow page 500 in FIG. 5 is the same information flow page as the information flow page 600 in FIG. 6 . As shown in FIG. 5 , it shows an information flow page 500 different from the information flow page 200 in FIG. 2 above.
  • the information flow page 500 includes five information cards of different sizes, and three information cards are displayed in the second row with three columns, and one information card is displayed in the first row and the third row.
  • the information card 3 in FIG. 5 is an information card triggered by the user.
  • FIG. 6 shows the information flow page 600 after the information card 3 in FIG. 5 is expanded, and the area where the dotted box in FIG. 6 is located indicates that it is not displayed on the information flow page.
  • the width of the information card 3 reaches the preset width, and the length can fully display the detailed information.
  • the expanded information card 3 can be completely displayed on the information flow page 600 , while the information card 2 , information card 4 and information card 5 are all moved out of the information flow page 600 .
  • the above examples respectively show the expanded schematic diagrams of the information card when the original position is the left border and the upper border of the information card, and the original position is the upper border of the information card, which are only examples and not limiting.
  • the original position is the position of the center point of the target information card on the information flow page.
  • the center point of the target information card on the position of the information flow page can be used as a reference to expand in any direction.
  • the information card when the user triggers the information card, the information card can be expanded in situ, and the in situ expansion can include multiple ways, which improves the diversity and flexibility of information card expansion, and further improves the effect of information display.
  • expanding the target information card on the information flow page may include: moving the target information card to a preset position, and expanding the target information card on the information flow page based on the preset position.
  • the preset position can be set according to the actual needs of users and business needs. In some embodiments, the preset position is the center position, the position where the user's line of sight is, or the top position on the information flow page.
  • the information display device when it unfolds the target information card on the information flow page, it can also move the target information card to a preset position first.
  • the preset position is the center position of the information flow page or the position of the user's line of sight
  • the center point of the target information card can be moved to the preset position when moving, and the target information card can be expanded around with the preset position as a reference
  • the preset position is the top position of the information flow page
  • the upper border of the target information card can be moved to the top position when moving, and then the target information card can be unfolded downwards based on the preset position.
  • the information card after the user triggers the information card, the information card can be moved to a fixed position and then expanded, so that the user can browse the expanded information card at the best position, further improving the effect of information display.
  • Step 104 displaying the detailed information in the expanded target information card, and setting the length of the expanded target information card to the length for fully displaying the detailed information.
  • the information display device After the information display device expands the target information card on the information flow page, it can display the detailed information of the target information card in the expanded target information card. At this time, the target information card can be completely displayed on the information flow page, or only part of the area can be displayed on the information flow page, which is determined according to the length of the target information card.
  • part of the expanded information card 2 is displayed on the information flow page, and the dotted frame area is outside the information flow page.
  • the information display solution provided by the embodiment of the present disclosure displays at least two information cards on the information flow page; in response to the trigger operation on the target information card in the at least two information cards, obtains the detailed information of the target information card, the width of the target information card is smaller than the width of the information flow page; expands the target information card on the information flow page, and moves other information cards adjacent to the target information card among the at least two information cards until the width of the target information card is equal to the preset width, and the preset width is greater than the width of the target information card and less than or equal to the width of the information flow page; display details in the expanded target information card information, the length of the target information card is set to the length that fully displays the detailed information.
  • the information card after receiving the user’s trigger operation, the information card can be expanded in the current information flow page until the width reaches the preset width, and the corresponding detailed information is displayed in the expanded information card, so that the user can directly browse the detailed information on the current page, avoiding the poor user experience caused by the multi-level and deep nesting of the page, and the information can be conveyed to the user more simply, quickly and comprehensively.
  • the effect the effect.
  • FIG. 7 is a schematic flowchart of another information display method provided by an embodiment of the present disclosure.
  • the information display method may further include the following steps:
  • Step 701 displaying the suspension function control set for the detailed information on the information flow page.
  • the floating function control can be understood as a control that can be suspended above the information flow page.
  • the floating function control can include multiple controls with different functions.
  • the floating function control can include at least one of an interactive control or a retractable control.
  • An interactive control can be understood as a functional control for providing an interactive operation with a user, which may specifically include multiple types.
  • an interactive control may include at least one of a comment control, a like control, a share control, or a forward control.
  • the collapse control can be used to collapse the expanded target information card and close the above-mentioned suspension function control.
  • the information display device After the information display device displays its detailed information in the expanded target information card, it can display a suspension function control on the information flow page.
  • the position of the suspension function control is not limited, and can be set at any position that does not affect the display of detailed information.
  • the suspension function control can be set at the right border of the information flow page.
  • FIG. 4 For example, see FIG. 4 .
  • four floating function controls are displayed in the area 401 , and the comment control, like control, sharing control, and storage control are displayed sequentially from top to bottom. This is only an example, and more controls can be set according to actual needs.
  • Step 702 in response to the trigger operation on the collapse control, collapse the expanded target information card on the information flow page according to the original size and original position, and close the floating function control.
  • the information display device can retract the expanded target information card to the original size and original position before expansion after receiving the user's trigger operation for retracting the control, that is, restore the expanded target information card to the original size and position, and close the suspension function control.
  • step 703 may also be executed.
  • Step 703 In response to the vertical sliding operation, the entire information flow page is slid vertically and displayed, and the target information card is slid vertically along with the information flow page.
  • the vertical sliding operation may include upward and/or downward sliding operations, which are not specifically limited.
  • the information display device can slide and display the entire information card displayed on the information flow page vertically, and the target information card also slides vertically.
  • the vertical sliding operation is an upward sliding operation
  • the target information card slides upward, and the detailed information in other areas that are not displayed will gradually be displayed, so that the user can browse the detailed information of the entire target information card. For example, as shown in FIG.
  • the undisplayed part of the information card 2 will be displayed on the information flow page, and with further sliding, the information card 4 adjacent to the lower border of the information card 2 and moving during the unfolding process of the information card 2 and other cards adjacent to the information card 4 will be displayed. It can automatically enter the stowed state, etc.
  • the information card 1 adjacent to the upper border of the information card 2 and other cards adjacent to the information card 1 may also continue to be displayed. That is, after the target information card is expanded, it will continue to stay in the original information flow. By expanding and moving adjacent cards in the original information flow, detailed information will be displayed without affecting the browsing logic of the original information flow.
  • the display position of the floating function control remains unchanged, and when the lower border of the target information card slides up to the first preset position on the information flow page or the upper border slides down to the second preset position on the information flow page, the floating function control is turned off.
  • the first preset position and the second preset position can be set and adjusted according to actual conditions.
  • the suspension function control will not slide along with the vertical sliding of the target information card, that is, the display position of the suspension function control on the information flow page remains unchanged, but it will be automatically closed with the sliding position of the target information card;
  • the dotted line 402 may indicate an exemplary first preset position, and when the lower border of the information card 2 slides up to the dotted line 402 , the hover function control in the area 401 may be turned off.
  • the suspension function control can be closed in a preset way, for example, the preset way can be to move to the boundary side of the nearest information flow page until it is completely removed; or the preset way can be to close directly in place, and different suspension function controls can be closed one by one, or can be closed at the same time.
  • the corresponding floating function control can also be displayed, so that the user can perform various interactive operations or collapse operations on the detailed information in the expanded information card, without affecting the normal vertical sliding experience, and further improving the user's information browsing experience.
  • the detailed information includes a picture
  • the information presentation method may further include: performing a size adjustment operation on the picture in response to a trigger operation on the picture, where the size adjustment operation includes zooming in or zooming out.
  • the detailed information may include pictures.
  • the information display device receives the user's zoom-in trigger operation and/or zoom-out trigger operation on the picture, it may correspondingly zoom in and/or zoom out the picture.
  • the zoom factor and/or the zoom factor may be determined according to the user's trigger distance.
  • the information display method may further include: displaying the picture in full screen on the information flow page in response to the full-screen display operation on the picture. In some embodiments, when the number of pictures is at least two, after displaying the pictures in full screen on the information flow page, the information display method may further include: in response to a sliding operation on the current picture, switching and displaying the current picture as another picture.
  • the full-screen display operation may include a gesture control operation (such as clicking, long pressing, or double-clicking, etc.) on the picture, a voice control operation, etc., and is not specifically limited.
  • a gesture control operation such as clicking, long pressing, or double-clicking, etc.
  • the information display device receives the user's full-screen display operation of the picture in the detailed information, it can display the picture in full screen; when it receives the user's sliding operation on the current picture to the left or right, it can slide the current picture out along the direction of the sliding operation and switch to display it as the next picture in the detailed information.
  • the switching will not be performed.
  • the information card can be displayed directly on the displayed page instead of jumping through the page, improving the efficiency and experience of use.
  • the process of directly unfolding the information card in the process of browsing the information stream gives the user a smoother and more immersive feeling; it solves the problem of multi-level and deep nesting of windows, which leads to poor experience when the user returns and causes a bad experience for some users; and after the current details are unfolded, a suspension function control can also be provided, so that the user can perform interactive operations such as comments, likes, or sharing in the current expansion area, and It does not hinder the normal vertical sliding reading experience. After the user slides beyond the expansion range, the floating function control will automatically close or disappear, which further improves the user's reading experience.
  • 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:
  • the first display module 801 is configured to display at least two information cards on the information flow page;
  • a trigger module 802 configured to acquire detailed information of the target information card in response to a trigger operation on the target information card of the at least two information cards, where the width of the target information card is smaller than the width of the information flow page;
  • the expansion module 803 is configured to expand the target information card on the information flow page, and move other information cards adjacent to the target information card among the at least two information cards until the width of the target information card is equal to a preset width, and the preset width is greater than the width of the target information card and less than or equal to the width of the information flow page;
  • the second display module 804 is configured to display the detailed information in the expanded target information card, and the length of the expanded target information card is set to a length for fully displaying the detailed information.
  • the deployment module 803 includes a first unit, configured to:
  • the target information card is expanded on the information flow page.
  • the original position is determined based on the upper boundary and the target side boundary of the target information card, or the original position is determined based on the upper boundary of the target information card, and the target side boundary is the side boundary adjacent to the boundary of the target information card and the information flow page.
  • the original position is the position of the center point of the target information card in the information flow page.
  • the unfolding module 803 includes a second unit, configured to:
  • the target information card is moved to a preset position, and based on the preset position, the target information card is expanded on the information flow page.
  • the preset position is the center position, the position where the user's line of sight is, or the top position on the information flow page.
  • the device further includes a function module, configured to: after displaying the detailed information in the expanded target information card,
  • a suspension function control set for the detailed information is displayed on the information flow page, wherein the suspension function control includes at least one of an interactive control or a collapsible control.
  • the device further includes a retractable module for:
  • the expanded target information card is collapsed on the information flow page according to its original size and original position, and the suspension function control is closed.
  • the device further includes a vertical sliding module, configured to: display the detailed information in the expanded target information card,
  • the entire information flow page is slid vertically and displayed, and the target information card is slid vertically along with the information flow page.
  • the display position of the suspension function control remains unchanged, and the suspension function control is closed when the lower border of the target information card slides up to the first preset position of the information flow page or the upper border slides down to the second preset position of the information flow page.
  • the detailed information includes a picture
  • the device further includes a first picture module, configured to:
  • a size adjustment operation is performed on the picture, and the size adjustment operation includes zooming in or zooming out.
  • the device also includes a second picture module, configured to:
  • the picture In response to the full-screen display operation on the picture, the picture is displayed in full screen on the information flow page.
  • the device when the number of the pictures is at least two, the device further includes a third picture module, configured to: after displaying the pictures in full screen on the information flow page,
  • the current picture In response to a sliding operation on the current picture, the current picture is switched and displayed as other pictures.
  • each information card corresponds to a piece of information, and the information includes at least one of video, text or image.
  • 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 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 information cards on the information flow page; responds to the trigger operation on the target information card in the at least two information cards, obtains the detailed information of the target information card, and the width of the target information card is smaller than the width of the information flow page; expands the target information card on the information flow page, and moves other information cards adjacent to the target information card among the at least two information cards until the width of the target information card is equal to the preset width Width, the preset width is greater than the width of the target information card and less than or equal to the width of the information flow page; the detailed information is displayed in the expanded target information card, and the length of the expanded target information card is set to the length of the complete display of the detailed information.
  • 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

一种信息展示方法、装置、设备及介质
相关申请的交叉引用
本申请是以中国申请号为202210072716.7，申请日为2022年1月21日的申请为基础，并主张其优先权，该中国申请的公开内容在此作为整体引入本申请中。
技术领域
本公开涉及信息处理技术领域，尤其涉及一种信息展示方法、装置、设备及介质。
背景技术
随着应用程序和计算机技术的不断发展，越来越多的用户通过应用程序浏览各种信息。应用程序通过展示信息预览(feed)流给用户，能够吸引用户选择感兴趣的信息继续浏览。
目前，在信息预览流的基础上继续浏览的实现方式通常是打开一个新的页面查看被触发的内容的详情信息。
发明内容
本公开实施例提供了一种信息展示方法，所述方法包括：
在信息流页面上展示至少两个信息卡片；
响应于对所述至少两个信息卡片中目标信息卡片的触发操作，获取所述目标信息卡片的详情信息，所述目标信息卡片的宽度小于所述信息流页面的宽度；
将所述目标信息卡片在所述信息流页面上展开，并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片，直到所述目标信息卡片的宽度等于预设宽度，所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度；
在展开之后的所述目标信息卡片中展示所述详情信息，展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
本公开实施例还提供了一种信息展示装置，所述装置包括：
第一展示模块，用于在信息流页面上展示至少两个信息卡片；
触发模块，用于响应于对所述至少两个信息卡片中目标信息卡片的触发操作，获 取所述目标信息卡片的详情信息，所述目标信息卡片的宽度小于所述信息流页面的宽度；
展开模块，用于将所述目标信息卡片在所述信息流页面上展开，并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片，直到所述目标信息卡片的宽度等于预设宽度，所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度；
第二展示模块，用于在展开之后的所述目标信息卡片中展示所述详情信息，展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
本公开实施例还提供了一种电子设备，所述电子设备包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现如本公开实施例提供的信息展示方法。
本公开实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序用于执行如本公开实施例提供的信息展示方法。
本公开实施例还提供了一种计算机程序，包括：指令，所述指令当由处理器执行时使所述处理器执行如本公开实施例提供的信息展示方法。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种信息展示方法的流程示意图；
图2为本公开实施例提供的一种信息展示的示意图；
图3为本公开实施例提供的另一种信息展示的示意图；
图4为本公开实施例提供的又一种信息展示的示意图；
图5为本公开实施例提供的再一种信息展示的示意图；
图6为本公开实施例提供的还一种信息展示的示意图；
图7为本公开实施例提供的另一种信息展示方法的流程示意图；
图8为本公开实施例提供的一种信息展示装置的结构示意图；
图9为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
目前，在信息预览流的基础上继续浏览的实现方式通常是打开一个新的页面查看被触发的内容的详情信息，这种方式甚至会产生页面的多重嵌套，容易因页面卡顿出现信息展示缓慢，并且导致用户返回信息预览流时的体验不佳，即使能够在信息预览流的页面展示部分详情信息，展示的内容也有限，信息不能全面且有效地传达给用户，导致信息预览流的展示效果不佳。
为了解决上述问题，本公开提供了一种信息展示方法、装置、设备及介质。
本公开实施例的信息展示方法，主要适用于信息流展示的场景，例如可以是预览信息流展示的场景，也可以是详情信息流展示的场景。本公开实施例提供的信息展示方法可以由信息展示装置执行，其中该装置可以采用软件或硬件中的至少一种实现， 该装置可以集成在具有视频播放功能的电子设备中，例如手机、掌上电脑、平板电脑、笔记本电脑或台式电脑等。
图1为本公开实施例提供的一种信息展示方法的流程示意图，如图1所示，该信息展示方法包括以下步骤。
步骤101、在信息流页面上展示至少两个信息卡片。
信息流页面可以是应用程序中用于展示信息流给用户的页面。在一些实施例中，信息流页面可以是视频、文本、或图像等不同类型信息的预览信息流页面、或详情信息流页面等。信息卡片可以是以卡片形式展示信息的方式，一个信息卡片对应一个信息，信息的格式不限，例如信息可以为视频、文本或图像等。本公开实施例对信息卡片的尺寸不限，不同信息卡片的尺寸可以相同，也可以不同。
具体地，信息展示装置可以加载一个信息流页面以呈现给用户，该信息流页面展示至少两个信息卡片。在一些实施例中，信息流页面可以多行多列的形式展示至少两个信息卡片，行数可以包括至少一行，列数也可以包括至少一列，不同行的列数可以相同或不同，同一行可以展示一个信息卡片，也可以展示两个或两个以上的信息卡片。
示例性的，图2为本公开实施例提供的一种信息展示的示意图，如图2所示，图中展示了一个信息流页面200，该信息流页面200中包括4个尺寸不同的信息卡片，并且在第二行为两列，展示两个信息卡片，第一行和第三行均展示一个信息卡片。可以理解的是，图2所示的信息流页面上展示的信息卡片仅为一个示例，而非限定。
步骤102、响应于对至少两个信息卡片中目标信息卡片的触发操作，获取目标信息卡片的详情信息，目标信息卡片的宽度小于信息流页面的宽度。
目标信息卡片可以理解为上述至少两个信息卡片中宽度小于信息流页面的宽度的信息卡片，并且目标信息卡片被用户触发到。触发操作可以包括对目标信息卡片的手势控制操作(如点击、长按、或双击等)、语音控制操作或者表情控制操作等等，本公开实施例对此不做限制。详情信息可以是信息卡片对应的完整信息，例如当信息卡片中展示一个文章标题时，详情信息可以是该文章标题对应的文章的全文。
具体地，信息展示装置在信息流页面上展示至少两个信息卡片之后，可以检测用户的触发操作，当接收到用户对目标信息卡片的触发操作时，可以从服务器中获取目标信息卡片的详情信息。
示例性的，参见图2，图中手指表征用户的触发操作，信息卡片2为用户触发的目标信息卡片。
步骤103、将目标信息卡片在信息流页面上展开，并移动至少两个信息卡片中与目标信息卡片相邻的其他信息卡片，直到目标信息卡片的宽度等于预设宽度。
预设宽度可以大于目标信息卡片的宽度并且小于或等于信息流页面的宽度，也即预设宽度与信息流页面的宽度之间的差值小于差值阈值，该差值阈值可以根据实际情况设置，例如差值阈值可以为2毫米或10个像素等。
具体地，信息展示装置接收到用户对目标信息卡片的触发操作之后，可以将目标信息卡片在信息流页面上展开，也即将目标信息卡片的尺寸放大，并且将与目标信息卡片相邻的其他信息卡片向信息流页面外面移动，移动方向与目标信息卡片展开的方向相对应，例如目标信息卡片向右展开，则相邻的右侧的其他卡片可以向右移动；直到目标信息卡片的宽度达到预设宽度，长度能够将目标信息卡片对应的详情信息完整展示则停止。
在一些实施例中，将目标信息卡片在信息流页面上展开，可以包括：按照目标信息卡片所在原始位置为基准，在信息流页面中展开目标信息卡片，其中，原始位置可以理解为目标信息卡片在信息流页面扩展之前的位置。
在一些实施例中，所述原始位置基于所述目标信息卡片的上边界和目标侧边界确定，或者，所述原始位置基于所述目标信息卡片的上边界确定，所述目标侧边界为所述目标信息卡片与所述信息流页面的边界相邻的侧边界。当目标信息卡片的左边界与信息流页面的左边界相邻时，则原始位置可以为目标信息卡片的上边界和左边界；当目标信息卡片的右边界与信息流页面的右边界相邻时，原始位置可以为目标信息卡片的上边界和右边界；当目标信息卡片的左边界和右边界均与信息流页面的边界具有一定距离，也即不相邻时，则原始位置为目标信息卡片的上边界。
具体地，信息展示装置在信息流页面上将目标信息卡片展开时，可以以目标信息卡片的上边界为基准向下扩展；或者以上边界加目标侧边界为基准，向下扩展并且向目标侧边界的相反方向扩展，即，当目标侧边界为左边界，则向右扩展，当目标侧边界为右边界，则向左扩展。
示例性的，图3为本公开实施例提供的另一种信息展示的示意图，图4为本公开实施例提供的又一种信息展示的示意图，图3中的信息流页面300、图4中的信息流页面400与图2中的信息流页面200为同一个信息流页面。图3和图4中虚线框所在区域表示没有展示在信息流页面上。图3展示了图2中的信息卡片2在展开过程中的信息流页面，如图3所示，此时由于信息卡片2的左边界与信息流页面300的左边界 相邻，则原始位置为信息卡片2的左边界和上边界，信息卡片2向右和向下进行扩展，信息卡片3和信息卡片4的部分区域(虚线框所在区域)移出信息流页面200。图4展示了图2中的信息卡片2在展开之后的信息流页面，相较于图3，信息卡片2的宽度达到预设宽度，长度能够完整展示详情信息，信息卡片2的部分区域展示在信息流页面中，虚线框区域在信息流页面之外，信息卡片3和信息卡片4的全部区域均被移出信息流页面200。图3和图4的信息卡片的展开仅为示例，展开之后的信息卡片2还可以尺寸较小完整展示在信息流页面上(图中未示出)。
示例性的，图5为本公开实施例提供的再一种信息展示的示意图，图6为本公开实施例提供的还一种信息展示的示意图，图5中的信息流页面500与图6中的信息流页面600为同一个信息流页面。如图5所示，图中展示了一个与上述图2中信息流页面200不同的信息流页面500，该信息流页面500中包括5个尺寸不同的信息卡片，并且在第二行为三列，展示三个信息卡片，第一行和第三行均展示一个信息卡片。图5中的信息卡片3为被用户触发的信息卡片，此时由于信息卡片3的左边界和右边界均与信息流页面的边界不相邻，则原始位置为信息卡片3的上边界(示例性地，可以以信息卡片3的上边界的中点或某一特点位置点为基准点)，信息卡片3向左、向右和向下进行扩展，而相邻的信息卡片2向左移动、信息卡片4向右移动以及信息卡片5向下移动。图6展示了图5中信息卡片3在展开之后的信息流页面600，图6中虚线框所在区域表示没有展示在信息流页面上。相较于图5，信息卡片3的宽度达到预设宽度，长度能够完整展示详情信息，此时展开之后的信息卡片3可以完整展示在信息流页面600中，而信息卡片2、信息卡片4和信息卡片5全部被移出信息流页面600。
上述示例中分别展示了原始位置为信息卡片的左边界和上边界、以及原始位置为信息卡片的上边界的情况下的信息卡片的展开示意图，仅为示例，而非限定。
在一些实施例中，原始位置为目标信息卡片的中心点在信息流页面中的位置。此时，信息展示装置在信息流页面上将目标信息卡片展开时，可以目标信息卡片的中心点在信息流页面的位置为基准，不限方向地向四周扩展。
上述方案中，当用户触发信息卡片之后，该信息卡片可以进行原位扩展，并且原位扩展的方式可以包括多种，提升了信息卡片扩展的多样性和灵活性，进一步提升了信息展示的效果。
在另一些实施例中，将目标信息卡片在信息流页面上展开，可以包括：将目标信息卡片移动至预设位置，并按照预设位置为基准，在信息流页面中展开目标信息卡片。 预设位置可以根据用户的实际需求和业务需求进行设置。在一些实施例中，预设位置为信息流页面中的中心位置、用户视线所在位置或者顶部位置。
具体地，信息展示装置在将目标信息卡片在信息流页面上展开时，还可以将目标信息卡片先移动到预设位置，当预设位置为信息流页面的中心位置或用户视线所在位置，移动时可以将目标信息卡片的中心点移动到该预设位置，以预设位置为基准向四周展开目标信息卡片；当预设位置为信息流页面的顶部位置，移动时可以将目标信息卡片的上边界移动到顶部位置，之后可以预设位置为基准向下展开目标信息卡片。
上述方案中，当用户触发信息卡片之后，该信息卡片可以先移动到固定位置之后进行扩展，使得用户可以在最佳位置浏览到扩展之后的信息卡片，进一步提升了信息展示的效果。
步骤104、在展开之后的目标信息卡片中展示详情信息，展开之后的目标信息卡片的长度设置为将详情信息完整展示的长度。
信息展示装置在将目标信息卡片在信息流页面上展开之后，可以将目标信息卡片的详情信息展示在展开之后的目标信息卡片中，此时目标信息卡片可以完整展示在信息流页面中，也可以仅展示部分区域在信息流页面中，具体根据目标信息卡片的长度确定。
示例性的，参见图4，展开之后的信息卡片2的部分区域展示在信息流页面中，虚线框区域在信息流页面之外。
本公开实施例提供的信息展示方案，在信息流页面上展示至少两个信息卡片；响应于对至少两个信息卡片中目标信息卡片的触发操作，获取目标信息卡片的详情信息，目标信息卡片的宽度小于信息流页面的宽度；将目标信息卡片在信息流页面上展开，并移动至少两个信息卡片中与目标信息卡片相邻的其他信息卡片，直到目标信息卡片的宽度等于预设宽度，预设宽度大于目标信息卡片的宽度并且小于或等于信息流页面的宽度；在展开之后的目标信息卡片中展示详情信息，目标信息卡片的长度设置为将详情信息完整展示的长度。采用上述技术方案，针对信息流页面上展示的宽度较小的信息卡片，当接收到用户的触发操作之后可以将该信息卡片在当前的信息流页面中展开直到宽度达到预设宽度，并在展开之后的信息卡片中展示其对应的详情信息，使用户能够在当前页面直接浏览到详情信息，避免了页面的多级、深层的嵌套导致的用户体验不佳，信息能够更加简单、快捷和全面地传达给用户，整个过程更加流畅，使用户的沉浸感更强，进而提升了用户的信息浏览体验效果。
示例性的，图7为本公开实施例提供的另一种信息展示方法的流程示意图，在一种可行的实施方式中，在展开之后的目标信息卡片中展示详情信息之后，信息展示方法还可以包括如下步骤：
步骤701、在信息流页面上展示针对详情信息设置的悬浮功能控件。
悬浮功能控件可以理解为能够悬浮在信息流页面上方的控件，悬浮功能控件可以包括多种不同功能的控件，本公开实施例中悬浮功能控件可以包括交互控件或收起控件中的至少一种。交互控件可以理解为用于提供与用户之间的交互操作的功能控件，具体可以包括多种，例如交互控件可以包括评论控件、点赞控件、分享控件或转发控件等中的至少一种。收起控件可以用于收起展开的目标信息卡片并且关闭上述悬浮功能控件。
信息展示装置在展开之后的目标信息卡片中展示其详情信息之后，可以在信息流页面上展示悬浮功能控件，该悬浮功能控件的位置不限，可以设置在任何不影响详情信息展示的位置，例如该悬浮功能控件可以设置在信息流页面的右边界。
示例性的，参见图4，图4中在区域401中展示了4个悬浮功能控件，从上到下依次展示了评论控件、点赞控件、分享控件和收起控件，仅为示例，还可以根据实际需要设置更多的控件。
步骤702、响应于对收起控件的触发操作，在信息流页面上将展开之后的目标信息卡片按照原始尺寸和原始位置收起，并关闭悬浮功能控件。
信息展示装置在展示上述悬浮功能控件之后，当接收到用户对其中收起控件的触发操作之后，可以将展开之后的目标信息卡片收起至展开之前的原始尺寸和原始位置，也即将展开之后的目标信息卡片恢复到原始的大小和位置，并且关闭悬浮功能控件。
在上述步骤701之后或在展开之后的目标信息卡片中展示详情信息之后，还可以执行步骤703。
步骤703、响应于纵向滑动操作，将信息流页面整体纵向滑动展示，目标信息卡片随着信息流页面的纵向滑动。
纵向滑动操作可以包括向上和/或向下的滑动操作，具体不限。
具体地，信息展示装置当接收到用户对信息流页面的纵向滑动操作之后，可以将信息流页面中展示的信息卡片整体纵向滑动展示，目标信息卡片也随之纵向滑动，例如当纵向滑动操作为向上滑动操作时，如果目标信息卡片的长度较长，信息流页面中仅展示部分区域时，目标信息卡片随着向上滑动，未展示的其他区域中的详情信息会 逐渐展示出来，使用户可以浏览到整个目标信息卡片的详情信息。示例性地，如图4所示，随着用户的向上滑动，信息卡片2未显示的部分区域会显示在信息流页面上，并随着进一步的滑动，显示与信息卡片2下边界相邻的并且在信息卡片2展开过程中移动的信息卡片4及与信息卡片4相邻的其他卡片，这些信息卡片可以处于展开状态或者收起状态，上述状态取决于用户之前对该信息卡片是否进行展开或收起操作；也可以取决于根据预设策略对卡片的处理，例如，当展开的信息卡片不在屏幕中显示时，可以自动进入收起状态等。另一实施例中，响应于用户的向下滑动操作，也可以继续显示与信息卡片2上边界相邻的信息卡片1以及与信息卡片1相邻的其他卡片。即，目标信息卡片展开之后后，会继续停留在原信息流中，通过在原信息流中展开并移动相邻卡片，显示详情信息，而不影响原信息流的浏览逻辑。
在一些实施例中，在目标信息卡片纵向滑动的过程中，悬浮功能控件的显示位置不变，当目标信息卡片的下边界向上滑动到信息流页面的第一预设位置或者上边界向下滑动到信息流面的第二预设位置时关闭悬浮功能控件。
第一预设位置和第二预设位置可以根据实际情况设置和调整。在一种可行的方式中，悬浮功能控件不会随着目标信息卡片的纵向滑动而滑动，也即悬浮功能控件在信息流页面的显示位置不变，但会随着目标信息卡片的滑动位置而自动关闭；当纵向滑动操作为向上滑动操作时，当目标信息卡片的下边界向上滑动到第一预设位置时，则可以关闭悬浮功能控件；当纵向滑动操作为向下滑动操作时，当目标信息卡片的上边界向下滑动到第二预设位置时，则可以关闭悬浮功能控件。
例如参见图4，虚线402可以表示一种示例性的第一预设位置，当信息卡片2的下边界向上滑动到该虚线402时，则可以将区域401中的悬浮功能控件关闭。
在一些实施例中，悬浮功能控件的关闭可以通过预设方式实现，例如预设方式可以为向距离最近的信息流页面的边界侧移动直到完全移出；或者预设方式可以为直接原位关闭，并且不同悬浮功能控件可以逐个依次关闭，也可以同时关闭。
上述方案中，在信息流页面中展开之后的信息卡片中展示详情信息之后，还可以展示对应的悬浮功能控件，使用户在展开之后的信息卡片内可以对详情信息进行各种交互操作或收起操作，并且不影响正常的纵向滑动体验，进一步提升了用户的信息浏览体验效果。
在一些实施例中，详情信息包括图片，信息展示方法还可以包括：响应于对图片的触发操作，对图片进行尺寸调整操作，尺寸调整操作包括放大或缩小。
由于详情信息中包括的信息格式不限，详情信息中可以包括图片，信息展示装置当接收到用户对图片的放大触发操作和/或缩小触发操作时，可以将图片进行对应的放大和/或缩小，具体地放大倍数和/或缩小倍数可以根据用户的触发距离确定。
在一些实施例中，信息展示方法还可以包括：响应于对图片的全屏显示操作，将图片在信息流页面上全屏显示。在一些实施例中，当图片的数量为至少两个，将图片在信息流页面上全屏显示之后，信息展示方法还可以包括：响应于对当前图片的滑动操作，将当前图片切换展示为其他图片。
全屏显示操作可以包括对图片的手势控制操作(如点击、长按、或双击等)、语音控制操作等，具体不限。信息展示装置当接收到用户对详情信息中图片的全屏显示操作时，可以将图片全屏显示；之后当接收到用户对当前图片的向左或向右的滑动操作时，可以将当前图片沿滑动操作的方向滑出并切换展示为详情信息中的下一图片，当详情信息中仅包括当前图片时，则不会进行切换。
上述方案中，在信息流页面中展开之后的信息卡片中展示详情信息之后，还可以对详情信息中的图片进行放大、缩小、全屏显示以及切换图片等操作，使得用户在展示之后的信息卡片中可以实现相关技术中通过新的页面展示详情信息的各种操作，更符合用户的实际需求，进一步提升了信息展示的效果。
本方案中，信息卡片可以在展示的页面中直接展开展示详情信息，而不用通过页面跳转，提升使用效率和使用体验，在浏览信息流的过程中直接展开信息卡片的过程给用户的感受更加流畅，沉浸感更强；解决了窗口的多级、深层级嵌套，导致用户返回时体验不好以及给部分用户造成被诱导的不好体验的问题；并且当前展开详情后，还可以提供悬浮功能控件，使用户在当前展开区域内可以进行评论、点赞、或分享等交互操作，且不阻碍正常的纵向滑动阅读体验，用户滑动超出展开范围后，悬浮功能控件会自动收起或消失，进一步提升了用户的阅读体验效果。
图8为本公开实施例提供的一种信息展示装置的结构示意图，该装置可由软件和/或硬件实现，一般可集成在电子设备中。如图8所示，该装置包括：
第一展示模块801，用于在信息流页面上展示至少两个信息卡片；
触发模块802，用于响应于对所述至少两个信息卡片中目标信息卡片的触发操作，获取所述目标信息卡片的详情信息，所述目标信息卡片的宽度小于所述信息流页面的宽度；
展开模块803，用于将所述目标信息卡片在所述信息流页面上展开，并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片，直到所述目标信息卡片的宽度等于预设宽度，所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度；
第二展示模块804，用于在展开之后的所述目标信息卡片中展示所述详情信息，展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
在一些实施例中，所述展开模块803包括第一单元，用于：
按照所述目标信息卡片所在原始位置为基准，在所述信息流页面中展开所述目标信息卡片。
在一些实施例中，所述原始位置基于所述目标信息卡片的上边界和目标侧边界确定，或者，所述原始位置基于所述目标信息卡片的上边界确定，所述目标侧边界为所述目标信息卡片与所述信息流页面的边界相邻的侧边界。
在一些实施例中，所述原始位置为所述目标信息卡片的中心点在所述信息流页面中的位置。
在一些实施例中，所述展开模块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 (18)

  1. 一种信息展示方法，包括：
    在信息流页面上展示至少两个信息卡片；
    响应于对所述至少两个信息卡片中目标信息卡片的触发操作，获取所述目标信息卡片的详情信息，所述目标信息卡片的宽度小于所述信息流页面的宽度；
    将所述目标信息卡片在所述信息流页面上展开，并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片，直到所述目标信息卡片的宽度等于预设宽度，所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度；和
    在展开之后的所述目标信息卡片中展示所述详情信息，展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
  2. 根据权利要求1所述的信息展示方法，其中，将所述目标信息卡片在所述信息流页面上展开，包括：
    按照所述目标信息卡片所在原始位置为基准，在所述信息流页面中展开所述目标信息卡片。
  3. 根据权利要求2所述的信息展示方法，其中，所述原始位置基于所述目标信息卡片的上边界和目标侧边界确定，或者，所述原始位置基于所述目标信息卡片的上边界确定，所述目标侧边界为所述目标信息卡片与所述信息流页面的边界相邻的侧边界。
  4. 根据权利要求2所述的信息展示方法，其中，所述原始位置为所述目标信息卡片的中心点在所述信息流页面中的位置。
  5. 根据权利要求1-4中任一项所述的信息展示方法，其中，将所述目标信息卡片在所述信息流页面上展开，包括：
    将所述目标信息卡片移动至预设位置，并按照所述预设位置为基准，在所述信息流页面中展开所述目标信息卡片。
  6. 根据权利要求5所述的信息展示方法，其中，所述预设位置为所述信息流页面中的中心位置、用户视线所在位置或者顶部位置。
  7. 根据权利要求1-6中任一项所述的信息展示方法，还包括：
    在展开之后的所述目标信息卡片中展示所述详情信息之后，展示针对所述详情信 息设置的悬浮功能控件，其中，所述悬浮功能控件包括交互控件或收起控件中的至少一种。
  8. 根据权利要求7所述的信息展示方法，还包括：
    响应于对所述收起控件的触发操作，在所述信息流页面上将展开之后的所述目标信息卡片按照原始尺寸和原始位置收起，并关闭所述悬浮功能控件。
  9. 根据权利要求1-8中任一项所述的信息展示方法，还包括：
    在展开之后的所述目标信息卡片中展示所述详情信息之后，响应于纵向滑动操作，将所述信息流页面整体纵向滑动展示，所述目标信息卡片随着所述信息流页面纵向滑动。
  10. 根据权利要求9所述的信息展示方法，其中：
    在所述目标信息卡片纵向滑动的过程中，所述悬浮功能控件的显示位置不变；并且
    当所述目标信息卡片的下边界向上滑动到所述信息流页面的第一预设位置或者上边界向下滑动到所述信息流面的第二预设位置时，关闭所述悬浮功能控件。
  11. 根据权利要求1-10中任一项所述的信息展示方法，其中，所述详情信息包括图片，并且所述信息展示方法还包括：
    响应于对所述图片的触发操作，对所述图片进行尺寸调整操作，所述尺寸调整操作包括放大或缩小。
  12. 根据权利要求11所述的信息展示方法，还包括：
    响应于对所述图片的全屏显示操作，将所述图片全屏显示。
  13. 根据权利要求12所述的信息展示方法，其中，所述图片的数量为至少两个，并且所述方法还包括：
    将所述图片在所述信息流页面上全屏显示之后，响应于对当前图片的滑动操作，将所述当前图片切换展示为其他图片。
  14. 根据权利要求1-13中任一项所述的信息展示方法，其中，所述初始信息卡片或者所述目标信息卡片包括视频、文本或图像中的至少一种。
  15. 一种信息展示装置，其中，包括：
    第一展示模块，用于在信息流页面上展示至少两个信息卡片；
    触发模块，用于响应于对所述至少两个信息卡片中目标信息卡片的触发操作，获取所述目标信息卡片的详情信息，所述目标信息卡片的宽度小于所述信息流页面的宽 度；
    展开模块，用于将所述目标信息卡片在所述信息流页面上展开，并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片，直到所述目标信息卡片的宽度等于预设宽度，所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度；和
    第二展示模块，用于在展开之后的所述目标信息卡片中展示所述详情信息，展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
  16. 一种电子设备，包括：
    存储器；以及
    耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行上述权利要求1-14中任一所述的信息展示方法。
  17. 一种计算机可读存储介质，其中，所述存储介质存储有计算机程序，所述计算机程序用于执行上述权利要求1-14中任一所述的信息展示方法。
  18. 一种计算机程序，包括：
    指令，所述指令当由处理器执行时使所述处理器执行上述权利要求1-14中任一所述的信息展示方法。
PCT/CN2022/140937 2022-01-21 2022-12-22 一种信息展示方法、装置、设备及介质 Ceased WO2023138293A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US18/711,837 US20250021201A1 (en) 2022-01-21 2022-12-22 Information display method and apparatus, device and medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210072716.7 2022-01-21
CN202210072716.7A CN114416262A (zh) 2022-01-21 2022-01-21 一种信息展示方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
WO2023138293A1 true WO2023138293A1 (zh) 2023-07-27

Family

ID=81274932

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/140937 Ceased WO2023138293A1 (zh) 2022-01-21 2022-12-22 一种信息展示方法、装置、设备及介质

Country Status (3)

Country Link
US (1) US20250021201A1 (zh)
CN (1) CN114416262A (zh)
WO (1) WO2023138293A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114416262A (zh) * 2022-01-21 2022-04-29 北京字节跳动网络技术有限公司 一种信息展示方法、装置、设备及介质
CN114880606B (zh) * 2022-06-01 2025-09-23 北京字跳网络技术有限公司 页面显示方法、装置、设备、介质及程序产品
CN114879887A (zh) * 2022-06-10 2022-08-09 抖音视界(北京)有限公司 一种信息展示方法、装置、设备及介质
CN116304330A (zh) * 2023-03-10 2023-06-23 北京淘友天下技术有限公司 一种信息引导方法、装置、电子设备及存储介质
CN119697413A (zh) * 2023-09-22 2025-03-25 京东科技信息技术有限公司 视频播放方法、装置、电子设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120220341A1 (en) * 2010-10-01 2012-08-30 Sanjiv Sirpal Windows position control for phone applications
CN111432264A (zh) * 2020-03-30 2020-07-17 腾讯科技（深圳）有限公司 基于媒体信息流的内容展示方法、装置、设备及存储介质
CN113191726A (zh) * 2021-04-22 2021-07-30 五八有限公司 任务详情界面展示方法、装置、设备和计算机可读介质
CN114416262A (zh) * 2022-01-21 2022-04-29 北京字节跳动网络技术有限公司 一种信息展示方法、装置、设备及介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109688454A (zh) * 2018-12-24 2019-04-26 北京潘达互娱科技有限公司 信息展示方法、装置、设备和存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120220341A1 (en) * 2010-10-01 2012-08-30 Sanjiv Sirpal Windows position control for phone applications
CN111432264A (zh) * 2020-03-30 2020-07-17 腾讯科技（深圳）有限公司 基于媒体信息流的内容展示方法、装置、设备及存储介质
CN113191726A (zh) * 2021-04-22 2021-07-30 五八有限公司 任务详情界面展示方法、装置、设备和计算机可读介质
CN114416262A (zh) * 2022-01-21 2022-04-29 北京字节跳动网络技术有限公司 一种信息展示方法、装置、设备及介质

Also Published As

Publication number Publication date
CN114416262A (zh) 2022-04-29
US20250021201A1 (en) 2025-01-16

Similar Documents

Publication Publication Date Title
WO2023138293A1 (zh) 一种信息展示方法、装置、设备及介质
EP4387245A1 (en) Video list display method and apparatus, and electronic device and storage medium
CN112135059A (zh) 拍摄方法、装置、电子设备和存储介质
CN114449331B (zh) 一种视频展示方法、装置、电子设备以及存储介质
WO2023138294A1 (zh) 一种信息展示方法、装置、设备及介质
KR102248799B1 (ko) 타겟 대상 디스플레이 방법, 장치 및 전자 기기
JP7824016B2 (ja) ページ表示方法、装置、電子機器、記憶媒体及びプログラム
CN110572705B (zh) 弹窗的控制方法、装置、介质及电子设备
CN115048164A (zh) 显示模式的切换方法、装置、设备及存储介质
CN116668418A (zh) 媒体内容的编辑方法、装置、电子设备和存储介质
JP7334362B2 (ja) 文書内テーブル閲覧方法、装置、電子機器及び記憶媒体
WO2023125164A1 (zh) 页面显示方法、装置、电子设备和存储介质
WO2022184006A1 (zh) 文档的显示方法、装置、电子设备和存储介质
WO2022111569A1 (zh) 页面切换显示方法、装置、存储介质及电子设备
WO2021073327A1 (zh) 窗口显示方法、装置、终端及存储介质
JP2024526163A (ja) コントロール表示方法、装置、機器及び媒体
EP4391561A1 (en) Video editing method and apparatus, device, and medium
JP7769153B2 (ja) 情報の表示方法、装置、電子機器、記憶媒体、及びプログラム
CN110825993A (zh) 图片的显示方法、装置和电子设备
CN115543509A (zh) 会话列表的显示方法、装置、电子设备和存储介质
CN114860135A (zh) 截图方法和装置
CN115396719A (zh) 控件的显示控制方法、装置、电子设备和存储介质
CN112083840A (zh) 控制电子设备的方法、装置、终端及存储介质
CN112672092B (zh) 展示方法、装置和电子设备
CN114879887A (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: 22921714

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 18711837

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 11.11.2024)

122 Ep: pct application non-entry in european phase

Ref document number: 22921714

Country of ref document: EP

Kind code of ref document: A1