CN110647272A - Display control method and device - Google Patents
Display control method and device Download PDFInfo
- Publication number
- CN110647272A CN110647272A CN201810672777.0A CN201810672777A CN110647272A CN 110647272 A CN110647272 A CN 110647272A CN 201810672777 A CN201810672777 A CN 201810672777A CN 110647272 A CN110647272 A CN 110647272A
- Authority
- CN
- China
- Prior art keywords
- scroll bar
- display interface
- display
- displayed
- floating window
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 238000007667 floating Methods 0.000 claims abstract description 76
- 230000015654 memory Effects 0.000 claims description 31
- 238000001514 detection method Methods 0.000 claims description 5
- 230000003993 interaction Effects 0.000 claims description 4
- 230000004044 response Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000000725 suspension Substances 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- 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
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
Abstract
The application provides a display control method and a display control device; the display control method includes: detecting a control operation on a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar; and in response to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying the preview information in the floating window.
Description
Technical Field
The present application relates to, but not limited to, the field of electronic devices, and in particular, to a display control method and apparatus.
Background
At present, a paging display mode is generally adopted for content that cannot be displayed in a single screen by an application (for example, a browser), and a user always needs to perform a page turning operation (for example, turning up and down pages or turning left and right pages) when browsing the content displayed in such a display mode. For example, when a user searches for a desired content on a web page, a page turning operation is often performed continuously because the desired content cannot be quickly located, which results in low efficiency of the user in searching and browsing the content, and further affects user experience.
Disclosure of Invention
The following is a summary of the subject matter described in detail herein. This summary is not intended to limit the scope of the claims.
The embodiment of the application provides a display control method and device to improve user experience.
In a first aspect, an embodiment of the present application provides a display control method, including: detecting a control operation on a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar; and responding to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying preview information in the floating window.
In a second aspect, an embodiment of the present application provides a display control apparatus, including: the detection module is suitable for detecting the control operation of a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar; and the display control module is suitable for responding to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying preview information in the floating window.
In a third aspect, an embodiment of the present application provides an interaction method, including: providing a display interface, wherein the display interface comprises a scroll bar and a scroll area where the scroll bar is located; when the scroll bar is detected to move in the scroll area, a floating window moving along with the scroll bar is provided on the display interface, and preview information is displayed in the floating window.
In a fourth aspect, an embodiment of the present application provides a terminal device, including: a display unit, an input unit, a memory and a processor; the display unit is connected with the processor and is suitable for providing a display interface; the input unit is connected with the processor and is suitable for detecting operation on the display interface; the memory is adapted to store a display control program which, when executed by the processor, implements the steps of the display control method provided by the first aspect described above.
In a fifth aspect, an embodiment of the present application provides a computer-readable medium, which stores a display control program, and the display control program, when executed by a processor, implements the steps of the display control method provided in the first aspect.
In the embodiment of the application, the control operation of the moving scroll bar on the display interface is detected, wherein the current content displayed on the display interface can be changed by moving the scroll bar; and in response to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying the preview information in the floating window. According to the method and the device, the preview information is provided for the user by controlling the scroll bar, so that the content searching and browsing efficiency can be improved, and the user experience is improved. In an exemplary embodiment, different preview information can be provided for different pages or different positions of a scroll bar in the same page, so that preview information conforming to browsing scenes can be provided for a user by controlling the scroll bar, personalized preview information is provided, and user experience is improved.
Of course, not all of the above advantages need to be achieved at the same time in any one product embodying the present application.
Drawings
Fig. 1 is a flowchart of a display control method according to an embodiment of the present application;
fig. 2 is a schematic diagram of a first application example provided in an embodiment of the present application;
fig. 3 is a schematic diagram of a second application example provided in the embodiment of the present application;
fig. 4 is a schematic diagram of a third application example provided in the embodiment of the present application;
fig. 5 is a schematic diagram of an application example four provided in the embodiment of the present application;
fig. 6 is a schematic diagram of a display control apparatus according to an embodiment of the present application;
fig. 7 is a schematic diagram of a terminal device according to an embodiment of the present application.
Detailed Description
The embodiments of the present application will be described in detail below with reference to the accompanying drawings, and it should be understood that the embodiments described below are only for illustrating and explaining the present application and are not intended to limit the present application.
It should be noted that, if not conflicted, the embodiments and the features of the embodiments can be combined with each other and are within the scope of protection of the present application. Additionally, while a logical order is shown in the flow diagrams, in some cases, the steps shown or described may be performed in an order different than here.
In some embodiments, a computing device executing a display control method may include one or more processors (CPUs), input/output interfaces, network interfaces, and memories (memories).
The memory may include forms of volatile memory, Random Access Memory (RAM), and/or non-volatile memory in a computer-readable medium, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium. The memory may include module 1, module 2, … …, and module N (N is an integer greater than 2).
Computer readable media include both permanent and non-permanent, removable and non-removable storage media. A storage medium may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media (transient media), such as modulated data signals and carrier waves.
The embodiment of the application provides a display control method and device, a new function is given to a scroll bar on a display interface, preview information can be provided for a user by controlling the scroll bar, so that the user can know the content which is not displayed on the current display interface, the content searching and browsing efficiency is improved, and the user experience is improved.
The display control method provided by this embodiment may be executed by a terminal device (for example, a portable terminal device such as a smart phone and a tablet computer, or a fixed terminal device such as a desktop computer). However, this is not limited in this application.
Fig. 1 is a flowchart of a display control method according to an embodiment of the present application. As shown in fig. 1, the display control method provided in this embodiment includes:
s101, detecting control operation on a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar;
and S102, responding to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying preview information in the floating window.
In this embodiment, the scroll bar may be always displayed on the display interface, or the scroll bar may be displayed only when a click or touch operation on the display interface is detected, and the scroll bar may be hidden in other cases. However, this is not limited in this application.
In this embodiment, the scroll bar and the corresponding scroll area may be located on the lower side or the right side in the display interface. However, the present application is not limited to the arrangement positions of the scroll bar and the scroll area in the display interface.
In this embodiment, the user may control the current content displayed in the display interface by controlling the scroll bar to move within the scroll area; when the scroll bar is moved to different positions within the scroll zone, the content displayed within the display interface is different. In other words, the content displayed within the display interface is associated with the position of the scrollbar within the scroll area. For example, taking the case that the scroll bar and the scroll area are located on the right side of the display interface, and the scroll bar can move up and down along the scroll area, if the display interface is used to display a document with a length of five pages, when the scroll bar is located at the top of the scroll area, the first page of content can be displayed in the display interface, when the scroll bar is located in the middle of the scroll area, the third page of content can be displayed in the display interface, and when the scroll bar is located at the bottom of the scroll area, the fifth page of content can be displayed in the display interface.
For example, the display interface may be used to display a page opened by a browser, and when the entire content of the page cannot be displayed on the display interface all at once, a user may browse the content at different positions on the page by manipulating a scroll bar. However, this is not limited in this application. The display interface may also be used to display pages provided by other applications, such as document pages provided by a document viewer.
In this embodiment, the control operation may include any operation of controlling the movement of the scroll bar within the scroll zone. In an exemplary embodiment, the control operation may include at least one of: dragging operation and roller sliding operation. For example, a user may drag the scroll bar to move in the scroll area after selecting the scroll bar with a mouse, or the user may drag the scroll bar to move in the scroll area after pressing the scroll bar with a finger on the terminal device with a touch operation function; alternatively, the user may control the movement of the scroll bar within the scroll zone by sliding the scroll wheel of the mouse.
In this embodiment, after detecting that the scroll bar is moved, a floating window for displaying preview information jumps out on the display interface. The display position of the floating window on the display interface can be determined according to the position of the scroll bar and can move along with the scroll bar. For example, when the scroll bar is located on the right side of the display interface, the floating window may be located on the left side of the scroll bar and can move up and down along with the scroll bar; when the scroll bar is located at the bottom side of the display interface, the floating window can be located at the upper side of the scroll bar and can move left and right along with the scroll bar.
In an exemplary embodiment, the display control method provided in this embodiment may further include: and after the control operation is detected to be finished, the floating window is hidden after the display floating window is reserved on the display interface for a set time.
In this example, the floating window is not permanently displayed after jumping out, the floating window is displayed when the scroll bar moves and within a set time (e.g., 1 to 2 seconds) after the scroll bar stops moving, and the floating window automatically disappears after the set time after the scroll bar stops moving. The set duration may be set according to an actual application scenario, which is not limited in the present application. This example can avoid the suspension window to occupy the display space through the suspension window that sets up can be hidden, shelters from the content that shows on the display interface for a long time, influences user's browsing experience.
In the present embodiment, the preview information displayed in the floating window indicates display contents to be displayed on the display interface corresponding to the moving direction of the scroll bar. Since the content displayed on the display interface changes as the scroll bar moves, the preview information in the floating window also changes as the floating window moves along with the scroll bar. In this embodiment, the user can know not only the current page browsing position but also which contents have not been seen in the moving direction of the scroll bar by controlling the scroll bar to move.
For example, when the scroll bar is set to move up and down, if the current moving direction of the scroll bar is downward movement, the preview information in the floating window may indicate content that is not displayed in the portion behind the content displayed on the current display interface; if the current moving direction of the scroll bar is moving upwards, the preview information in the floating window may indicate the content that is not displayed in the front portion of the content displayed on the current display interface.
Illustratively, the preview information may include at least one of: a brief description of contents to be displayed on the display interface corresponding to the moving direction of the scroll bar, and an index of contents to be displayed on the display interface corresponding to the moving direction of the scroll bar. In other words, in the present example, the preview information within the floating window does not need to completely display the content to be displayed in the moving direction of the scroll bar. Because the size of the floating window is determined by the data volume of the preview information, when the data volume of the preview information is small, the situation that the current content displayed on the display interface is shielded due to the fact that the floating window is too large, and the browsing experience of a user is influenced can be avoided.
In an exemplary embodiment, for one page displayed within the display interface, different preview information may be displayed within the floating window as the floating window moves to different positions following the scroll bar. For example, taking an example that a page displayed in the display interface includes five pages of content, when the floating window moves to the end position of the first page following the scroll bar, the preview information displayed in the floating window may include title information of the second to fourth pages of content; when the floating window moves to the end position of the fourth page following the scroll bar, the preview information displayed in the floating window may include time information required to finish reading the content of the fifth page at the current browsing speed. In this example, the user can be provided with targeted preview information in the same page, so as to better meet different browsing requirements of the user in the same browsing scene.
In an exemplary embodiment, different preview information may be displayed within the floating window for different pages displayed within the display interface. For example, when a page of plain text is displayed in the display interface, and the floating window moves to a different position along with the scroll bar, the preview information displayed in the floating window may include: reading time information required by the remaining undisplayed content according to the current browsing speed; when the floating window moves to different positions along with the scroll bar when the page including the commodity picture and the sales information is displayed in the display interface, the preview information displayed in the floating window may include: an index of the article to be displayed corresponding to the moving direction of the scroll bar. In this example, the targeted preview information can be provided for the user, and different browsing requirements of the user in different browsing scenes can be better met.
In an exemplary embodiment, after S102, the display control method of the present embodiment may further include: and in response to the selection operation detected in the floating window, controlling to display the content indicated by the preview information corresponding to the selection operation on the display interface. In other words, in this example, the user may control the jump of the displayed content in the display interface by selecting the preview information in the floating window, and the display interface may jump to the position where the page that the user wants to browse is displayed, so that the user can find the required content quickly.
Illustratively, the selecting operation may include: click operation, double click operation, etc. For example, the user may single click the preview information in the floating window with the mouse, or the user may double click the preview information in the floating window with the mouse.
The following description will exemplify preview information under different pages by taking an example in which a display interface displays a page opened by a browser, with reference to fig. 2 to 5. It should be noted that fig. 2 to 5 only show a part of the display interfaces related to the present application, and do not show the entire display interfaces in practical applications.
Fig. 2 is a schematic diagram of an application example one provided in this embodiment. In this example, the display interface displays a page of a document opened by a browser, where the complete page content is a document. As shown in fig. 2, when the user controls the scroll bar 20 to move downward, the floating window 22 jumps out on the left side of the scroll bar 20, and displays therein a preview message of "read out in 2 minutes is left" to inform the user that the remaining non-displayed contents in the downward moving direction of the scroll bar 20 can be read out in 2 minutes at the current reading speed. However, this is not limited in this application. In other implementations, header information of the remaining undisplayed content in the downward movement direction of the display scroll bar 20 within the floating window 22 may be set.
Fig. 3 is a schematic diagram of a second application example provided in this embodiment. In this example, the display interface displays a page opened by a browser in which pictures of various goods and selling price information are displayed. As shown in fig. 3, when the user controls the scroll bar 30 to move downward, the floating window 32 jumps out on the left side of the scroll bar 30 and displays therein categories to which the articles that have not been viewed at the rear belong, such as "children's clothes", "women's clothes", "parent-child clothes", "hot pins", for informing the user that the articles of these categories are not currently displayed in the downward direction of the scroll bar 30. In this example, the user may further control the display interface to jump to a position corresponding to the category of goods in the page by clicking any category (e.g., women's dress) displayed in the floating window 32, so as to display the information of the category of goods.
Fig. 4 is a schematic diagram of a third application example provided in this embodiment. In this example, the display interface displays a page opened through a browser, in which various types of offer information are displayed. As shown in FIG. 4, when the user controls the scroll bar 40 to move downward, the floating window 42 jumps out on the left side of the scroll bar 40 and displays therein the preferential products that have not been viewed at the back, such as "GPU instance", "Domain name", "advanced work order service", for informing the user that the preferential information for these products is not currently displayed in the downward direction of the scroll bar 40. In this example, the user may also click on any offer (e.g., domain name) displayed in the floating window 42, and then control the display interface to jump to display the information of the offer.
Fig. 5 is a schematic diagram of an application example four provided in this embodiment. In this example, the display interface displays a page opened by the browser in which a plurality of pieces of product feedback information are displayed. As shown in fig. 5, when the user controls the scroll bar 50 to move downward, the floating window 52 jumps out on the left side of the scroll bar 50 and displays therein product feedback information including pictures that have not been viewed at the rear, such as "feedback 1" and "feedback 2", for informing the user that the remaining two product feedback information including pictures in the downward movement direction of the scroll bar 50 have not been displayed. In this example, the user may control the display interface to jump to display the product feedback information corresponding to "feedback 1" (or the product feedback information corresponding to "feedback 2") by clicking "feedback 1" (or "feedback 2").
As can be seen from the above example, in the embodiment, different preview information can be provided for pages in different browsing scenes, so that a functional experience more conforming to browsing use habits in different browsing scenes is provided for a user; and then increase the content click rate except the first screen, and help users to improve the content searching speed and browsing efficiency.
The following still takes the example that the display interface displays the page opened by the browser as an example to describe the implementation process of the embodiment. The browser developer can set which type of preview information is displayed for different pages by himself, or the browser developer can provide a port, so that an external developer can set which type of preview information is displayed for a corresponding page through the port.
Among them, HTML (HyperText Markup Language) code allows a user to customize a tag (tag), for example:
<scroll_preview>
custom scroll bar related preview information
</scroll_preview>
Thus, the developer can use HTML, CSS, and JS to define the preview information that is generated when the scrollbar is moved to a different location within this custom tab, as if the normal page were written. After the browser finishes loading the page content, when the user-defined tag is read, how to render the preview information in the floating window can be understood. Wherein, a plurality of < scroll _ preview > </scroll _ preview > code segments can be defined in a page, which respectively represent preview information of the scroll bar moved to different positions on the page. The browser will only display the < scroll _ preview > tab that the user has not viewed, depending on the position of the current scroll bar.
In another exemplary embodiment, the display control method of the present embodiment may further include: displaying a preview label corresponding to the set position at one or more set positions in the scroll area where the scroll bar is located, wherein the preview label is used for indicating the page content corresponding to the set position.
In this example, when the scroll bar and the scroll area are displayed, a preview tab may be displayed at a set position on the scroll area in advance, and the preview tab may be used to indicate information such as a subtitle corresponding to the set position, a product type, and the like, and is used to inform a user of what contents are displayed on a page corresponding to the set position of the scroll area, so that the user may find a desired content conveniently.
Fig. 6 is a schematic diagram of a display control apparatus according to an embodiment of the present application. As shown in fig. 6, the display control apparatus provided in this embodiment includes:
the detection module 601 is adapted to detect a control operation on a moving scroll bar on the display interface, where a current content displayed on the display interface can be changed by moving the scroll bar;
and the display control module 602 is adapted to display a floating window moving along with the scroll bar on the display interface and display the preview information in the floating window in response to the detected control operation.
Wherein the preview information may indicate display contents to be displayed on the display interface corresponding to the moving direction of the scroll bar.
In an exemplary embodiment, the preview information may include at least one of: a brief description of contents to be displayed on the display interface corresponding to the moving direction of the scroll bar, and an index of contents to be displayed on the display interface corresponding to the moving direction of the scroll bar.
In an exemplary embodiment, the display control module 602 may be adapted to display different preview information within the floating window for one page displayed within the display interface as the floating window moves to different positions following the scroll bar.
In an exemplary embodiment, the display control module 602 may be adapted to display different preview information within the floating window for different pages displayed within the display interface.
In an exemplary embodiment, the display control module 602 may be further adapted to, after displaying the preview information in the floating window, control to display, on the display interface, content indicated by the preview information corresponding to the selection operation in response to the detection of the selection operation in the floating window.
In an exemplary embodiment, the display control module 602 may be further adapted to hide the floating window after the detection module 601 detects that the control operation is ended and the floating window remains to be displayed on the display interface for a set time period.
In an exemplary embodiment, the control operation may include at least one of: dragging operation and roller sliding operation.
In an exemplary embodiment, the display control module 602 may be further adapted to display a preview tab corresponding to the setting position at one or more setting positions in the scroll area where the scroll bar is located, where the preview tab is used to indicate the page content corresponding to the setting position.
In addition, for the related description of the display control device provided in this embodiment, reference may be made to the description of the method embodiments, and therefore, the description thereof is not repeated herein.
In addition, an interaction method is further provided in an embodiment of the present application, including:
providing a display interface, wherein the display interface comprises a scroll bar and a scroll area where the scroll bar is located; when the scroll bar is detected to move in the scroll area, a floating window moving along with the scroll bar is provided on the display interface, and the preview information is displayed in the floating window.
Wherein the preview information may indicate display contents to be displayed on the display interface corresponding to the moving direction of the scroll bar.
In addition, for the related description of the interaction method provided in this embodiment, reference may be made to the description of the method embodiments, and therefore, the description thereof is not repeated herein.
Fig. 7 is a schematic diagram of a terminal device according to an embodiment of the present application. As shown in fig. 7, the terminal device (e.g., a smart phone, a tablet computer, etc.) provided in this embodiment includes: a processor 701, a memory 702, a display unit 703, and an input unit 704; the display unit 703 is connected to the processor 701 and adapted to provide a display interface; the input unit 704 is connected with the processor 701 and is suitable for detecting operations on the display interface; the memory 702 is adapted to store a display control program which, when executed by the processor 701, implements the steps of the display control method provided by the above-described embodiments.
It should be noted that the structure of the terminal device shown in fig. 7 does not constitute a limitation of the terminal device, and may include more or less components than those shown, or combine some components, or provide a different arrangement of components.
The processor 701 may include, but is not limited to, a processing device such as a Microprocessor (MCU) or a Programmable logic device (FPGA). The memory 702 may be used to store software programs and modules of application software, such as program instructions or modules corresponding to the display control method in this embodiment, and the processor 701 executes various functional applications and data processing by running the software programs and modules stored in the memory 702, for example, to implement the display control method provided in this embodiment. The memory 702 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 702 may include memory located remotely from the processor 701, which may be connected to a terminal device through a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
Wherein the input unit 704 may be adapted to receive input information. Exemplarily, the input unit 704 may include a touch panel (or referred to as a touch screen) and other input devices (e.g., a mouse, a keyboard, a joystick, etc.). The display unit 703 may be adapted to display information input by the user or information provided to the user. The display unit 703 may include a display panel, such as a liquid crystal display, an organic light emitting diode, or the like. For example, the touch panel may be overlaid on the display panel, and when the touch panel detects a touch operation thereon or nearby, the touch panel transmits the touch operation to the processor 701 to determine the type of the touch event, and then the processor 701 provides a corresponding visual output on the display panel according to the type of the touch event. For example, the touch panel and the display panel may implement input and output functions of the terminal device as two separate components, or the touch panel and the display panel may be integrated together to implement the input and output functions.
In addition, an embodiment of the present application further provides a computer readable medium, in which a display control program is stored, and the display control program, when executed by a processor, implements the steps of the display control method.
One of ordinary skill in the art will appreciate that all or some of the steps of the methods, systems, functional modules or units in the apparatus disclosed above may be implemented as software, firmware, hardware, and suitable combinations thereof. In a hardware implementation, the division between functional modules or units mentioned in the above description does not necessarily correspond to the division of physical components; for example, one physical component may have multiple functions, or one function or step may be performed by several physical components in cooperation. Some or all of the components may be implemented as software executed by a processor, such as a digital signal processor or microprocessor, or as hardware, or as an integrated circuit, such as an application specific integrated circuit. Such software may be distributed on computer readable media, which may include computer storage media (or non-transitory media) and communication media (or transitory media). The term computer storage media includes volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data, as is well known to those of ordinary skill in the art. Computer storage media includes, but is not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, Digital Versatile Disks (DVD) or other optical disk storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can accessed by a computer. In addition, communication media typically embodies computer readable instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism and includes any information delivery media as known to those skilled in the art.
The foregoing shows and describes the general principles and features of the present application, together with the advantages thereof. The present application is not limited to the above-described embodiments, which are described in the specification and drawings only to illustrate the principles of the application, but also to provide various changes and modifications within the spirit and scope of the application, which are within the scope of the claimed application.
Claims (15)
1. A display control method comprising:
detecting a control operation on a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar;
and responding to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying preview information in the floating window.
2. The method of claim 1, wherein the preview information indicates display content to be displayed on the display interface corresponding to a movement direction of the scroll bar.
3. The method of claim 2, wherein the preview information comprises at least one of: a brief description of contents to be displayed on the display interface corresponding to a moving direction of the scroll bar, and an index of contents to be displayed on the display interface corresponding to the moving direction of the scroll bar.
4. The method of claim 1, wherein for one page displayed within the display interface, different preview information is displayed within the floating window as the floating window moves to different positions following the scrollbar.
5. The method of claim 1, wherein different preview information is displayed within the floating window for different pages displayed within the display interface.
6. The method of claim 1, further comprising:
after the preview information is displayed in the floating window, responding to the selection operation detected in the floating window, and controlling to display the content indicated by the preview information corresponding to the selection operation on the display interface.
7. The method of claim 1, further comprising:
and after the control operation is detected to be finished, hiding the floating window after the floating window is kept displayed on the display interface for a set time.
8. The method of claim 1, wherein the control operation comprises at least one of: dragging operation and roller sliding operation.
9. The method of claim 1, further comprising:
displaying a preview label corresponding to one or more set positions in a scroll area where the scroll bar is located, wherein the preview label is used for indicating page content corresponding to the set positions.
10. A display control apparatus comprising:
the detection module is suitable for detecting the control operation of a moving scroll bar on a display interface, wherein the current content displayed on the display interface can be changed by moving the scroll bar;
and the display control module is suitable for responding to the detected control operation, displaying a floating window moving along with the scroll bar on the display interface, and displaying preview information in the floating window.
11. The apparatus of claim 10, wherein the preview information indicates display content to be displayed on the display interface corresponding to a moving direction of the scroll bar.
12. An interaction method, comprising:
providing a display interface, wherein the display interface comprises a scroll bar and a scroll area where the scroll bar is located; when the scroll bar is detected to move in the scroll area, a floating window moving along with the scroll bar is provided on the display interface, and preview information is displayed in the floating window.
13. The method of claim 12, wherein the preview information indicates display content to be displayed on the display interface corresponding to a movement direction of the scroll bar.
14. A terminal device, comprising: a display unit, an input unit, a memory and a processor; the display unit is connected with the processor and is suitable for providing a display interface; the input unit is connected with the processor and is suitable for detecting operation on the display interface; the memory is adapted to store a display control program which, when executed by the processor, implements the steps of the display control method of any one of claims 1 to 9.
15. A computer-readable medium storing a display control program which, when executed by a processor, implements the steps of the display control method according to any one of claims 1 to 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810672777.0A CN110647272A (en) | 2018-06-26 | 2018-06-26 | Display control method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810672777.0A CN110647272A (en) | 2018-06-26 | 2018-06-26 | Display control method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110647272A true CN110647272A (en) | 2020-01-03 |
Family
ID=69008758
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810672777.0A Pending CN110647272A (en) | 2018-06-26 | 2018-06-26 | Display control method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110647272A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111258472A (en) * | 2020-01-14 | 2020-06-09 | 中国银行股份有限公司 | Page editing content display method and device |
| CN111753509A (en) * | 2020-06-28 | 2020-10-09 | 中国银行股份有限公司 | Information filling-in component display method and device |
| CN112416216A (en) * | 2020-01-21 | 2021-02-26 | 上海哔哩哔哩科技有限公司 | Work display method, electronic device and storage medium |
| CN113032073A (en) * | 2021-03-25 | 2021-06-25 | 数贸科技（北京）有限公司 | Page display method and device based on operation behaviors |
| CN113110786A (en) * | 2021-06-15 | 2021-07-13 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
| CN114510188A (en) * | 2022-01-27 | 2022-05-17 | 深圳传音控股股份有限公司 | Interface processing method, intelligent terminal and storage medium |
| CN114661200A (en) * | 2022-03-28 | 2022-06-24 | 金蝶软件（中国）有限公司 | Page content display method, device, equipment and readable storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104331233A (en) * | 2014-10-27 | 2015-02-04 | 天津三星通信技术研究有限公司 | Portable terminal and content previewing method thereof |
| WO2016093416A1 (en) * | 2014-12-12 | 2016-06-16 | Lg Electronics Inc. | Digital device displaying index information and method for controlling the same |
| CN106201234A (en) * | 2015-04-29 | 2016-12-07 | 阿里巴巴集团控股有限公司 | The inspection method of content of pages and device |
| CN106371745A (en) * | 2016-08-26 | 2017-02-01 | 维沃移动通信有限公司 | Interface switching method and mobile terminal |
| CN108182021A (en) * | 2018-01-30 | 2018-06-19 | 腾讯科技（深圳）有限公司 | Multimedia messages methods of exhibiting, device, storage medium and equipment |
-
2018
- 2018-06-26 CN CN201810672777.0A patent/CN110647272A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104331233A (en) * | 2014-10-27 | 2015-02-04 | 天津三星通信技术研究有限公司 | Portable terminal and content previewing method thereof |
| WO2016093416A1 (en) * | 2014-12-12 | 2016-06-16 | Lg Electronics Inc. | Digital device displaying index information and method for controlling the same |
| CN106201234A (en) * | 2015-04-29 | 2016-12-07 | 阿里巴巴集团控股有限公司 | The inspection method of content of pages and device |
| CN106371745A (en) * | 2016-08-26 | 2017-02-01 | 维沃移动通信有限公司 | Interface switching method and mobile terminal |
| CN108182021A (en) * | 2018-01-30 | 2018-06-19 | 腾讯科技（深圳）有限公司 | Multimedia messages methods of exhibiting, device, storage medium and equipment |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111258472A (en) * | 2020-01-14 | 2020-06-09 | 中国银行股份有限公司 | Page editing content display method and device |
| CN112416216A (en) * | 2020-01-21 | 2021-02-26 | 上海哔哩哔哩科技有限公司 | Work display method, electronic device and storage medium |
| CN111753509A (en) * | 2020-06-28 | 2020-10-09 | 中国银行股份有限公司 | Information filling-in component display method and device |
| CN113032073A (en) * | 2021-03-25 | 2021-06-25 | 数贸科技（北京）有限公司 | Page display method and device based on operation behaviors |
| CN113110786A (en) * | 2021-06-15 | 2021-07-13 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
| CN113110786B (en) * | 2021-06-15 | 2021-09-03 | 南京统信软件技术有限公司 | Page sliding control method and mobile terminal |
| CN114510188A (en) * | 2022-01-27 | 2022-05-17 | 深圳传音控股股份有限公司 | Interface processing method, intelligent terminal and storage medium |
| CN114661200A (en) * | 2022-03-28 | 2022-06-24 | 金蝶软件（中国）有限公司 | Page content display method, device, equipment and readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110647272A (en) | Display control method and device | |
| US9262036B2 (en) | Website image carousel generation | |
| US9286390B2 (en) | Presentation of rich search results in delineated areas | |
| US8887085B1 (en) | Dynamic content navigation | |
| US8347230B2 (en) | Visual presentation of multiple internet pages | |
| US20120297324A1 (en) | Navigation Control Availability | |
| US20160357364A1 (en) | Graphical User Interface for a Document Viewing Application | |
| US10466875B2 (en) | Information processing device, information processing method, information processing program, and recording medium in which information processing program is recorded | |
| US11893216B1 (en) | Multi-function graphical user interface button | |
| US20140195890A1 (en) | Browser interface for accessing supplemental content associated with content pages | |
| KR20130130748A (en) | Multi-mode web browsing | |
| US10705710B2 (en) | Web page content insertion based on scroll operation | |
| TWI539361B (en) | Method and system for browsing books on a terminal computer | |
| US10366448B2 (en) | Immersive multimedia views for items | |
| JP6975339B2 (en) | Backdrop rendering of digital components | |
| US10769697B2 (en) | Non-transitory computer-readable medium, system, and method for local search of network content | |
| TWI539397B (en) | A browsing device, a display control method, a recording medium, and a program | |
| CN109948084B (en) | Webpage information display method, device, medium and computing equipment | |
| CN105630893A (en) | Display method and device of photo title | |
| CN112346610A (en) | Implementation method of multi-level selectable option selection component, electronic device and storage medium | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| CN107025038B (en) | List operation method and device | |
| CN108446070A (en) | A kind of method and device for browsing information | |
| CN114201943A (en) | Comment display method and related equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200103 |