CN106020590B - View display method and device - Google Patents
View display method and device Download PDFInfo
- Publication number
- CN106020590B CN106020590B CN201610302299.5A CN201610302299A CN106020590B CN 106020590 B CN106020590 B CN 106020590B CN 201610302299 A CN201610302299 A CN 201610302299A CN 106020590 B CN106020590 B CN 106020590B
- Authority
- CN
- China
- Prior art keywords
- view
- content item
- displayed
- displaying
- content
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The invention discloses a view display method and device, and belongs to the technical field of computers. The method comprises the following steps: displaying a first view in a display page, the first view having content items displayed thereon; displaying the second view on the first view in an overlaying manner; receiving a first movement instruction, and controlling the content item to move in a first preset direction in the first view; monitoring a movement distance of the content item moving in a first predetermined direction; hiding the second view when the monitored movement distance is greater than a predetermined distance threshold. The method and the device solve the problems that in the related art, the video views are always and fixedly displayed on the screen of the intelligent device, so that when a user only needs to view more contents in the non-video views, the video data can still be displayed at the same time, and the display of the contents in the non-video views is limited; the effect of hiding the second view and increasing the area in which the content items in the first view are displayed is achieved when the user views more content items in the first view.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a view display method and device.
Background
The smart device can simultaneously display at least two types of views in the same page, for example, a video view for displaying video data and a non-video view for displaying non-video data.
Generally, the video view can be always and fixedly displayed on the screen of the intelligent device, and this display mode can cause the user to still simultaneously display the video data when the user only needs to view more contents in the non-video view, so that the display of the contents in the non-video view is limited.
Disclosure of Invention
In order to solve the problem that in the related art, a video view is always and fixedly displayed on a screen of an intelligent device, so that a user still displays video data at the same time when only needing to view more contents in a non-video view, and the display of the contents in the non-video view is limited, embodiments of the present invention provide a view display method and apparatus. The technical scheme is as follows:
in a first aspect, a view display method is provided, which is applied to an intelligent device, and the method includes:
displaying a first view in a display page, the first view having content items displayed thereon; displaying a second view overlay on the first view; receiving a first movement instruction, controlling the content item to move in a first predetermined direction in the first view; monitoring a movement distance of the content item moving in the first predetermined direction; hiding the second view when the monitored movement distance is greater than a predetermined distance threshold. Hiding the second view when the moving distance of the content item in the first view moving according to the first preset direction is larger than a preset distance threshold value by overlaying and displaying the second view on the first view, wherein after the second view is hidden, the area originally overlaid by the second view in the first view is displayed; the display mode that the video views are always and fixedly displayed on the screen of the intelligent equipment is solved, so that when a user only needs to view more contents in the non-video views, the video data can still be displayed at the same time, and the display of the contents in the non-video views is limited; the effect of hiding the second view and increasing the area in which the content items in the first view are displayed is achieved when the user views more content items in the first view.
Optionally, the second view includes an empty content item whose display content is empty, a display area of the empty content item is the same as a size of an area of the second view, and the displaying the second view on the first view in an overlaid manner includes: displaying the second view overlay over the empty content item. When the second view is overlaid on the empty content item, the content item with the content displayed in the first view is displayed in the area not overlaid by the second view, thereby avoiding that the user cannot browse the content item displayed in the area overlaid by the second view.
Optionally, the content items in the first view are displayed in sequence, and the overlaying display of the second view on the first view includes: determining a content item corresponding to the content displayed in the second view; displaying the determined content item as a first content item in the first view that is not covered by the second view when the second view and the first view are displayed simultaneously. When the second view and the first view are displayed simultaneously, the content item in the second view corresponding to the content displayed in the first view can be displayed as the first content item in the second view which is not covered by the first view, so that the user can be prompted about the content item corresponding to the content displayed in the first view currently.
Optionally, the method further includes: when the moving distance is monitored to be smaller than the preset distance threshold value, the second view is maintained unchanged, or the second view is controlled to move synchronously with the content item according to the first preset direction.
Optionally, the method further includes: receiving a second movement instruction, controlling the content item to move in a second predetermined direction in the first view, the second predetermined direction being opposite to the first predetermined direction; displaying the second view that is hidden when a specified one of the content items is moved to a specified position. When the specified content item in the content items is moved to the specified position, the hidden second view is displayed, and the user can browse the content in the second view in time.
Optionally, the specified content item is a content item corresponding to content displayed in the second view, and the specified position is an area not covered by the second view in the first view when the second view is displayed.
Optionally, after hiding the second view, the method further includes: displaying a title bar associated with the first view in place of the second view at a location where the second view is displayed. And displaying a title bar after hiding the second view, and prompting the user about the category of the currently browsed content.
Optionally, the second view is a video view for displaying video data, the first view is a non-video view for displaying the content item, and the content item is non-video data.
In a second aspect, a view display apparatus is provided, which is applied to an intelligent device, and includes: the device comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying a first view in a display page, and content items are displayed on the first view; the second display module is used for displaying a second view on the first view in an overlaying mode; a first control module, configured to receive a first movement instruction, and control the content item to move in a first predetermined direction in the first view; a monitoring module for monitoring a movement distance of the content item moving in the first predetermined direction; and the hiding module is used for hiding the second view when the moving distance is monitored to be larger than a preset distance threshold.
Optionally, the second view includes an empty content item whose display content is empty, a display area of the empty content item is the same as a size of an area of the second view, and the second display module is further configured to: displaying the second view overlay over the empty content item.
Optionally, the apparatus further comprises: and the second control module is used for maintaining the second view unchanged or controlling the second view to synchronously move with the content item according to the first preset direction when the movement distance is monitored to be smaller than the preset distance threshold.
Optionally, the apparatus further comprises: a third control module, configured to receive a second movement instruction, and control the content item to move in a second predetermined direction in the first view, where the second predetermined direction is opposite to the first predetermined direction; a third display module for displaying the second view hidden when a specified one of the content items is moved to a specified position.
Optionally, the specified content item is a content item corresponding to content displayed in the second view, and the specified position is an area not covered by the second view in the first view when the second view is displayed.
Optionally, the apparatus further comprises: an overlay module to display a title bar associated with the first view in place of the second view at a location where the second view is displayed after the hiding of the second view.
Optionally, the second view is a video view for displaying video data, the first view is a non-video view for displaying the content item, and the content item is non-video data.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a flow chart of a view display method provided in one embodiment of the present invention;
FIG. 2A is a flow chart of a view display method provided in another embodiment of the present invention;
FIG. 2B is a schematic diagram of a second view overlaid on the first view provided in one embodiment of the present invention;
FIG. 2C is a schematic diagram of a second view overlay provided in one embodiment of the present invention displayed over an empty content item;
FIG. 2D is a flow diagram of a method for overlaid display of a second view on a first view as provided in one embodiment of the invention;
FIG. 2E is a schematic diagram of a second view overlay provided in one embodiment of the present invention displayed over an empty content item;
FIG. 2F is a schematic diagram of a control content item moving in a first view as provided in one embodiment of the invention;
FIG. 2G is a schematic diagram of a content item provided in one embodiment of the invention moving in a first predetermined direction;
FIG. 2H is a schematic diagram of a content item provided in one embodiment of the invention moving in a second predetermined direction;
fig. 3A is a block diagram showing the construction of a view display apparatus provided in one embodiment of the present invention;
fig. 3B is a block diagram showing the structure of a view display apparatus according to another embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
Fig. 1 is a flowchart of a view display method provided in an embodiment of the present invention, where the view display method is applied to a smart device, where the smart device may include a smart phone, a tablet computer, a desktop computer, a multimedia player, a smart television, and the like. As shown in fig. 1, the view display method includes the following steps.
And 102, displaying the second view on the first view in an overlaying mode.
In summary, in the view displaying method provided in the embodiment of the present invention, by displaying the second view on the first view in an overlaying manner, when the moving distance of the content item in the first view moving according to the first predetermined direction is greater than the predetermined distance threshold, the second view is hidden, and after the second view is hidden, the area of the first view originally covered by the second view is displayed; the display mode that the video views are always and fixedly displayed on the screen of the intelligent equipment is solved, so that when a user only needs to view more contents in the non-video views, the video data can still be displayed at the same time, and the display of the contents in the non-video views is limited; the effect of hiding the second view and increasing the area in which the content items in the first view are displayed is achieved when the user views more content items in the first view.
Fig. 2A is a flowchart of a view displaying method provided in another embodiment of the present invention, where the view displaying method is applied to a smart device, where the smart device may include a smart phone, a tablet computer, a desktop computer, a multimedia player, a smart television, and the like. As shown in fig. 2A, the view display method includes the following steps.
The display page referred to herein may be a page displayed in a browser or a display page of another application.
The first view as referred to herein is for carrying at least one content item.
A content item may be a segment of text description, or a description of text combined with an icon, or a link, etc.
Optionally, a content item is a directory, for example, a directory corresponding to a video, and the directory may be a link.
The second view referred to herein is a view that is independent of the first view.
The second view may be used to carry the same type of content as the first view, or may be used to carry a different type of content than the first view.
For example, the first view may be used to carry text and the second view may be used to carry multimedia data, such as common video data.
Taking the teaching video as an example, the second view is used for carrying video data of each chapter, and the first view is used for carrying a directory of each chapter.
Generally, the content carried by the first view corresponds to the content carried by the second view.
When the second view is overlaid on the first view, the area of the first view overlaid by the second view cannot be displayed.
Fig. 2B is a schematic diagram of a second view overlaid on the first view provided in one embodiment of the invention. Fig. 2B (1) is an exploded view in which the second view is overlaid and displayed on the first view, and fig. 2B (2) is an effect view in which the second view is overlaid and displayed on the first view, the first view 10 is at the bottom, the second view 20 is overlaid and displayed on the first view 10, and the area 11 (the area indicated by the dashed line frame on the first view 10) overlaid by the second view 20 cannot be displayed.
Optionally, the first view includes an empty content item whose display content is empty, and the second view is displayed overlaid on the empty content item while the second view is displayed overlaid on the first view.
The display area of the empty content item as referred to herein is the same size as the area of the second view. When the second view is overlaid on an empty content item, the content item in the first view with the content displayed may be displayed in an area not overlaid by the second view.
FIG. 2C is a schematic diagram of a second view overlay provided in one embodiment of the present invention displayed over an empty content item. Wherein fig. 2C (1) is an exploded view of the second view overlaid on the empty content item, fig. 2C (2) is an effect view of the second view overlaid on the empty content item, the first view 10 and the empty content item 30 are at the bottom, and the second view 20 is overlaid on the empty content item 30.
In a possible implementation case, when the first view and the second view are simultaneously displayed, in order to facilitate prompting a user of a content item corresponding to a content displayed in the current first view, when the intelligent terminal displays the first view, the intelligent terminal may display a content item in the second view corresponding to the content displayed in the first view as a first content item in the second view that is not covered by the first view. That is, when the first view and the second view are displayed simultaneously, the first content item displayed in the first view that is not covered by the second view is the corresponding content item of the content currently being displayed in the second view. When the content displayed in the second view is switched to the content corresponding to the next content item, the first content item in the first view that is not covered by the second view may automatically be switched to the content corresponding to the content being displayed in the second view.
Optionally, the smart device may refer to the steps in fig. 2D when displaying the second view overlaid on the first view.
In step 202a, the content item corresponding to the content displayed in the second view is determined.
Generally, the content displayed in the second view may be updated, i.e., the second view may display different content sequentially. Taking the teaching video as an example, the second view may sequentially display the view data of different chapter video segments.
The chapter video segments in the second view may be in one-to-one correspondence with the content items in the first view, for example, the content items included in the first view are sequentially a first chapter first section, a first chapter second section, a second chapter first section, a second chapter second section, and the like, and correspondingly, the second view sequentially displays the video segment corresponding to the first chapter first section, the video segment corresponding to the first chapter second section, the video segment corresponding to the second chapter first section, and the video segment corresponding to the second chapter second section.
According to the corresponding relation between the display content in the second view and the content item in the first view, the intelligent device can determine the content item which is contained in the first view and corresponds to the content currently displayed in the second view.
Since the content item corresponding to the content displayed in the second view is most likely to be viewed by the user, the content item control may be displayed foremost in the area of the first view that is not covered by the second view, i.e. the content item may be displayed as the first content item in the first view that is not covered by the second view.
FIG. 2E is a schematic diagram of a second view overlay provided in one embodiment of the present invention displayed over an empty content item. As shown in fig. 2E, the area of the first view not covered by the second view is indicated by an area 12 (the area indicated by the dashed box on the first view 10), and if the content in the second view 20 displayed on the display page corresponds to the content item 10a in the first view 10, the content item 10a is displayed in the area 12 as the first content item in the second view not covered by the first view 10.
In one possible implementation, the content items in the first view may be controlled to move in either a first predetermined direction or a second predetermined direction while the overlay display of the second view on the first view is performed in step 202. At this time, different processing flows may be implemented according to the moving direction of the content item in the first view. Specifically, refer to the contents of step 203 to step 209, wherein step 203 to step 207 are the processing flows when the content item in the first view is oriented to the first predetermined direction, and step 208 to step 209 are the processing flows when the content item in the first view is oriented to the second predetermined direction.
The first moving instruction may be a sliding instruction, a moving instruction generated after a designated control displayed on a display page is triggered, or an instruction generated when the intelligent device is moved according to a predetermined moving track.
When the smart device receives the first movement instruction, all the content items in the first view may be controlled to move in the first predetermined direction at the same movement speed.
Fig. 2F is a schematic diagram of controlling the content item to move in the first view according to an embodiment of the present invention, and as shown in fig. 2F, after the smart device receives a first movement instruction triggered by the user, the control content item 10b, the control content item 10c, the control content item 10d, and the control content item 10e move in the first view 10 at the same movement speed according to the first predetermined direction 40. During the movement of all content items in the first view 10 in the first predetermined direction 40, the content items displayed foremost in the first view 10 are hidden when moved to the upper border 13 of the first view 10, and the content items not displayed after the rearmost content item 10e in the first view 10 are displayed in the first view 10 in turn.
Step 204 monitors the movement distance of the content item moving in the first predetermined direction.
The moving distance referred to herein may be an absolute distance, or may be a relative distance when a certain content item moves on the screen of the smart device, or in the first view.
The intelligent device can select any side of a specified content item in the content items in the first view as a reference side, detect the displacement of the reference side in the moving direction, and use the displacement as the moving distance of the content item. When the moving direction is vertical, the intelligent device takes the horizontal side of the designated content item as a reference side and takes the displacement of the horizontal side on the Y coordinate as the moving distance of the content item, and when the moving direction is horizontal, the intelligent device takes the vertical side of the designated content item as a reference side and takes the displacement of the horizontal side on the X coordinate as the moving distance of the content item.
The smart device may also select any point in the first view as a reference point, detect a displacement of the reference point in the moving direction, and use the displacement as a moving distance of the content item movement.
When the intelligent device selects any edge of a specified content item in the content items as a reference edge to monitor the moving distance of the content item, please refer to fig. 2G, where fig. 2G is a schematic diagram of the content item moving in a first predetermined direction according to an embodiment of the present invention. Assuming that the content item 10f is a designated content item, since the first predetermined direction 40 is vertical, the smart device may take the lateral boundary 10f1 of the content item 10f as a reference boundary, and when the lateral boundary 10f1 of the content item 10f moves from the start position Y-a to Y-B, the displacement Z of the lateral boundary 10f1 on the Y-coordinate is the movement distance of the content item 10f in the first predetermined direction 40.
In one possible implementation, when monitoring the moving distance of the content item in the first predetermined direction is implemented in step 204, different processing flows may be implemented according to whether the monitored moving distance is greater than a predetermined distance threshold. Specifically, referring to the contents of step 205 to step 206, step 205 is a processing procedure in which the monitored moving distance is smaller than the predetermined distance threshold, and step 206 is a processing procedure in which the monitored moving distance is larger than the predetermined distance threshold.
Synchronous movement as referred to herein means that the second view may be controlled to move with the content item in a first predetermined direction at the same movement speed when the monitored movement distance is less than a predetermined distance threshold.
When the intelligent device monitors that the moving distance is smaller than the preset distance threshold, the second view can be not hidden or moved, the second view is always displayed on the first view in a covering mode, and the second view and the content item can also be controlled to move synchronously according to the first preset direction.
In step 206, the second view is hidden when the monitored movement distance is greater than a predetermined distance threshold.
After the second view is hidden, the area originally covered by the second view in the first view is displayed, so that more content items can be displayed in the first view, and the effects that when a user views more content items in the first view, the second view is hidden and the area displaying the content items in the first view is increased are achieved.
It should be noted that the size of the predetermined distance threshold is not limited in this embodiment.
Optionally, the second view is hidden when a specified one of the content items is moved to a specified location.
The designated position referred to herein may be represented by designated coordinates (X, Y). When any point is selected as a reference point in the first view, the second view is hidden when the reference point is moved to the specified coordinates.
The designated position referred to herein may be represented by a designated X coordinate or a designated Y coordinate. Any side of a specified content item in the content items is selected as a reference side in the first view, and when the reference side is moved to a specified X coordinate or a specified Y coordinate, the second view is hidden.
When the smart device picks any edge of a specified content item in the content items as a reference edge in the first view, and represents the specified position with a specified Y coordinate, still referring to fig. 2G, assuming that the content item 10f is the specified content item, Y ═ B is the specified position, the smart device takes the lateral boundary 10f1 of the content item 10f as the reference boundary, and hides the second view 20 when the lateral boundary 10f1 of the content item 10f moves from position Y ═ a to Y ═ B.
At the location where the second view is displayed, the title bar associated with the first view is displayed in place of the second view, step 207.
Still referring to fig. 2G, after the smart device has hidden the second view 20, the title bar 60 associated with the first view 10 is displayed in place of the second view 20 at position C where the second view 20 is displayed. When the smart device displays the title bar in place of the second view, the uncovered portion in the first view will be changed from region 14 (the region indicated by the dashed box in FIG. 2G (1)) to region 15 (the region indicated by the dashed box in FIG. 2G (2)).
The second movement instruction may be a sliding instruction, a movement instruction generated after triggering a designated control displayed on the display page, or an instruction generated when the smart device is moved according to a predetermined movement trajectory.
When the smart device receives the second movement instruction, all the content items in the first view may be controlled to move in the second predetermined direction at the same movement speed.
It should be noted that the second predetermined direction in the present embodiment is opposite to the first predetermined direction.
Still referring to fig. 2F, after the smart device receives a second user-triggered movement instruction, the content items 10b to 10e are controlled to move in the first view 10 in a second predetermined direction 50 at the same movement speed. During the movement of all content items in the first view 10 in the first predetermined direction 50, the content items displayed after the foremost content item 10b in the first view 10 are in turn displayed in the first view 10, hidden when the rearmost content item 10e in the first view 10 is moved to the lower border 16 of the first view 10.
It should be noted that the first predetermined direction 40 and the second predetermined direction 50 in fig. 2F in this embodiment are only examples, and the specific directions of the first predetermined direction and the second predetermined direction in this embodiment are not limited.
In step 209, the hidden second view is displayed when a specified one of the content items is moved to a specified position.
After displaying the hidden second view, a part of the area in the first view is covered by the second view.
When the smart device selects any edge of a specified content item in the content items in the first view as a reference edge and uses a specified Y coordinate to represent a specified position, please refer to fig. 2H, where fig. 2H is a schematic diagram of the content item moving in the second predetermined direction according to an embodiment of the present invention. The content item 10g starts moving in the second predetermined direction 50, the content item 10g1 is assumed to be a designated content item, Y-E is a designated position, the smart device takes the lateral boundary 10g1 of the content item 10g as a reference boundary, when the lateral boundary 10g1 of the content item 10g moves from position Y-D to Y-E, the hidden second view 20 is displayed, and the partial area 17 (the area indicated by the dashed box) of the first view will be covered by the second view 20.
In summary, in the view displaying method provided in the embodiment of the present invention, by displaying the second view on the first view in an overlaying manner, when the moving distance of the content item in the first view moving according to the first predetermined direction is greater than the predetermined distance threshold, the second view is hidden, and after the second view is hidden, the area of the first view originally covered by the second view is displayed; the display mode that the video views are always and fixedly displayed on the screen of the intelligent equipment is solved, so that when a user only needs to view more contents in the non-video views, the video data can still be displayed at the same time, and the display of the contents in the non-video views is limited; the effect of hiding the second view and increasing the area in which the content items in the first view are displayed is achieved when the user views more content items in the first view.
In this embodiment, when the second view and the first view are displayed simultaneously, the content item in the second view corresponding to the content displayed in the first view may be displayed as the first content item in the second view that is not covered by the first view, so as to prompt the user of the content item corresponding to the content currently displayed in the first view.
The following are embodiments of the apparatus of the present invention, and for details not described in detail in the embodiments of the apparatus, reference may be made to the above-mentioned one-to-one corresponding method embodiments.
Fig. 3A is a block diagram illustrating a view display apparatus according to an embodiment of the present invention, where the view display apparatus is applied to a smart device, where the smart device may include a smart phone, a tablet computer, a desktop computer, a multimedia player, a smart television, and the like. As shown in fig. 3A, the view display apparatus includes: a first display module 301, a second display module 302, a first control module 303, a monitoring module 304, and a hiding module 305.
A first display module 301, configured to display a first view in a display page, where a content item is displayed on the first view;
a second display module 302 for displaying the second view overlaid on the first view;
a first control module 303, configured to receive a first movement instruction, and control the content item to move in a first predetermined direction in the first view;
a monitoring module 304 for monitoring a movement distance of the content item in a first predetermined direction;
a hiding module 305 for hiding the second view when the monitored movement distance is larger than a predetermined distance threshold.
In a possible implementation manner, please refer to fig. 3B, which is a block diagram illustrating a structure of a view display apparatus according to another embodiment of the present invention, where a second view includes an empty content item whose display content is empty, and a display area of the empty content item is the same as a size of an area of the second view, the second display module 302 is further configured to:
the second view is displayed overlaid on the empty content item.
Still referring to fig. 3B, the apparatus further comprises: a second control module 306.
A second control module 306, configured to maintain the second view unchanged or control the second view to move synchronously with the content item according to the first predetermined direction when the monitored movement distance is smaller than the predetermined distance threshold.
Still referring to fig. 3B, the apparatus further comprises: a third control module 307 and a third display module 308.
A third control module 307, configured to receive a second movement instruction, and control the content item to move in a second predetermined direction in the first view, where the second predetermined direction is opposite to the first predetermined direction;
a third display module 308 for displaying the hidden second view when a specified one of the content items is moved to a specified position.
Still referring to fig. 3B, the apparatus further comprises: a covering module 309.
An overlay module 309 for displaying the title bar associated with the first view in place of the second view at the location where the second view is displayed after hiding the second view.
In summary, the view display apparatus provided in the embodiment of the present invention displays the second view on the first view in an overlaying manner, and hides the second view when the moving distance of the content item in the first view moving according to the first predetermined direction is greater than the predetermined distance threshold, because the area originally covered by the second view in the first view is displayed after the second view is hidden; the display mode that the video views are always and fixedly displayed on the screen of the intelligent equipment is solved, so that when a user only needs to view more contents in the non-video views, the video data can still be displayed at the same time, and the display of the contents in the non-video views is limited; the effect of hiding the second view and increasing the area in which the content items in the first view are displayed is achieved when the user views more content items in the first view.
In this embodiment, when the second view and the first view are displayed simultaneously, the content item in the second view corresponding to the content displayed in the first view may be displayed as the first content item in the second view that is not covered by the first view, so as to prompt the user of the content item corresponding to the content currently displayed in the first view.
It should be noted that: the view display apparatus provided in the above embodiment is only illustrated by dividing the functional modules when displaying a view, and in practical applications, the functions may be distributed by different functional modules according to needs, that is, the internal structure of the intelligent device is divided into different functional modules to complete all or part of the functions described above. In addition, the view display apparatus and the view display method provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments and are not described herein again.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (14)
1. The view display method is applied to intelligent equipment, and comprises the following steps:
displaying a first view in a display page, the first view having content items displayed thereon;
displaying a second view overlay on the first view, wherein the displaying the second view overlay on the first view comprises: determining a content item corresponding to the content displayed in the second view; displaying the determined content item as a first content item in the first view that is not covered by the second view when the second view and the first view are displayed simultaneously;
receiving a first movement instruction, controlling the content item to move in a first predetermined direction in the first view;
monitoring a movement distance of the content item moving in the first predetermined direction;
when the movement distance is monitored to be greater than a predetermined distance threshold, hiding the second view;
displaying a title bar associated with the first view in place of the second view at a location where the second view is displayed, and an area of the first view covered by the second view includes and is larger than an area covered by the title bar.
2. The method of claim 1, wherein the second view comprises an empty content item with empty display content, wherein a display area of the empty content item is the same size as an area of the second view, and wherein displaying the second view overlaid on the first view comprises:
displaying the second view overlay over the empty content item.
3. The method of claim 1, further comprising:
when the moving distance is monitored to be smaller than the preset distance threshold value, the second view is maintained unchanged, or the second view is controlled to move synchronously with the content item according to the first preset direction.
4. The method of claim 1, further comprising:
receiving a second movement instruction, controlling the content item to move in a second predetermined direction in the first view, the second predetermined direction being opposite to the first predetermined direction;
displaying the second view that is hidden when a specified one of the content items is moved to a specified position.
5. The method of claim 4, wherein the designated content item is a content item corresponding to content displayed in the second view, and wherein the designated location is an area of the first view not covered by the second view when the second view is displayed.
6. The method of any of claims 1 to 5, wherein the second view is a video view for displaying video data, wherein the first view is a non-video view for displaying the content item, and wherein the content item is non-video data.
7. A view display device, applied to a smart device, the device comprising:
the device comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying a first view in a display page, and content items are displayed on the first view;
the second display module is used for displaying a second view on the first view in an overlaying mode, and is further used for determining a content item corresponding to the content displayed in the second view; displaying the determined content item as a first content item in the first view that is not covered by the second view when the second view and the first view are displayed simultaneously;
a first control module, configured to receive a first movement instruction, and control the content item to move in a first predetermined direction in the first view;
a monitoring module for monitoring a movement distance of the content item moving in the first predetermined direction;
a hiding module for hiding the second view when it is monitored that the movement distance is greater than a predetermined distance threshold;
an overlay module for displaying a title bar associated with the first view in place of the second view at a location where the second view is displayed after the hiding of the second view, and an area of the first view that is overlaid by the second view includes and is larger than an area overlaid by the title bar.
8. The apparatus of claim 7, wherein the second view comprises an empty content item with empty display content, and wherein a display area of the empty content item is the same size as an area of the second view, and wherein the second display module is further configured to:
displaying the second view overlay over the empty content item.
9. The apparatus of claim 7, further comprising:
and the second control module is used for maintaining the second view unchanged or controlling the second view to synchronously move with the content item according to the first preset direction when the movement distance is monitored to be smaller than the preset distance threshold.
10. The apparatus of claim 7, further comprising:
a third control module, configured to receive a second movement instruction, and control the content item to move in a second predetermined direction in the first view, where the second predetermined direction is opposite to the first predetermined direction;
a third display module for displaying the second view hidden when a specified one of the content items is moved to a specified position.
11. The apparatus of claim 10, wherein the designated content item is a content item corresponding to content displayed in the second view, and wherein the designated location is an area of the first view not covered by the second view when the second view is displayed.
12. The apparatus according to any of claims 7 to 11, wherein the second view is a video view for displaying video data, the first view is a non-video view for displaying the content item, and the content item is non-video data.
13. An intelligent device, characterized in that the intelligent device comprises a memory and a processor, wherein one or more programs are stored in the memory, and the one or more programs are loaded and executed by the processor to realize the view display method according to any one of claims 1 to 6.
14. A computer-readable storage medium, in which one or more programs are stored, the one or more programs being loaded and executed by a processor to implement the view display method according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610302299.5A CN106020590B (en) | 2016-05-09 | 2016-05-09 | View display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610302299.5A CN106020590B (en) | 2016-05-09 | 2016-05-09 | View display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106020590A CN106020590A (en) | 2016-10-12 |
| CN106020590B true CN106020590B (en) | 2021-01-22 |
Family
ID=57099218
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610302299.5A Active CN106020590B (en) | 2016-05-09 | 2016-05-09 | View display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106020590B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106990886B (en) * | 2017-04-01 | 2018-09-04 | 维沃移动通信有限公司 | A kind of mobile display methods and mobile terminal of icon |
| CN107147940B (en) * | 2017-05-05 | 2021-02-19 | 阿里巴巴（中国）有限公司 | Content carousel method and device, electronic equipment and storage medium |
| CN107247536B (en) * | 2017-06-02 | 2019-11-12 | 武汉斗鱼网络科技有限公司 | Method of adjustment, storage medium, electronic equipment and the system of interfacial clarity is broadcast live |
| CN110109595B (en) * | 2019-04-30 | 2021-08-24 | 努比亚技术有限公司 | Display control method, wearable device and computer-readable storage medium |
| CN117836749A (en) * | 2021-08-31 | 2024-04-05 | 三星电子株式会社 | Electronic device for performing a function matching a graphical affordance and method of operating an electronic device |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102117290A (en) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | Method and system used for showing page elements in webpage |
| CN103425416A (en) * | 2012-05-20 | 2013-12-04 | 北京千橡网景科技发展有限公司 | Display control method and device used for portable device |
| CN103702161A (en) * | 2013-12-26 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Multimedia file playing method and terminal with touch screen |
| CN103838506A (en) * | 2012-11-27 | 2014-06-04 | 三星电子株式会社 | Electronic device and page navigation method |
| CN104268251A (en) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | Playing method and device of video elements in web page |
| CN104484362A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN104571862A (en) * | 2014-12-30 | 2015-04-29 | 北京奇虎科技有限公司 | Method and device for displaying data in mobile terminal page |
| CN105446585A (en) * | 2014-08-29 | 2016-03-30 | 优视科技有限公司 | Video display method and device of Android intelligent terminal browser |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN100361441C (en) * | 2004-09-03 | 2008-01-09 | 王金堃 | Net page with play field |
| JP5300438B2 (en) * | 2008-11-21 | 2013-09-25 | キヤノン株式会社 | Image processing apparatus, image processing method, and program |
| CN104268250A (en) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | Playing method and device of video elements in web page |
| CN104991699B (en) * | 2015-06-25 | 2019-01-01 | 广州华多网络科技有限公司 | A kind of method and apparatus of video display control |
-
2016
- 2016-05-09 CN CN201610302299.5A patent/CN106020590B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102117290A (en) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | Method and system used for showing page elements in webpage |
| CN103425416A (en) * | 2012-05-20 | 2013-12-04 | 北京千橡网景科技发展有限公司 | Display control method and device used for portable device |
| CN103838506A (en) * | 2012-11-27 | 2014-06-04 | 三星电子株式会社 | Electronic device and page navigation method |
| CN103702161A (en) * | 2013-12-26 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Multimedia file playing method and terminal with touch screen |
| CN105446585A (en) * | 2014-08-29 | 2016-03-30 | 优视科技有限公司 | Video display method and device of Android intelligent terminal browser |
| CN104268251A (en) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | Playing method and device of video elements in web page |
| CN104484362A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN104571862A (en) * | 2014-12-30 | 2015-04-29 | 北京奇虎科技有限公司 | Method and device for displaying data in mobile terminal page |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106020590A (en) | 2016-10-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106020590B (en) | View display method and device | |
| US11048404B2 (en) | Information processing apparatus, information processing method, and program | |
| KR101233562B1 (en) | Gui applications for use with 3d remote controller | |
| US11074940B2 (en) | Interface apparatus and recording apparatus | |
| US9170722B2 (en) | Display control device, display control method, and program | |
| US20190174173A1 (en) | Moving video tags | |
| US20110087992A1 (en) | Thumbnail image substitution | |
| US11070894B2 (en) | Methods, systems, and media for presenting interactive elements within video content | |
| CN110865758B (en) | Display method and electronic equipment | |
| CN106796810B (en) | On a user interface from video selection frame | |
| CN109104631B (en) | Video display method and device | |
| WO2018030341A1 (en) | Moving-image reproduction device, moving-image reproduction method, moving-image delivery system, storage medium in which moving-image reproduction program is stored, and moving-image reproduction program | |
| US20220337745A1 (en) | Method for playing video | |
| WO2018233537A1 (en) | Method and apparatus for dynamically displaying interface content, and device thereof | |
| CN113835577A (en) | Display method, display device, electronic equipment and storage medium | |
| EP3104267A1 (en) | Information-processing program, display control device, display control system, and display method | |
| CN110647280B (en) | Information flow display method, device, equipment and medium | |
| CN108984232B (en) | Page video playing method, device, equipment and computer readable storage medium | |
| CN115550741A (en) | Video management method and device, electronic equipment and readable storage medium | |
| WO2022218146A1 (en) | Devices, methods, systems, and media for an extended screen distributed user interface in augmented reality | |
| CN107197387B (en) | Method and device for displaying video information on webpage in time-sharing manner | |
| CN106412262B (en) | Mobile phone display method with barrier processing and picture effect driving app | |
| US9712877B2 (en) | Contents playback system based on dynamic layer | |
| JP6568795B2 (en) | Electronic device operation method and image display method | |
| CN114302206B (en) | Content display method, display equipment and server |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |