WO2021022979A1 - Information flow display method and device - Google Patents
Information flow display method and device Download PDFInfo
- Publication number
- WO2021022979A1 WO2021022979A1 PCT/CN2020/101875 CN2020101875W WO2021022979A1 WO 2021022979 A1 WO2021022979 A1 WO 2021022979A1 CN 2020101875 W CN2020101875 W CN 2020101875W WO 2021022979 A1 WO2021022979 A1 WO 2021022979A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- visual
- information
- controls
- control
- item
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
- H04M1/72454—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions according to context-related or environment-related conditions
Definitions
- This application relates to the field of communications, and in particular to a technology for information flow display.
- the information stream is displayed in the vertical screen on the user equipment.
- the display interface of the user equipment in the horizontal screen state due to the inconsistency of the height and width of the user equipment
- Information flow display content is distorted.
- One purpose of this application is to provide an information flow display method and device.
- an information flow display method which includes:
- the window applied in the user equipment presents the first visual control in a vertical screen, and a plurality of first visual sub-controls displayed in the first visual control, wherein each first visual sub-control is used to present An information item in the first information stream; in response to the horizontal screen switching event of the user equipment, at least two second visual controls are presented on the horizontal screen of the application window, and displayed on at least one of the second A plurality of second visual sub-controls in the visual control, wherein each second visual sub-control is used to present an information item in the second information stream.
- an information flow display device which includes:
- the visual control is used to present an information item in the first information stream
- the one-two module is used to present at least two second visuals in the horizontal screen of the application window in response to the horizontal screen switching event of the user equipment A control, and a plurality of second visual sub-controls displayed in at least one of the second visual control, wherein each second visual sub-control is used to present an information item in the second information stream.
- an information flow display device which includes:
- a memory arranged to store computer-executable instructions that when executed causes the processor to perform the operations of any of the methods described above.
- a computer-readable medium storing instructions, which when executed, cause the system to perform the operation of any of the methods described above.
- the present application presents at least two second visual controls on the horizontal screen of the application window in response to the horizontal screen switching event of the user equipment, and displays in at least one of the second visual controls.
- a plurality of second visual sub-controls wherein each second visual sub-control is used to present an information item in the second information stream, so as to present more information through at least two second visual controls, and, By displaying information in at least two second visual controls respectively, it is ensured that the displayed content is not distorted.
- Fig. 1 shows a flow chart of an information flow display method according to an embodiment of the present application
- Fig. 2 shows a schematic diagram of an information flow display effect according to an embodiment of the present application
- Fig. 3 shows a schematic diagram of the effect of information flow display according to an embodiment of the present application
- FIG. 4 shows a schematic diagram of an information flow display effect according to another embodiment of the present application.
- FIG. 5 shows a schematic diagram of the effect of information flow display according to another embodiment of the present application.
- Fig. 6 shows a schematic diagram of an information flow display effect according to another embodiment of the present application.
- FIG. 7 shows a schematic diagram of an information flow display effect according to another embodiment of the present application.
- Fig. 8 shows a flowchart of an information flow display method according to an embodiment of the present application.
- FIG. 9 shows a structure diagram of an information flow display device according to an embodiment of the present application.
- Fig. 10 shows functional modules of an exemplary system that can be used in various embodiments of the present application.
- the terminal, the equipment of the service network, and the trusted party all include one or more processors (for example, a central processing unit (CPU)), input/output interfaces, network interfaces, and RAM.
- processors for example, a central processing unit (CPU)
- Memory may include non-permanent memory in computer readable media, random access memory (RAM) and/or non-volatile memory, such as read only memory (ROM) or flash memory (Read Only Memory). Flash Memory). Memory is an example of computer readable media.
- RAM random access memory
- ROM read only memory
- Flash Memory Flash Memory
- Computer-readable media include permanent and non-permanent, removable and non-removable media, and information storage can be realized by any method or technology.
- the information can be computer-readable instructions, data structures, program modules, or other data.
- Examples of computer storage media include, but are not limited to, phase-change memory (PCM), programmable random access memory (Programmable Random Access Memory, PRAM), and static random access memory (Static Random-Access Memory, SRAM), dynamic random access memory (Dynamic Random Access Memory, DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically-erasable programmable read-only memory (Electrically-Erasable Programmable Read -Only Memory, EEPROM), flash memory or other memory technology, CD-ROM (Compact Disc Read-Only Memory, CD-ROM), Digital Versatile Disc (DVD) or other optical storage , Magnetic cassettes, magnetic tape disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be
- the equipment referred to in this application includes but is not limited to user equipment, network equipment, or equipment formed by the integration of user equipment and network equipment through a network.
- the user equipment includes, but is not limited to, any mobile electronic product that can perform human-computer interaction with the user (for example, human-computer interaction through a touchpad), such as a smart phone, a tablet computer, etc., and the mobile electronic product can adopt any operation System, such as android operating system, iOS operating system, etc.
- the network device includes an electronic device that can automatically perform numerical calculation and information processing in accordance with pre-set or stored instructions, and its hardware includes, but is not limited to, a microprocessor, an Application Specific Integrated Circuit (ASIC) ), Programmable Logic Device (PLD), Field Programmable Gate Array (FPGA), Digital Signal Processor (DSP), embedded devices, etc.
- the network device includes, but is not limited to, a computer, a network host, a single network server, a set of multiple network servers, or a cloud composed of multiple servers; here, the cloud is composed of a large number of computers or network servers based on Cloud Computing, Among them, cloud computing is a type of distributed computing, a virtual supercomputer composed of a group of loosely coupled computer sets.
- the network includes, but is not limited to, the Internet, a wide area network, a metropolitan area network, a local area network, a VPN network, and a wireless ad hoc network (Ad Hoc network).
- the device may also be a program running on the user equipment, network equipment, or user equipment and network equipment, network equipment, touch terminal, or a device formed by integrating network equipment and touch terminal through a network.
- broad sense it refers to a group of information in the process of moving in the same direction in space and time. They have a common information source and information receiver, that is, the collection of all information transmitted from one information source to another.
- narrow sense it refers to the movement of information transmission, which is carried out through certain channels in accordance with certain requirements in the conditions of modern information technology research, development, and application.
- the narrow definition of information flow is from the perspective of modern information technology research, development, and application. It refers to the flow of information in computer systems and communication networks during information processing.
- Control refers to the encapsulation of data and methods. Controls can have their own properties and methods. Properties are simple visitors of control data, and methods are simple and visible functions of the control.
- the control creation process includes design, development, and debugging. (The so-called 3Ds development process, namely Design, Develop, Debug) work, and then the use of controls.
- 3Ds development process namely Design, Develop, Debug
- Fig. 1 shows an information flow display method according to an embodiment of the present application.
- the method includes step S101 and step S102.
- a window applied in the user equipment presents a first visual control in a vertical screen, and a plurality of first visual sub-controls displayed in the first visual control, wherein each The first visual child control is used to present an information item in the first information stream.
- the user equipment includes, but is not limited to, computing devices such as mobile phones, tablets, and computers.
- the user equipment is installed with an application (for example, a social application, a video application, a news application, etc.), and the application displays information (for example, text, animation, video, etc.) through a window.
- the window uses a first visual control to present the information flow.
- the first visual control includes but is not limited to a list control (for example, the window of the application passes through the first The visual control can present multiple information items).
- the window of the application presents the first visual control in a vertical screen, for example, the vertical direction of the first visual control is parallel to the long side of the screen of the user equipment.
- the first visual control uses multiple first visual sub-controls to present information items.
- the information items include, but are not limited to, news items, option information, and the like.
- the detail page information for example, news detail page
- the information item for example, news item
- the user equipment presents the first visual control through the window of the application.
- the information item 1 to the information item 7 are the vertical direction of the first visual control, and the vertical direction of the first visual control is the same as that of the user.
- the long sides of the device screen are parallel.
- the first visual control uses seven first visual sub-controls to present information items, where the information items may be news items (for example, news 1, news 2, news 3).
- step S102 in response to the horizontal screen switching event of the user equipment, at least two second visual controls are displayed on the horizontal screen of the window of the application, and the plurality of second visual controls are displayed in at least one of the second visual controls.
- Second visual sub-controls where each second visual sub-control is used to present an information item in the second information stream.
- the user equipment monitors the horizontal screen switching event through a sensor (for example, a gravity sensor, a gyroscope, an acceleration sensor, etc.).
- the application obtains the horizontal screen switching event, and displays the horizontal screen in the window of the application based on the horizontal screen switching event (for example, the vertical direction of the second visual control and the long side of the screen of the user equipment) Perpendicular) at least two second visual controls.
- Figures 3 to 7 show several ways for the user equipment to present at least two second visual controls in response to the horizontal screen switching event. For details, please refer to the following embodiments, of which, see Figure 3(a) For example, if the user turns the user equipment from the vertical screen to the horizontal screen, the user equipment responds to the horizontal screen switching event and displays three parts in the application window through a second visual control (for example, the second visual control on the left side of the window).
- Second visual sub-control wherein the three second visual sub-controls respectively present information item 1 (for example, news 1), information item 2 (for example, news 2), and information item 3 (for example, news 3);
- the application window displays three second visual sub-controls through another second visual control (for example, the second visual control on the right side of the window), wherein the three second visual sub-controls respectively present information items 4 ( For example, news 4), information item 5 (for example, news 5), and information item 6 (for example, news 6).
- an application J for example, a news application
- the user equipment presents seven information items (for example, seven news) in the manner shown in FIG.
- the information item belongs to the content in the first information stream, the first information stream is presented through the first visual control, and each information item is presented through the first visual sub-control.
- the user equipment detects the horizontal screen switching event through the sensor, and sends the horizontal screen switching event to the application J, which responds to the horizontal screen switching event,
- the first information flow is cut into two parts, left and right, and the second information flow is presented through a second visual control in the window of the application J.
- the second information flow includes all of the first information flow.
- a second visual control displays information items 1 to 3
- another second visual control displays information items 4 to information items. 6.
- each information item is displayed through the second visual sub-control.
- the second information flow includes all of the first information flow.
- the second information stream includes part or all of the first information stream.
- the second information flow includes at least one item of the first information flow.
- the second information stream after horizontal screen switching includes all of the first information stream.
- the first information stream includes information item 1, information item 2, information item 3, information item 4, information item 5, and information Item 6, information item 7, each information item is displayed through the first visual sub-control, in response to the horizontal screen switching event of the user equipment, referring to Figure 3(a), the application window continues to be presented through the second visual control The information item 1, information item 2, information item 3, information item 4, information item 5, and information item 6.
- FIG. 1 the first information stream
- information item 3 information item 4
- the information item 7 is presented in the second visual control.
- the second information stream after horizontal screen switching includes part of the first information stream.
- the first information stream includes information item 1, information item 2, information item 3, information item 4, information item 5,
- Information item 6, information item 7, each information item is displayed through the first visual sub-control, in response to the horizontal screen switching event of the user equipment, referring to Figure 7, the information item continues to be displayed in the information item visual control on the left 1.
- Information item 2 and information item 3, and the detail page information is presented on the right through the detail page visual control.
- the step S102 includes: in response to the horizontal screen switching event of the user equipment, performing an information stream refresh operation to obtain a second information stream, and presenting at least two second information streams in the horizontal screen of the application window.
- the content of the first information stream is different from the content of the second information stream (for example, the first information stream and the second information stream correspond to different channel items).
- the first information flow includes information item 1, information item 2, information item 3, information item 4, information item 5, information item 6, information item 7, and each information item passes through the first visual sub-control
- the user equipment refreshes the first information stream, obtains the second information stream, and presents the second information stream through the second visual control, for example, the second information stream includes information Item 1', information item 2', information item 3', information item 4', information item 5', information item 6', information item 7'.
- the second information stream includes multiple information items corresponding to the channel item in the active state.
- the presentation mode of the at least two second visual controls in the window of the application includes any one of the following:
- the plurality of second visual sub-controls are respectively displayed in the at least two second visual controls, wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls.
- Two visual controls For example, refer to the effect diagram of the information flow display method shown in Figure 3(a).
- the window of the application simultaneously displays two second visual controls.
- the second visual control on the left presents information item 1, information item 2, and information item 3 through three second visual sub-controls; the second visual control on the right passes three second visual controls.
- Two visual sub-controls respectively present information item 4, information item 5 and information item 6.
- the information 1 to information item 6 are displayed in the two second visual controls in a sequential order.
- the presentation of three second visual sub-controls on the left and right second visual controls described in this embodiment is only an example. In other embodiments, It is also possible to respectively present four or more second visual sub-controls in the second visual controls on the left and the right to present more content, thereby making full use of the presentation space.
- the second information stream includes all of the first information stream. For example, FIG. 2 shows the content of the first information stream displayed when the user equipment is in a vertical screen, and FIG. 3(a) shows the user equipment.
- the content of the second information stream displayed in the horizontal screen that is, when the user equipment is in the horizontal screen, the seven information items presented by the user equipment in the vertical screen can still be displayed as much as possible, and through two second The multiple information items are presented in the form of visual controls to ensure that each information item is not distorted during the display process.
- Each of the at least two second visual controls corresponds to a channel item in the channel visual controls, and the multiple second visual sub-controls are displayed according to the channel item to which they belong In the corresponding second visual control, wherein the channel visual control is displayed in the window of the application on a horizontal screen.
- a channel visual control is added to the window of the application.
- the horizontal screen visual control is displayed in the window of the application on the horizontal screen.
- the left and right direction of the channel visual control is parallel to the long side of the user equipment.
- the channel visual control uses multiple channel visual sub-controls. For example, as shown in FIG.
- the channel visual control presents channel items 1, channel items 2, channel items 3, and channels. Item 4. Channel item 5.
- a plurality of second visual sub-controls are respectively presented through two second visual controls below the channel visual control.
- the number of second visual controls is only an example, and more second visual controls may also be included, so as to pass multiple second visual controls without distortion.
- the control presents more content.
- the plurality of second visual sub-controls are used to present information items, and each channel item corresponds to one or more second visual controls. For example, in FIG. 5, information items 1 and The second visual sub-control of information item 2 belongs to channel item 1, and the second visual sub-control of displaying information item 1'and information item 2'belongs to channel item 2.
- what is displayed in the second visual control is the information item displayed by the second visual sub-control to which the selected channel item belongs; in other embodiments, the second information stream includes the first information
- the content displayed in the second visual control includes the content displayed by the first visual control when the user equipment is in the vertical screen, for example, when the user equipment changes from the vertical screen shown in FIG. 2 to the horizontal screen
- the information item 1 and the information item 2 shown in the second visual control on the left in Fig. 5 are the information item 1 and the information item 2 in Fig. 2, and the information item 1 shown in the second visual control on the right in Fig. 5 'And information item 2'belongs to the selected channel item.
- the user can compare the information streams displayed through the second visual sub-controls belonging to different channel items, and switch between different presentation contents by clicking on the channel item, so as to quickly find the channel item they like. Corresponding presentation content. In this embodiment, more content can be displayed through channel items, and the display content corresponding to different channel items is not distorted.
- the at least two second visual controls include information item visual controls and channel visual controls, the channel visual controls are used to display one or more channel items, and the multiple second visual controls
- the control belongs to a selected channel item in the channel visual control, and is displayed in the information item visual control. For example, referring to FIG. 6, in response to a horizontal screen switching event, an information item visual control is presented on the left side of the application window, and information item 1, information item 2 is presented in the information item visual control through multiple second visual sub-controls.
- the channel item visual control is presented, and channel items 1 to 8 are displayed in the channel item visual control, and the information item visual control displays information items 1 to information
- the second visual sub-control of item 3 belongs to a channel item (for example, channel item 2) in the channel item visual control.
- the selected channel item includes a system default channel item (for example, an active channel item, or a channel item corresponding to the first visual control when the user equipment is in portrait mode);
- the selected channel item includes a channel item determined based on a user's selection operation.
- the at least two second visual controls include an information item visual control and a detail page visual control, the plurality of second visual sub-controls are displayed in the information item visual control, and the details
- the page visual control is used to display detailed page information of an information item selected in the information item visual control. For example, referring to FIG. 7, in response to a horizontal screen switching event, an information item visual control is displayed on the left side of the application window, and the information item visual control presents information item 1, information item 2, and information item 2 through a plurality of second visual sub-controls. Information item 3.
- the right side of the application window displays the detail page visual controls. In the detail page visual controls, the detail page information corresponding to the selected information item is displayed.
- the details page can be The detail page information corresponding to the information item 1 is displayed in the visual control; for another example, if the channel item 1 is in an active state, the detail page information corresponding to the information item 1 is displayed in the visual control of the detail page.
- the user can avoid the operation of jumping from the information flow to the details page.
- the user can directly see the corresponding information on the right after clicking the information item on the left.
- the information on the detail page eliminates the jump between the information item interface and the detail page interface, thereby improving the efficiency of users viewing information.
- the presentation manner of the at least two second visual controls in the window of the application includes: the plurality of second visual sub-controls are respectively displayed on the at least two second visual controls , Wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls; the method further includes step S104 (not shown).
- step S104 responding to The position adjustment operation of the target second visual sub-control is to adjust the position information of the target second visual sub-control in the target second visual control to which it belongs, wherein the target second visual sub-control belongs to For the plurality of second visual sub-controls, the target second visual control belongs to the at least two second visual controls; according to the target second visual sub-control in the target second visual control Adjust the position information of the other second visual sub-controls in the target second visual control in order; adjust the position information of the second visual sub-controls in the target second visual control in order, Adjusting the position information of the second visual sub-control of the other second visual control in the at least two second visual controls.
- the operation of adjusting the position of the target second visual sub-control includes, but is not limited to, dragging and sliding the target second visual sub-control.
- the second visual control in response to the horizontal screen switching event, in order to be able to display more content, based on the user's drag operation on the target second visual sub-control, can be added to the second visual control.
- Visual child control Those skilled in the art should understand that the second information stream may include multiple information items, and the multiple information items are a group of information moving along the same direction. In this embodiment, each information item passes through the second visual The child control is presented, and the user can adjust the position of the second visual child control to adjust the movement of the information flow in a corresponding order.
- the user selects the second visual child control displaying information item 2 as the target second visual child control, and sets the target second visual child control Drag the control upwards, for example, drag it to the position where the second visual child control of the information item 1 is located.
- the information item 1 disappears in the second visual control on the left, and the information item 2,
- Information item 3, information item 4, information item 5, and information item 6 slide along the direction of the second information flow to which they belong (for example, the second information flow slides along a U-shaped track), based on the second information flow Slide, as shown in Figure 3(b), an information item 7 that also belongs to the second information flow is displayed in the second visual control on the right.
- the information item 7 can be added by a newly added one.
- the second visual child control is rendered.
- the user selects the second visual sub-control of the display information item 2 as the target second visual sub-control, and sets the target second visual Drag the child control upwards, for example, drag to the position where the second visual child control of the information item 1 is located.
- the information item 1 disappears in the second visual control on the left, and the information item 2 , Information item 3, information item 4, information item 5, and information item 6 slide along the direction of the second information flow to which they belong (for example, the second information flow slides in an S-shaped trajectory), based on the second information
- the sliding of the flow presents an information item 7 that also belongs to the second information flow in the second visual control on the right.
- the information item 7 can be added Of a second visual child control for rendering.
- the position information of the other second visual child control of the target second visual control where the target second visual child control is located thereby More content in the second information stream can be displayed.
- at least one information item can be added to the second visual control.
- the added information item 7 mentioned here is only an example.
- the manner in which the at least two second visual controls are presented in the window of the application includes: the at least two second visual controls include information item visual controls and channel visual controls, so The channel visual control is used to display one or more channel items, and the plurality of second visual sub-controls belong to a selected channel item in the channel visual control, and are displayed in the information item visual control
- the method further includes step S105 (not shown).
- step S105 the user equipment obtains the fourth information corresponding to the target channel item in response to the selection operation of the target channel item in the channel visual control Stream; multiple fourth visual sub-controls are displayed in the information item visual control, wherein each fourth visual sub-control is used to present an information item in the fourth information stream.
- the information item visual control is presented on the left side of the application window, and the channel item visual control is presented on the right side of the application window.
- multiple information items corresponding to the target channel item are presented in the information item visual control, and the multiple information items belong to the fourth information stream. For example, if the user clicks to select channel item 3, the information item 1, information item 2, and information item 3 belonging to the channel item 3 are presented through three fourth visual sub-controls in the information item visual control on the left.
- multiple information items corresponding to the target channel item can be quickly switched and presented, thereby improving the efficiency of information switching.
- the presentation manner of the at least two second visual controls in the window of the application includes: the at least two second visual controls include an information item visual control and a detail page visual control, The plurality of second visual sub-controls are displayed in the information item visual control, and the detail page visual control is used to display the detail page information of an information item selected in the information item visual control;
- the method further includes step S106 (not shown).
- step S106 the user equipment obtains a detail page corresponding to the target information item in response to a selection operation of presenting the target information item in the information item visual control. Information; the user equipment presents the details page information corresponding to the target information item in the details page visual control.
- an information item visual control and a detail page visual control are presented in the application window, wherein the information item visual control is displayed through a plurality of second visual sub-controls Information item 1, information item 2, and information item 3.
- the user equipment detects a selection operation on a target information item (for example, information item 2). For example, if the user clicks on the information item 2, the details page information of the information item 2 is displayed in the details page visual control on the right.
- the manner in which the at least two second visual controls are presented in the window of the application includes: each of the at least two second visual controls corresponds to a channel visual A channel item in the control, the plurality of second visual sub-controls are displayed on the corresponding second visual control according to the channel item to which they belong, wherein the channel visual control is displayed in the window of the application on a horizontal screen
- the method also includes step S107 (not shown), in step S107, if multiple channel items in the channel visual control are selected, the selected multiple channel items are arranged in order from left to right , And the at least two second visual controls respectively correspond to one of the multiple selected channel items in the order from left to right; obtain each channel of the multiple selected channel items The information flow corresponding to each channel item is presented to the second visual control corresponding to the channel item through the second visual sub-control.
- the selected multiple channel items include multiple channel items (such as channel item 1 and channel item 2) that are defaulted by the system (such as channel items in an active state); in other embodiments, The selected multiple channel items include multiple channel items manually selected by the user (for example, channel item 1 and channel item 2 selected by the user by clicking). For example, referring to FIG. 5, in response to a horizontal screen switching event of the user equipment, a channel item visual control is displayed on the horizontal screen in the window of the application, and the channel item visual control displays channel item 1, channel item 2, channel item 3. Channel item 4 and channel item 5.
- the window of the application when the user equipment switches from the portrait screen to the landscape screen, the window of the application presents the two default channel items (such as channel item 1 and channel item 2) through the two second visual controls on the left and right. )
- Corresponding information stream for example, the information stream to which information item 1 and information item 2 belong corresponds to channel item 1 on the left, and the information stream to which information item 1'and information item 2'belongs corresponds to channel item 2 on the right; in some implementations
- the application window displays the channel item visual controls on the horizontal screen, and the user clicks the channel item in the channel visual controls to select the channel item (for example, the user clicks on the channel 1 and channel 2)
- the window of the application presents the information streams corresponding to the two channel items (such as channel 1 and channel 2) selected by the user through the two second visual controls on the left and right, for example, information items 1 and
- the information stream to which information item 2 belongs corresponds to channel item 1 on the left, and the information stream to which information
- the method further includes step S108 (not shown).
- step S108 the user equipment updates the target channel item in response to a drag and drop operation on the target channel item in the channel visual control.
- the display position in the channel visual control In order to improve the autonomy of the user, the user can adjust the position of the channel item according to the usage habits.
- the target channel item corresponds to a second visual sub-control that displays multiple information items. If the user drags and drops the target channel item, the target channel item and another second visual sub-control displaying multiple information items There is no change in the left-right relationship of the visual sub-control, only the display position of the target channel item in the channel-item visual control is updated. For example, continuing to refer to FIG.
- information item 1 and information item 2 correspond to channel item 2, and information item 1'and information item 2'correspond to channel item 4.
- the user drags channel item 2 to between channel item 3 and channel item 4. In between, only update the display position of the target channel item (for example, channel item 2 and channel item 4) in the channel item visual control.
- the method further includes step S109 (not shown).
- step S109 if the target channel item is one of the selected channel items, and the target channel item The left and right ordering among the plurality of selected channel items is changed, and the user equipment adjusts the relevant second among the at least two second visual controls according to the left and right ordering updates among the plurality of selected channel items. The left and right order of the visual controls.
- the user can adjust the position of the channel item according to the usage habits.
- the target channel item corresponds to a second visual sub-control that displays multiple information items.
- the target channel item and another second visual sub-control displaying multiple information items
- the positional relationship of the corresponding second visual sub-control is adjusted accordingly, so that the second visual control displays the information flow corresponding to the channel item in the same left-right sequence. It is easy for users to read. For example, continuing to refer to FIG. 5, after the user equipment responds to the horizontal screen switching event, it presents information item 1 and information item 2 in the second visual control on the left, and presents information item 1'and information in the second visual control on the right.
- Information item 2' where information item 1 and information item 2 correspond to channel item 1, and information item 1'and information item 2'correspond to channel item 2.
- the user equipment detects that the user drags and drops the channel item 1 to channel item 2 On the right side of the channel item, based on the drag-and-drop operation, the user equipment will place the channel item 1 on the right side of the channel item 2 in the channel item visual control. At the same time, the left side of the information item 1 and the information item 2 will be displayed.
- the second visual control is adjusted to the right position, that is, the positions of the second visual control on the left and the second visual control on the right are swapped, so that after the user drag and drop operation, channel item 1 still corresponds to the information item 1 and the second visual control of information item 2.
- Channel item 2 still corresponds to the second visual control of presenting information item 1'and information item 2'.
- the method further includes step S103 (not shown).
- step S103 in response to the vertical screen switching event of the user equipment, a fourth visual control is presented in the vertical screen of the application window. , And a plurality of fourth visual sub-controls displayed in the fourth visual control, wherein each of the fourth visual sub-controls is used to present an information item in the fourth information stream.
- the fourth information stream includes the second information stream. Part or all of.
- FIG. 8 shows an information flow display method according to an embodiment of the present application.
- the method includes: an information flow (such as a first information flow) monitoring the current placement state of a mobile device (such as a user equipment) (such as vertical screen placement or Horizontal screen placement); if the placement state is changed from vertical screen to horizontal screen, the display style of the information flow (for example, the second information flow) is divided into two parts, and the following four styles (for example, at least two second 2. A re-rendering of the visual control in the window of the application); if the placement state is changed from horizontal to vertical, the display style of the information flow (for example, the fourth information flow) becomes a piece of information The style of the stream is re-rendered.
- an information flow such as a first information flow
- a mobile device such as a user equipment
- the display style of the information flow for example, the second information flow
- the display style of the information flow for example, the fourth information flow
- this application provides an information flow display device.
- the device includes a one-module and one-two modules.
- Fig. 9 shows an information flow display device according to an embodiment of the present application.
- the device includes a one-module and one-two modules.
- the user equipment includes, but is not limited to, computing devices such as mobile phones, tablets, and computers.
- the user equipment is installed with an application (for example, a social application, a video application, a news application, etc.), and the application displays information (for example, text, animation, video, etc.) through a window.
- the window uses a first visual control to present the information flow.
- the first visual control includes but is not limited to a list control (for example, the window of the application passes through the first The visual control can present multiple information items).
- the window of the application presents the first visual control in a vertical screen, for example, the vertical direction of the first visual control is parallel to the long side of the screen of the user equipment.
- the first visual control uses multiple first visual sub-controls to present information items.
- the information items include, but are not limited to, news items, option information, and the like.
- the detail page information for example, news detail page
- the information item for example, news item
- the user equipment presents the first visual control through the window of the application.
- the information item 1 to the information item 7 are the vertical direction of the first visual control, and the vertical direction of the first visual control is the same as that of the user.
- the long sides of the device screen are parallel.
- the first visual control uses seven first visual sub-controls to present information items, where the information items may be news items (for example, news 1, news 2, news 3).
- the one-two module is used to respond to the horizontal screen switching event of the user equipment, present at least two second visual controls in the horizontal screen of the window of the application, and display in at least one of the second visual controls A plurality of second visual sub-controls, wherein each second visual sub-control is used to present an information item in the second information stream.
- a sensor for example, a gravity sensor, a gyroscope, an acceleration sensor, etc.
- the application obtains the horizontal screen switching event, and displays the horizontal screen in the window of the application based on the horizontal screen switching event (for example, the vertical direction of the second visual control and the long side of the screen of the user equipment) Perpendicular) at least two second visual controls.
- Figures 3 to 7 show several ways for the user equipment to present at least two second visual controls in response to the horizontal screen switching event. For details, please refer to the following embodiments, of which, see Figure 3(a) For example, if the user turns the user equipment from the vertical screen to the horizontal screen, the user equipment responds to the horizontal screen switching event and displays three parts in the application window through a second visual control (for example, the second visual control on the left side of the window).
- Second visual sub-control wherein the three second visual sub-controls respectively present information item 1 (for example, news 1), information item 2 (for example, news 2), and information item 3 (for example, news 3);
- the application window displays three second visual sub-controls through another second visual control (for example, the second visual control on the right side of the window), wherein the three second visual sub-controls respectively present information items 4 ( For example, news 4), information item 5 (for example, news 5), and information item 6 (for example, news 6).
- the second information stream includes part or all of the first information stream.
- the one-two module is configured to: in response to a horizontal screen switching event of the user equipment, perform an information stream refresh operation to obtain a second information stream, and present at least two information streams on the horizontal screen of the application window.
- Second visual control and a plurality of second visual sub-controls displayed in at least one of the second visual control, wherein each second visual sub-control is used to present the second information flow An item of information.
- the presentation mode of the at least two second visual controls in the window of the application includes any one of the following:
- the plurality of second visual sub-controls are respectively displayed in the at least two second visual controls, wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls.
- Two visual controls For example, refer to the effect diagram of the information flow display method shown in Figure 3(a).
- the window of the application simultaneously displays two second visual controls.
- the second visual control on the left presents information item 1, information item 2, and information item 3 through three second visual sub-controls; the second visual control on the right passes three second visual controls.
- Two visual sub-controls respectively present information item 4, information item 5 and information item 6.
- the information 1 to information item 6 are displayed in the two second visual controls in a sequential order.
- the presentation of three second visual sub-controls on the left and right second visual controls described in this embodiment is only an example. In other embodiments, It is also possible to respectively present four or more second visual sub-controls in the second visual controls on the left and the right to present more content, thereby making full use of the presentation space.
- the second information stream includes all of the first information stream. For example, FIG. 2 shows the content of the first information stream displayed when the user equipment is in a vertical screen, and FIG. 3(a) shows the user equipment.
- the content of the second information stream displayed in the horizontal screen that is, when the user equipment is in the horizontal screen, the seven information items presented by the user equipment in the vertical screen can still be displayed as much as possible, and through two second The multiple information items are presented in the form of visual controls to ensure that each information item is not distorted during the display process.
- Each of the at least two second visual controls corresponds to a channel item in the channel visual controls, and the multiple second visual sub-controls are displayed according to the channel item to which they belong In the corresponding second visual control, wherein the channel visual control is displayed in the window of the application on a horizontal screen.
- a channel visual control is added to the window of the application.
- the horizontal screen visual control is displayed in the window of the application on the horizontal screen.
- the left and right direction of the channel visual control is parallel to the long side of the user equipment.
- the channel visual control uses multiple channel visual sub-controls. For example, as shown in FIG.
- the channel visual control presents channel items 1, channel items 2, channel items 3, and channels. Item 4. Channel item 5.
- a plurality of second visual sub-controls are respectively presented through two second visual controls below the channel visual control.
- the number of second visual controls is only an example, and more second visual controls can also be included, so as to pass multiple second visual controls without distortion.
- the control presents more content.
- the multiple second visual sub-controls are used to present information items, and each channel item corresponds to one or more second visual controls. For example, in FIG. 5, information items 1 and The second visual sub-control of information item 2 belongs to channel item 1, and the second visual sub-control of displaying information item 1'and information item 2'belongs to channel item 2.
- what is displayed in the second visual control is the information item displayed by the second visual sub-control to which the selected channel item belongs; in other embodiments, the second information stream includes the first information
- the content displayed in the second visual control includes the content displayed by the first visual control when the user equipment is in the vertical screen, for example, when the user equipment changes from the vertical screen to the horizontal screen as shown in FIG. 2
- the information item 1 and the information item 2 shown in the second visual control on the left in Fig. 5 are the information item 1 and the information item 2 in Fig. 2, and the information item 1 shown in the second visual control on the right in Fig. 5 'And information item 2'belongs to the selected channel item.
- the user can compare the information streams displayed through the second visual sub-controls belonging to different channel items, and switch between different presentation contents by clicking on the channel item, so as to quickly find the channel item they like. Corresponding presentation content. In this embodiment, more content can be displayed through channel items, and the display content corresponding to different channel items is not distorted.
- the at least two second visual controls include information item visual controls and channel visual controls, the channel visual controls are used to display one or more channel items, and the multiple second visual controls
- the control belongs to a selected channel item in the channel visual control, and is displayed in the information item visual control. For example, referring to FIG. 6, in response to a horizontal screen switching event, an information item visual control is presented on the left side of the application window, and information item 1, information item 2 is presented in the information item visual control through multiple second visual sub-controls.
- the channel item visual control is presented, and channel items 1 to 8 are displayed in the channel item visual control, and the information item visual control displays information items 1 to information
- the second visual sub-control of item 3 belongs to a channel item (for example, channel item 2) in the channel item visual control.
- the selected channel item includes a system default channel item (for example, an active channel item, or a channel item corresponding to the first visual control when the user equipment is in portrait mode);
- the selected channel item includes a channel item determined based on a user's selection operation.
- the at least two second visual controls include an information item visual control and a detail page visual control, the plurality of second visual sub-controls are displayed in the information item visual control, and the details
- the page visual control is used to display detailed page information of an information item selected in the information item visual control. For example, referring to FIG. 7, in response to a horizontal screen switching event, an information item visual control is displayed on the left side of the application window, and the information item visual control presents information item 1, information item 2, and information item 2 through a plurality of second visual sub-controls. Information item 3.
- the right side of the application window displays the detail page visual controls. In the detail page visual controls, the detail page information corresponding to the selected information item is displayed.
- the details page can be The detail page information corresponding to the information item 1 is displayed in the visual control; for another example, if the channel item 1 is in an active state, the detail page information corresponding to the information item 1 is displayed in the visual control of the detail page.
- the user can avoid the operation of jumping from the information flow to the details page.
- the user can directly see the corresponding information on the right after clicking the information item on the left.
- the information on the detail page eliminates the jump between the information item interface and the detail page interface, thereby improving the efficiency of users viewing information.
- the presentation manner of the at least two second visual controls in the window of the application includes: the plurality of second visual sub-controls are respectively displayed on the at least two second visual controls Wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls; the device further includes a four-module (not shown), a four-module for In response to the position adjustment operation on the target second visual child control, the position information of the target second visual child control within the target second visual control to which it belongs is adjusted, wherein the target second visual child control The control belongs to the plurality of second visual sub-controls, the target second visual control belongs to the at least two second visual controls; according to the target second visual sub-control is in the target second According to the position adjustment information in the control, sequentially adjust the position information of other second visual sub-controls in the target second visual control; adjust the information according to the position of the second visual sub-control in the target second visual control , Sequentially adjusting the position information of the second visual sub-controls of the other second visual visual
- step S104 the example of the specific implementation of the above-mentioned four-modules is the same as or similar to the above-mentioned embodiment of step S104, so it will not be repeated here, and it is included here by reference.
- the manner in which the at least two second visual controls are presented in the window of the application includes: the at least two second visual controls include information item visual controls and channel visual controls, so The channel visual control is used to display one or more channel items, and the plurality of second visual sub-controls belong to a selected channel item in the channel visual control, and are displayed in the information item visual control
- the method further includes step S105 (not shown).
- step S105 the user equipment obtains the fourth information corresponding to the target channel item in response to the selection operation of the target channel item in the channel visual control Stream; multiple fourth visual sub-controls are displayed in the information item visual control, wherein each fourth visual sub-control is used to present an information item in the fourth information stream.
- the information item visual control is presented on the left side of the application window, and the channel item visual control is presented on the right side of the application window.
- the presentation manner of the at least two second visual controls in the window of the application includes: the at least two second visual controls include an information item visual control and a detail page visual control, The plurality of second visual sub-controls are displayed in the information item visual control, and the detail page visual control is used to display the detail page information of an information item selected in the information item visual control;
- the device also includes a six-module (not shown), which is used to obtain a detail page corresponding to the target information item in response to a selection operation of the target information item in the visual control of the information item.
- Information the user equipment presents the details page information corresponding to the target information item in the details page visual control.
- step S106 the specific implementation of the above-mentioned six modules is the same as or similar to the above-mentioned embodiment of step S106, so it will not be repeated here, and it is included here by reference.
- the manner in which the at least two second visual controls are presented in the window of the application includes: each of the at least two second visual controls corresponds to a channel visual A channel item in the control, the plurality of second visual sub-controls are displayed on the corresponding second visual control according to the channel item to which they belong, wherein the channel visual control is displayed in the window of the application on a horizontal screen
- the device also includes a seven-module (not shown), a seven-module used to, if multiple channel items in the channel visual control are selected, press the selected multiple channel items from left to right Arranged in order, and the at least two second visual controls respectively correspond to one of the plurality of selected channel items in the order from left to right; obtain each of the plurality of selected channel items Information streams corresponding to each channel item, and the information stream corresponding to each channel item is presented to the second visual control corresponding to the channel item through the second visual sub-control.
- step S107 the example of the specific implementation of the above-mentioned seven-module is the same as or similar to the above-mentioned embodiment of step S107, so it will not be repeated here, and it is included here by reference.
- the device further includes an eighth module (not shown), an eighth module for updating the target channel item in response to a drag and drop operation on the target channel item in the channel visual control The display position in the channel visual control.
- step S108 the example of the specific implementation of the above-mentioned eighth module is the same as or similar to the above-mentioned embodiment of step S108, so it will not be repeated here, and it is included here by reference.
- the device further includes a nineteenth module (not shown), and the nineteenth module is used to, if the target channel item is one of the selected multiple channel items, and the target The left and right ordering of the channel items in the selected multiple channel items is changed, and the user equipment adjusts the correlation in the at least two second visual controls according to the left and right ordering updates among the multiple selected channel items. The left and right order of the second visual control.
- step S109 the example of the specific implementation of the above-mentioned nineteenth module is the same as or similar to the above-mentioned embodiment of step S109, so it will not be repeated here, and it is included here by reference.
- the device further includes a third module (not shown), and the third module is used to, in response to the vertical screen switching event of the user equipment, present a fourth display in the vertical screen of the application window.
- step S103 the example of the specific implementation of the above-mentioned one or three modules is the same as or similar to the above-mentioned embodiment of step S103, so it will not be repeated here, and it is included here by reference.
- the present application also provides a computer-readable storage medium that stores computer code, and when the computer code is executed, the method described in any of the preceding items is executed.
- the present application also provides a computer program product.
- the computer program product is executed by a computer device, the method described in any of the preceding items is executed.
- This application also provides a computer device, which includes:
- One or more processors are One or more processors;
- Memory used to store one or more computer programs
- the one or more processors When the one or more computer programs are executed by the one or more processors, the one or more processors are caused to implement the method as described in any one of the preceding items.
- Figure 10 shows an exemplary system that can be used to implement the various embodiments described in this application
- the system 1000 can be used as any network device, first user equipment, or second user equipment in each of the embodiments.
- the system 1000 may include one or more computer-readable media with instructions (for example, system memory or NVM/storage device 1020) and be coupled with the one or more computer-readable media and configured to execute
- the instructions are one or more processors (for example, the processor(s) 1005) that implement modules to perform the actions described in this application.
- system control module 1010 may include any suitable interface controller to provide at least one of the processor(s) 1005 and/or any suitable device or component in communication with the system control module 1010 Any appropriate interface.
- the system control module 1010 may include a memory controller module 1030 to provide an interface to the system memory 1015.
- the memory controller module 1030 may be a hardware module, a software module, and/or a firmware module.
- the system memory 1015 may be used to load and store data and/or instructions for the system 1000, for example.
- the system memory 1015 may include any suitable volatile memory, such as a suitable DRAM.
- the system memory 1015 may include a double data rate type quad synchronous dynamic random access memory (DDR4 SDRAM).
- DDR4 SDRAM double data rate type quad synchronous dynamic random access memory
- system control module 1010 may include one or more input/output (I/O) controllers to provide interfaces to the NVM/storage device 1020 and the communication interface(s) 1025.
- I/O input/output
- NVM/storage device 1020 may be used to store data and/or instructions.
- NVM/storage device 1020 may include any suitable non-volatile memory (e.g., flash memory) and/or may include any suitable non-volatile storage device(s) (e.g., one or more hard drives ( Hard Disk, HDD), one or more compact disc (CD) drives and/or one or more digital versatile disc (DVD) drives).
- suitable non-volatile memory e.g., flash memory
- suitable non-volatile storage device(s) e.g., one or more hard drives ( Hard Disk, HDD), one or more compact disc (CD) drives and/or one or more digital versatile disc (DVD) drives).
- the NVM/storage device 1020 may include storage resources that are physically part of the device on which the system 1000 is installed, or it may be accessed by the device without necessarily being part of the device.
- the NVM/storage device 1020 may be accessed via the communication interface(s) 1025 through the network.
- the communication interface(s) 1025 may provide an interface for the system 1000 to communicate through one or more networks and/or with any other suitable devices.
- the system 1000 can wirelessly communicate with one or more components of the wireless network according to any of one or more wireless network standards and/or protocols.
- At least one of the processor(s) 1005 may be packaged with the logic of one or more controllers of the system control module 1010 (eg, the memory controller module 1030). For one embodiment, at least one of the processor(s) 1005 may be packaged with the logic of one or more controllers of the system control module 1010 to form a system in package (SiP). For one embodiment, at least one of the processor(s) 1005 may be integrated with the logic of one or more controllers of the system control module 1010 on the same mold. For one embodiment, at least one of the processor(s) 1005 may be integrated with the logic of one or more controllers of the system control module 1010 on the same mold to form a system on chip (SoC).
- SoC system on chip
- the system 1000 may be, but is not limited to, a server, a workstation, a desktop computing device, or a mobile computing device (for example, a laptop computing device, a handheld computing device, a tablet computer, a netbook, etc.).
- the system 1000 may have more or fewer components and/or different architectures.
- the system 1000 includes one or more cameras, keyboards, liquid crystal display (LCD) screens (including touchscreen displays), non-volatile memory ports, multiple antennas, graphics chips, application specific integrated circuits ( ASIC) and speakers.
- LCD liquid crystal display
- ASIC application specific integrated circuits
- this application can be implemented in software and/or a combination of software and hardware, for example, it can be implemented by an application specific integrated circuit (ASIC), a general purpose computer or any other similar hardware device.
- the software program of the present application may be executed by a processor to realize the steps or functions described above.
- the software program (including related data structure) of the present application can be stored in a computer-readable recording medium, such as RAM memory, magnetic or optical drive or floppy disk and similar devices.
- some steps or functions of the present application may be implemented by hardware, for example, as a circuit that cooperates with a processor to execute each step or function.
- the computer program instructions in the computer-readable medium include but are not limited to source files, executable files, installation package files, etc.
- the manner in which computer program instructions are executed by the computer includes but not Limited to: the computer directly executes the instruction, or the computer compiles the instruction and then executes the corresponding compiled program, or the computer reads and executes the instruction, or the computer reads and installs the instruction before executing the corresponding post-installation program.
- the computer-readable medium may be any available computer-readable storage medium or communication medium that can be accessed by a computer.
- Communication media includes media by which communication signals containing, for example, computer-readable instructions, data structures, program modules, or other data are transmitted from one system to another system.
- Communication media can include conductive transmission media (such as cables and wires (for example, optical fiber, coaxial, etc.)) and wireless (unguided transmission) media that can propagate energy waves, such as sound, electromagnetic, RF, microwave, and infrared .
- Computer readable instructions, data structures, program modules or other data may be embodied as, for example, a modulated data signal in a wireless medium such as a carrier wave or similar mechanism such as embodied as part of spread spectrum technology.
- modulated data signal refers to a signal whose one or more characteristics have been altered or set in such a way as to encode information in the signal. Modulation can be analog, digital or hybrid modulation techniques.
- a computer-readable storage medium may include volatile, non-volatile, nonvolatile, and nonvolatile, and may be implemented in any method or technology for storing information such as computer-readable instructions, data structures, program modules, or other data. Removable and non-removable media.
- computer-readable storage media include, but are not limited to, volatile memory, such as random access memory (RAM, DRAM, SRAM); and non-volatile memory, such as flash memory, various read-only memories (ROM, PROM, EPROM) , EEPROM), magnetic and ferromagnetic/ferroelectric memory (MRAM, FeRAM); and magnetic and optical storage devices (hard disks, tapes, CDs, DVDs); or other currently known media or future developments that can be stored for computer systems Computer readable information/data used.
- volatile memory such as random access memory (RAM, DRAM, SRAM
- non-volatile memory such as flash memory, various read-only memories (ROM, PROM, EPROM) , EEPROM), magnetic and ferromagnetic/ferroelectric memory (MRAM, FeRAM); and magnetic and optical storage devices (hard disks, tapes, CDs, DVDs); or other currently known media or future developments that can be stored for computer systems Computer readable information/data used.
- volatile memory such as random access memory (RAM, DRAM,
- an embodiment according to the present application includes a device including a memory for storing computer program instructions and a processor for executing the program instructions, wherein, when the computer program instructions are executed by the processor, trigger
- the operation of the device is based on the aforementioned methods and/or technical solutions according to multiple embodiments of the present application.
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Environmental & Geological Engineering (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
Claims (13)
- 一种信息流展示方法,其特征在于,所述方法包括:An information flow display method, characterized in that the method includes:在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项;The window applied in the user equipment presents the first visual control in a vertical screen, and a plurality of first visual sub-controls displayed in the first visual control, wherein each first visual sub-control is used to present An information item in the first information stream;响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。In response to the horizontal screen switching event of the user equipment, at least two second visual controls are presented on the horizontal screen of the application window, and multiple second visual controls displayed in at least one of the second visual controls Sub-controls, where each second visual sub-control is used to present an information item in the second information flow.
- 根据权利要求1所述的方法,其特征在于,所述第二信息流包括所述第一信息流的部分或全部。The method according to claim 1, wherein the second information stream includes part or all of the first information stream.
- 根据权利要求1所述的方法,其特征在于,所述响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,包括:The method according to claim 1, wherein in response to the horizontal screen switching event of the user equipment, at least two second visual controls are displayed on the horizontal screen of the application window, and displayed on at least one The multiple second visual sub-controls in the second visual control include:响应于所述用户设备的横屏切换事件,执行信息流刷新操作以获取第二信息流,并在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现所述第二信息流中的一个信息项。In response to the horizontal screen switching event of the user equipment, perform an information flow refresh operation to obtain a second information flow, and present at least two second visual controls on the horizontal screen of the application window, and display them on at least one of the A plurality of second visual sub-controls in the second visual control, wherein each second visual sub-control is used to present an information item in the second information stream.
- 根据权利要求1至3中任一项所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括以下任一项:The method according to any one of claims 1 to 3, wherein the presentation mode of the at least two second visual controls in the window of the application comprises any one of the following:所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;The plurality of second visual sub-controls are respectively displayed in the at least two second visual controls, wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls. Within the control所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件内,其中,所述频道可视控件横屏呈现于所述应用的窗口;Each of the at least two second visual controls corresponds to a channel item in the channel visual controls, and the plurality of second visual child controls are displayed in the corresponding channel item according to the channel item to which they belong In the second visual control, the channel visual control is presented in the window of the application on a horizontal screen;所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述信息项可视控件中的多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;The at least two second visual controls include information item visual controls and channel visual controls. The channel visual controls are used to display one or more channel items. Two visual sub-controls belong to a selected channel item in the channel visual control, and are displayed in the information item visual control;所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二 可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息。The at least two second visual controls include an information item visual control and a detail page visual control, the plurality of second visual sub-controls are displayed in the information item visual control, and the detail page is visible The control is used to display the detail page information of an information item selected in the information item visual control.
- 根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;The method according to claim 4, wherein the presentation mode of the at least two second visual controls in the window of the application comprises: the plurality of second visual sub-controls are respectively displayed on the at least In the two second visual controls, wherein the plurality of second visual sub-controls are sequentially displayed in the at least two second visual controls;所述方法还包括:The method also includes:响应于对目标第二可视子控件的位置调整操作,调整所述目标第二可视子控件在其所属的目标第二可视控件内的位置信息,其中,所述目标第二可视子控件属于所述多个第二可视子控件,所述目标第二可视控件属于所述至少两个第二可视控件;In response to the position adjustment operation on the target second visual child control, the position information of the target second visual child control within the target second visual control to which it belongs is adjusted, wherein the target second visual child control The control belongs to the plurality of second visual sub-controls, and the target second visual control belongs to the at least two second visual controls;根据所述目标第二可视子控件在所述目标第二可视控件内的位置调整信息,顺序调整所述目标第二可视控件中其他第二可视子控件的位置信息;According to the position adjustment information of the target second visual sub-control in the target second visual control, sequentially adjust the position information of other second visual sub-controls in the target second visual control;根据所述目标第二可视控件中第二可视子控件的位置调整信息,顺序调整所述至少两个第二可视控件中其他第二可视控件的第二可视子控件的位置信息。According to the position adjustment information of the second visual child control in the target second visual control, sequentially adjust the position information of the second visual child control of the other second visual control of the at least two second visual controls .
- 根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;The method according to claim 4, wherein the presentation mode of the at least two second visual controls in the window of the application comprises: the at least two second visual controls include information item visual controls And a channel visual control, the channel visual control is used to display one or more channel items, and the plurality of second visual sub-controls belong to a selected channel item in the channel visual control and are displayed in The information item is in the visual control;所述方法还包括:The method also includes:响应于对所述频道可视控件中目标频道项的选择操作,获取所述目标频道项对应的第三信息流;In response to a selection operation on the target channel item in the channel visual control, acquiring a third information stream corresponding to the target channel item;在所述信息项可视控件内显示多个第三可视子控件,其中,每个第三可视子控件用于呈现所述第三信息流中的一个信息项。A plurality of third visual sub-controls are displayed in the information item visual control, wherein each third visual sub-control is used to present an information item in the third information stream.
- 根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息;The method according to claim 4, wherein the presentation mode of the at least two second visual controls in the window of the application comprises: the at least two second visual controls include information item visual controls And a detail page visual control, the plurality of second visual sub-controls are displayed in the information item visual control, and the detail page visual control is used to display a selected one of the information item visual controls Details page information of the information item;所述方法还包括:The method also includes:响应于对呈现所述信息项可视控件内的目标信息项的选择操作,获取所述目标信息项对应的详情页信息;In response to a selection operation for presenting the target information item in the visual control of the information item, acquiring detail page information corresponding to the target information item;在所述详情页可视控件呈现所述目标信息项对应的详情页信息。The detail page information corresponding to the target information item is presented on the detail page visual control.
- 根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件,其中,所述频道可视控件横屏呈现于所述应用的窗口;The method according to claim 4, wherein the presentation mode of the at least two second visual controls in the window of the application comprises: each of the at least two second visual controls The visual control corresponds to a channel item in the channel visual control, and the plurality of second visual sub-controls are displayed on the corresponding second visual control according to the channel item to which they belong, wherein the channel visual control is horizontally screened Present in the window of the application;所述方法还包括:The method also includes:若所述频道可视控件中多个频道项被选中,将被选中的多个频道项按从左向右的顺序排列,并将所述至少两个第二可视控件按从左向右的顺序分别对应于所述被选中的多个频道项中之一;If multiple channel items in the channel visual controls are selected, the multiple selected channel items are arranged in order from left to right, and the at least two second visual controls are arranged in order from left to right. The sequence respectively corresponds to one of the selected multiple channel items;获取所述被选中的多个频道项中每个频道项对应的信息流,并将每个频道项对应的信息流通过所述第二可视子控件呈现于所述频道项对应的所述第二可视控件。Obtain the information stream corresponding to each channel item in the plurality of selected channel items, and present the information stream corresponding to each channel item on the first channel item corresponding to the channel item through the second visual sub-control. Two visual controls.
- 根据权利要求8所述的方法,其特征在于,所述方法还包括:The method according to claim 8, wherein the method further comprises:响应于对所述频道可视控件中目标频道项的拖放操作,更新所述目标频道项在所述频道可视控件中的显示位置。In response to the drag and drop operation of the target channel item in the channel visual control, the display position of the target channel item in the channel visual control is updated.
- 根据权利要求9所述的方法,其特征在于,所述方法还包括:The method according to claim 9, wherein the method further comprises:若所述目标频道项为所述被选中的多个频道项中之一、且所述目标频道项在所述被选中的多个频道项中的左右排序发生改变,根据所述被选中的多个频道项中的左右排序更新相应调整所述至少两个第二可视控件中相关第二可视控件的左右顺序。If the target channel item is one of the selected channel items, and the left-right order of the target channel item in the selected channel items changes, according to the selected channel item The left-right order update in each channel item correspondingly adjusts the left-right order of the relevant second visual control in the at least two second visual controls.
- 根据权利要求1至10中任一项所述的方法,其特征在于,所述方法还包括:The method according to any one of claims 1 to 10, wherein the method further comprises:响应于所述用户设备的竖屏切换事件,在所述应用的窗口竖屏呈现第四可视控件,以及显示于所述第四可视控件内的多个第四可视子控件,其中,每个所述第四可视子控件用于呈现第四信息流中的一个信息项。In response to the vertical screen switching event of the user equipment, a fourth visual control and a plurality of fourth visual sub-controls displayed in the fourth visual control are presented in the vertical screen of the window of the application, wherein: Each of the fourth visual sub-controls is used to present an information item in the fourth information stream.
- 一种信息流展示设备,其特征在于,所述设备包括:An information flow display device, characterized in that the device includes:处理器;以及Processor; and被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行如权利要求1至11中任一项所述方法的操作。A memory arranged to store computer-executable instructions which, when executed, cause the processor to perform the operations of the method as claimed in any one of claims 1 to 11.
- 一种存储指令的计算机可读介质,所述指令在被执行时使得系统进行如权利要求1至11中任一项所述方法的操作。A computer-readable medium storing instructions, which when executed, cause a system to perform the operation of the method according to any one of claims 1 to 11.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910712629.1A CN110515685A (en) | 2019-08-02 | 2019-08-02 | A kind of information flow methods of exhibiting and equipment |
CN201910712629.1 | 2019-08-02 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2021022979A1 true WO2021022979A1 (en) | 2021-02-11 |
Family
ID=68624775
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2020/101875 WO2021022979A1 (en) | 2019-08-02 | 2020-07-14 | Information flow display method and device |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110515685A (en) |
WO (1) | WO2021022979A1 (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110515685A (en) * | 2019-08-02 | 2019-11-29 | 上海掌门科技有限公司 | A kind of information flow methods of exhibiting and equipment |
CN111556183B (en) * | 2020-04-27 | 2021-09-07 | 苏州跃盟信息科技有限公司 | Information processing method and device, storage medium and processor |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2687968A2 (en) * | 2012-07-20 | 2014-01-22 | BlackBerry Limited | A handheld device with ergonomic display features |
CN104978115A (en) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | Content display method and device |
CN109213462A (en) * | 2018-08-07 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | Android horizontal/vertical screen method of data synchronization, device, terminal and readable medium |
CN109814766A (en) * | 2018-11-26 | 2019-05-28 | 华为技术有限公司 | A kind of application display method and electronic equipment |
CN110515685A (en) * | 2019-08-02 | 2019-11-29 | 上海掌门科技有限公司 | A kind of information flow methods of exhibiting and equipment |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101290553A (en) * | 2007-04-17 | 2008-10-22 | 索尼(中国)有限公司 | Electronic equipment possessing display screen |
CN103809928B (en) * | 2012-11-14 | 2018-03-23 | 腾讯科技(深圳)有限公司 | A kind of display methods, the device and system of trend graph of merchandising |
US10341270B2 (en) * | 2013-10-18 | 2019-07-02 | Citrix Systems, Inc. | Providing enhanced application interoperability |
US11209972B2 (en) * | 2015-09-02 | 2021-12-28 | D&M Holdings, Inc. | Combined tablet screen drag-and-drop interface |
KR20170017112A (en) * | 2015-08-05 | 2017-02-15 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
CN105204733B (en) * | 2015-09-02 | 2019-05-21 | 小米科技有限责任公司 | The display methods and device of Video chat window |
US20180136462A1 (en) * | 2016-11-15 | 2018-05-17 | E-Lead Electronic Co., Ltd. | Rotating head-up display device |
-
2019
- 2019-08-02 CN CN201910712629.1A patent/CN110515685A/en active Pending
-
2020
- 2020-07-14 WO PCT/CN2020/101875 patent/WO2021022979A1/en active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2687968A2 (en) * | 2012-07-20 | 2014-01-22 | BlackBerry Limited | A handheld device with ergonomic display features |
CN104978115A (en) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | Content display method and device |
CN109213462A (en) * | 2018-08-07 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | Android horizontal/vertical screen method of data synchronization, device, terminal and readable medium |
CN109814766A (en) * | 2018-11-26 | 2019-05-28 | 华为技术有限公司 | A kind of application display method and electronic equipment |
CN110515685A (en) * | 2019-08-02 | 2019-11-29 | 上海掌门科技有限公司 | A kind of information flow methods of exhibiting and equipment |
Also Published As
Publication number | Publication date |
---|---|
CN110515685A (en) | 2019-11-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020221189A1 (en) | Method and device for managing hosting program | |
WO2020063846A1 (en) | Method and device for presenting update information of guest program | |
JP2023537481A (en) | Horizontal screen interaction method, device, electronic device and storage medium | |
CN110769300B (en) | Method and equipment for presenting horizontal screen video in information stream | |
WO2021022979A1 (en) | Information flow display method and device | |
WO2020168899A1 (en) | Method and device for exhibition of short video on lock screen of user device | |
CN111488096B (en) | Method and equipment for displaying interactive presentation information in reading application | |
WO2019007327A1 (en) | Video playback method and apparatus, computing device, and storage medium | |
CN110321189B (en) | Method and equipment for presenting hosted program in hosted program | |
WO2021120612A1 (en) | Method and device for presenting message notification | |
US10572138B1 (en) | Utilizing dynamic granularity for application controls | |
CN110321192A (en) | A kind of method and apparatus that boarding program is presented | |
WO2023024871A1 (en) | Interface interaction method and device | |
WO2023273854A9 (en) | Control display method and apparatus, device, and medium | |
WO2016101816A1 (en) | Method and device for information display in instant messaging | |
CN111506232B (en) | Method and equipment for controlling menu display in reading application | |
CN109343954A (en) | Electronic device works method and system | |
CN111125562A (en) | Method and equipment for switching display label pages | |
US20240163501A1 (en) | Media data playing method and device, storage medium and electronic device | |
CN110780788A (en) | Method and equipment for executing touch operation | |
US11330029B2 (en) | Sharing content with a detected device | |
CN115712752A (en) | Method, device, medium and program product for recommending videos | |
CN114153535B (en) | Method, apparatus, medium and program product for jumping pages on an open page | |
WO2021036561A1 (en) | Method and apparatus for transferring information during video call | |
CN111130918B (en) | Method and equipment for presenting information flow |
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: 20849723 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 20849723 Country of ref document: EP Kind code of ref document: A1 |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 20849723 Country of ref document: EP Kind code of ref document: A1 |
|
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 080922) |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 20849723 Country of ref document: EP Kind code of ref document: A1 |