Display device and page display method

Abstract

The embodiment of the invention relates to the technical field of intelligent terminals, and discloses a display device and a page display method. A controller coupled to the display and configured to: load a first page; when it is detected that the focus is moved out of the Tab navigation bar, generating a first screenshot for the Tab navigation bar according to a first rule; loading a second page under the condition that a first change for triggering content updating of the Tab navigation bar is not detected and a second change for triggering updating of the content display area is detected, including loading the first screenshot at the position of the Tab navigation bar and not loading a plurality of icon controls of the Tab navigation bar; and loading a third page under the condition that a third change for triggering content update of the Tab navigation bar is detected, including loading the plurality of icon controls at the position of the Tab navigation bar and not loading the first screenshot. By applying the technical scheme, the page loading efficiency can be improved.

Description

Technical Field

[0001] The present invention relates to the technical field of intelligent terminals, and in particular to a display device and a page display method. Background Art

[0002] During the page switching process, the display device needs to convert page resources, such as HTML and other resources, into page content visible to the user, that is, complete page drawing.

[0003] At present, when drawing a page, the display device needs to load each page element in the page, such as pictures, text, controls, etc., on the drawing canvas for presentation. However, since there are usually multiple page elements in a page, if the above method is used, the page elements need to be loaded multiple times, especially when there are many page elements and the user switches frequently, the number of page elements that the display device needs to load will increase greatly, thus occupying more computing resources, resulting in a slower response speed of the display device and reduced page loading efficiency. Summary of the invention

[0004] The embodiments of the present invention provide a display device and a page display method, which are used to solve the problem of low page drawing efficiency of the display device in the prior art.

[0005] To achieve the above object, the embodiments of the present invention adopt the following technical solutions:

[0006] According to one aspect of an embodiment of the present invention, a display device is provided, comprising: a display configured to display a user interface; a controller coupled to the display and configured to: load a first page, wherein the first page comprises a Tab navigation bar composed of a plurality of icon controls, and a content display area; the icon controls are used to guide the switching of page content in the content display area; when it is detected that the focus moves out of the Tab navigation bar, generate a first screenshot of the Tab navigation bar according to a first rule; when a first change that triggers an update of the Tab navigation bar content is not detected and a second change that triggers an update of the content display area is detected, load a second page, comprising: loading the first screenshot at the location of the Tab navigation bar without loading the plurality of icon controls of the Tab navigation bar; when a third change that triggers an update of the Tab navigation bar content is detected, load a third page, comprising loading the plurality of icon controls at the location of the Tab navigation bar without loading the first screenshot.

[0007] The above technical solution has the following advantages or beneficial effects: according to the changes in triggering the update of the Tab navigation bar content and triggering the update of the content display area, different loading methods can be selected to load the Tab navigation bar in the page, thereby improving the flexibility of page loading, and by loading the first screenshot at the location of the Tab navigation bar, the number of loaded elements of the Tab navigation bar can be reduced, thereby improving the display efficiency of the Tab navigation bar and the entire page, while reducing the computing resources occupied by page loading and improving the response speed of the display device.

[0008] In some embodiments, the controller is further configured to: if a first redraw instruction that triggers the update of the Tab navigation bar content is not detected, determine that a first change that triggers the update of the Tab navigation bar content is not detected; wherein, the first redraw instruction is used to characterize the occurrence of any one or more of the following control events: any icon control in the Tab navigation bar loses focus; any icon control in the Tab navigation bar gains focus; the content display area includes multiple recommended content positions, and any recommended content position located in the first screen position among the multiple recommended content positions gains focus; the content to be displayed of any one or more icon controls in the Tab navigation bar changes; the position to be displayed of any one or more icon controls in the Tab navigation bar changes; the icon controls in the Tab navigation bar increase or decrease.

[0009] The above technical solution has the following advantages or beneficial effects: by detecting the occurrence of the above control event, it can be determined whether the first change that triggers the update of the Tab navigation bar content is detected, thereby determining the loading method of the Tab navigation bar.

[0010] In some embodiments, the content display area includes multiple recommended content positions, and the controller is further configured to: if a second redraw instruction that triggers the update of the content display area is detected, determine that a second change that triggers the update of the content display area is detected; wherein the second redraw instruction is used to characterize the occurrence of any one or more of the following control events: any one of the recommended content positions in the content display area loses focus; any one of the recommended content positions in the content display area gains focus; the content to be displayed of any one or more of the recommended content positions in the content display area changes; the position to be displayed of any one or more of the recommended content positions in the content display area changes; the recommended content positions in the content display area increase or decrease.

[0011] The above technical solution has the following advantages or beneficial effects: by detecting the occurrence of the above control event, it can be determined whether a second redraw instruction that triggers the update of the content display area is detected, and then whether a second change that triggers the update of the content display area is detected, providing support for controlling page updates.

[0012] In some embodiments, after generating a first screenshot for the Tab navigation bar according to a first rule, the controller is further configured to: generate a screenshot loading command for the first screenshot, the screenshot loading command being used to load the first screenshot at the location of the Tab navigation bar; use the screenshot loading command to replace the navigation bar loading command in the page loading command used to load the Tab navigation bar, to obtain an updated page loading command; the controller executes loading of the second page, and is specifically configured to: call the updated page loading command to load the second page.

[0013] The above technical solution has the following advantages or beneficial effects: through the above method, the bottom layer execution page loading command can be updated, reducing the number of loading commands, thereby improving the efficiency of page loading of the display device.

[0014] In some embodiments, after obtaining the updated page loading command, the controller is also configured to: when a third change that triggers the update of the Tab navigation bar content is detected, clear the first screenshot, and use the navigation bar loading command to replace the screenshot loading command in the page loading command to obtain the replaced page loading command; the controller executes loading the third page, and is specifically configured to: call the replaced page loading command to load the third page.

[0015] The above technical solution has the following advantages or beneficial effects: through this method, when the third change is detected, the page loading command can be updated, so that multiple icon controls can be loaded using the navigation bar loading command, ensuring that the updated Tab navigation bar data is loaded successfully.

[0016] In some embodiments, the controller is further configured to: if a third redraw instruction that triggers the update of the Tab navigation bar content is detected, determine that a third change that triggers the update of the Tab navigation bar content is detected; wherein the third redraw instruction is used to characterize the occurrence of any one or more of the following control events: any icon control in the Tab navigation bar loses focus; any icon control in the Tab navigation bar gains focus; the content display area includes multiple recommended content positions, and any recommended content position located in the first screen position among the multiple recommended content positions gains focus; the content to be displayed of any one or more icon controls in the Tab navigation bar changes; the position to be displayed of any one or more icon controls in the Tab navigation bar changes; the icon controls in the Tab navigation bar increase or decrease.

[0017] The above technical solution has the following advantages or beneficial effects: through this method, after detecting the occurrence of the above control event, it can be determined that the third change that triggers the update of the Tab navigation bar content is detected, and it can support various situations in which the Tab navigation bar triggers the update of the content, thereby improving the adaptability of the page display method.

[0018] In some embodiments, the controller is further configured to: if a third redraw instruction that triggers the update of the Tab navigation bar content is detected, control the status bar to be displayed at the top of the page, and execute a second animation process that controls the Tab navigation bar to move from the top of the page to the bottom of the status bar; when it is determined through the animation process monitoring service that the second animation process is completed, load the third page.

[0019] The above technical solution has the following advantages or beneficial effects: when the third redraw instruction is received, the status bar is triggered to be redisplayed, and the Tab navigation bar presents an animation process of updating the position, which can control the status bar display after the Tab navigation bar is updated, so as to provide status information to the user so that he can further operate the Tab navigation bar.

[0020] In some embodiments, after loading the third page, the controller is further configured to: generate a second screenshot for the Tab navigation bar in the third page according to the first rule, and replace the first screenshot with the second screenshot; and after replacing the first screenshot with the second screenshot, if the first change triggering the update of the Tab navigation bar content is not detected, and the second change triggering the update of the content display area is detected, then load the fourth page, including: loading the second screenshot at the location of the Tab navigation bar, and not loading multiple icon controls of the Tab navigation bar.

[0021] The above technical solution has the following advantages or beneficial effects: through the above method, the controller can regenerate the second screenshot after loading the third page, so that when loading the fourth page, the second screenshot can be reused to load the location of the Tab navigation bar, thereby improving the efficiency of page loading.

[0022] In some embodiments, the controller is further configured to: when it is detected that the focus moves out of the Tab navigation bar, set the screenshot switch to an on state, and when it is detected that the focus moves into the Tab navigation bar, set the screenshot switch to an off state; and, when the screenshot switch is in the on state, trigger the execution of the step of generating a second screenshot of the Tab navigation bar in the third page according to the first rule, and replacing the first screenshot with the second screenshot; when the screenshot switch is in the off state, stop executing the step of generating a second screenshot of the Tab navigation bar in the third page according to the first rule, and replacing the first screenshot with the second screenshot.

[0023] The above technical solution has the following advantages or beneficial effects: when the focus moves into the Tab navigation bar, the screenshot switch is turned off, and the Tab navigation bar will not trigger a new screenshot at this time; when the focus moves out of the Tab navigation bar, the screenshot switch is turned on. At this time, if the content of the Tab navigation bar is updated, a new screenshot will be triggered and the screenshot will be replaced. The screenshot update and replacement can be controlled by the screenshot switch, thereby improving the flexibility of controlling screenshot generation and replacement.

[0024] In some embodiments, the first page includes a status bar. After loading the first page, the controller is further configured to: register an animation process monitoring service; before generating a first screenshot of the Tab navigation bar according to a first rule, the controller is further configured to: when it is detected that the focus moves out of the Tab navigation bar, control the status bar to be hidden, and execute a first animation process that controls the Tab navigation bar to move to the top of the page; when it is determined through the animation process monitoring service that the first animation process has been completed, trigger the step of generating a first screenshot of the Tab navigation bar according to the first rule.

[0025] The above technical solution has the following advantages or beneficial effects: by controlling the status bar to hide when it is detected that the focus moves out of the Tab navigation bar, and monitoring the first animation process of the Tab navigation bar moving to the top of the page through the registered animation process monitoring service, so that when the first animation process is completed, triggering the generation of the first screenshot of the Tab navigation bar according to the first rule, the display flexibility of the page can be improved.

[0026] In some embodiments, the controller is further configured to: load second content data in the content display area, wherein the second content data is page data to be displayed in the content display area determined when a second change that triggers an update of the content display area is detected, or when a third change that triggers an update of the Tab navigation bar content is detected.

[0027] The above technical solution has the following advantages or beneficial effects: when it is determined that the content display area is updated, the second content data can be determined and loaded into the content display area to implement page switching of the content display area.

[0028] In some embodiments, the controller executes a first rule to generate a first screenshot of the Tab navigation bar, and is specifically configured to: read the display coordinates of the Tab navigation bar according to the column identification of the Tab navigation bar; and take a screenshot of the first interface displayed within the display coordinates to generate the first screenshot.

[0029] The above technical solution has the following advantages or beneficial effects: by determining the display coordinates of the Tab navigation bar according to the column identification, the accurate range of the Tab navigation bar can be determined, thereby completing an accurate screenshot of the Tab navigation bar according to the display coordinates.

[0030] According to another aspect of an embodiment of the present invention, a page display method is provided, which is applied to a display device, and the method includes: loading a first page, wherein the first page includes a Tab navigation bar composed of a plurality of icon controls, and a content display area; the icon controls are used to guide the switching of page content in the content display area; when it is detected that the focus moves out of the Tab navigation bar, generating a first screenshot of the Tab navigation bar according to a first rule; when a first change that triggers an update of the Tab navigation bar content is not detected and a second change that triggers an update of the content display area is detected, loading a second page, including: loading the first screenshot at the location of the Tab navigation bar without loading the plurality of icon controls of the Tab navigation bar; when a third change that triggers an update of the Tab navigation bar content is detected, loading a third page, including loading the plurality of icon controls in the Tab navigation bar without loading the first screenshot.

[0031] According to the page display method provided by an embodiment of the present invention, the display device can load a first page, and when it is detected that the focus moves out of the Tab navigation bar, generate a first screenshot of the Tab navigation bar according to a first rule, and then, when the first change that triggers the update of the Tab navigation bar content is not detected and the second change that triggers the update of the content display area is detected, load the second page, that is, load the first screenshot at the location of the Tab navigation bar, and do not load multiple icon controls of the Tab navigation bar; when the third change that triggers the update of the Tab navigation bar content is detected, load the third page, that is, load multiple icon controls in the Tab navigation bar, and do not load the first screenshot.

[0032] By applying this solution, different loading methods can be selected to load the Tab navigation bar in the page according to the changes in triggering the update of the Tab navigation bar content and triggering the update of the content display area, thereby improving the flexibility of page loading, and by loading the first screenshot at the location of the Tab navigation bar, the number of loaded elements of the Tab navigation bar can be reduced, and the display efficiency of the Tab navigation bar and the entire page can be improved. At the same time, the computing resources occupied by page loading can be reduced, and the response speed of the display device can be improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] Figure 1 A schematic diagram of an operation scenario between a display device and a control device provided in some embodiments of the present application;

[0034] Figure 2 A schematic diagram of the hardware configuration of a display device provided in some embodiments of the present application;

[0035] Figure 3 A schematic diagram of software configuration of a display device provided in some embodiments of the present application;

[0036] Figure 4 A flow chart of a page display method provided for some embodiments of the present application;

[0037] Figure 5 A schematic diagram of a page provided for some embodiments of the present application;

[0038] Figure 6 A schematic diagram of another page provided for some embodiments of the present application;

[0039] Figure 7 A schematic diagram of another page provided for some embodiments of the present application;

[0040] Figure 8 A sub-flow chart of a page display method provided in some embodiments of the present application;

[0041] Fig. 9 A sub-flow chart of another page display method provided for some embodiments of the present application;

[0042] Fig.10 A sub-flow chart of another page display method provided for some embodiments of the present application;

[0043] Fig.11 A flowchart of another page display method provided for some embodiments of the present application. DETAILED DESCRIPTION

[0044] The following embodiments are described in detail, and examples thereof are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementations described in the following embodiments do not represent all implementations consistent with the present application. They are only examples of systems and methods consistent with some aspects of the present application as detailed in the claims.

[0045] It should be noted that the brief description of terms in this application is only for the convenience of understanding the embodiments described below, and is not intended to limit the embodiments of this application. Unless otherwise specified, these terms should be understood according to their common and usual meanings.

[0046] The terms "first", "second", "third", etc. in the specification and claims of this application and the above drawings are used to distinguish similar or similar objects or entities, and do not necessarily mean to limit a specific order or sequence, unless otherwise noted. It should be understood that the terms used in this way can be interchangeable under appropriate circumstances.

[0047] The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device comprising a list of components is not necessarily limited to all the components expressly listed but may include other components not expressly listed or inherent to such product or device.

[0048] The term "module" refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic or combination of hardware and / or software code that is capable of performing the functions associated with that element.

[0049] In the embodiment of the present application, the display device 200 generally refers to a device with image display and data processing capabilities. For example, the display device 200 includes but is not limited to a smart TV, a mobile terminal, a computer, a monitor, an advertising screen, a wearable device, a virtual reality device, an augmented reality device, etc.

[0050] Figure 1 This is a schematic diagram of an operation scenario between a display device and a control device provided in some embodiments of the present application. Figure 1 As shown in FIG. 1 , a user can operate the display device 200 through touch operation, the mobile terminal 300 and the control device 100. The control device 100 is used to receive operation instructions input by the user and convert the operation instructions into control instructions that can be recognized and responded to by the display device 200. For example, the control device 100 can be a remote controller, a stylus pen, a handle, etc.

[0051] The mobile terminal 300 can be used as a control device for performing human-computer interaction between a user and the display device 200. The mobile terminal 300 can also be used as a communication device for establishing a communication connection with the display device 200 and performing data interaction. In some embodiments, the mobile terminal 300 can install software applications with the display device 200, and achieve connection and communication through a network communication protocol to achieve the purpose of one-to-one control operation and data communication. The audio and video content displayed on the mobile terminal 300 can also be transmitted to the display device 200 to achieve a synchronous display function.

[0052] In some embodiments, the mobile terminal 300 or other electronic devices may also simulate the functions of the control device 100 by running an application program for controlling the display device 200 .

[0053] like Figure 1 As also shown in FIG. 4 , the display device 200 also communicates data with the server 400 through various communication methods. The display device 200 may be allowed to communicate and connect through a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0054] The display device 200 may provide a broadcast receiving television function, and may also additionally provide an intelligent network television function with a computer support function, including but not limited to network television, smart television, Internet Protocol television (IPTV), and the like.

[0055] Figure 2 Some embodiments of the present application provide Figure 1 2 is a block diagram of the hardware configuration of the display device 200.

[0056] In some embodiments, the display device 200 may include at least one of a tuner 210, a communication device 220, a detector 230, a device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

[0057] In some embodiments, the detector 230 is used to collect signals of the external environment or external interaction. For example, the detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light; or, the detector 230 includes an image collector, such as a camera, which can be used to collect external environment scenes, user attributes or user interaction gestures; or, the detector 230 includes a sound collector, such as a microphone, etc., for receiving external sounds.

[0058] In some embodiments, the display 260 includes a display function component for presenting a picture, and a driving component for driving an image display. The display 260 is used to receive an image signal output from the controller 250 for display. For example, the display 260 can be used to display video content, image content, and components of a menu control interface and a user control UI interface.

[0059] In some embodiments, the communication device 220 is a component for communicating with an external device or server 400 according to various communication protocol types. The display device 200 may be provided with a plurality of communication devices 220 according to different supported communication modes. For example, when the display device 200 supports wireless network communication, the display device 200 may be provided with a communication device 220 including a WiFi function. When the display device 200 supports Bluetooth connection communication, the display device 200 needs to be provided with a communication device 220 including a Bluetooth function.

[0060] The communication device 220 can enable the display device 200 to communicate with the external device or server 400 by wireless or wired connection. Among them, the wired connection can connect the display device 200 with the external device through components such as data cables and interfaces. The wireless connection can connect the display device 200 with the external device through wireless signals or wireless networks. The display device 200 can establish a connection relationship with the external device directly, or indirectly establish a connection relationship through a gateway, a router, a connection device, etc.

[0061] In some embodiments, the controller 250 may include at least one of a central processing unit, a video processor, an audio processor, a graphics processor, and a power processor, and a first interface to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to the user's operation through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200.

[0062] In some embodiments, the controller 250 and the tuner-demodulator 210 may be located in different separate devices, that is, the tuner-demodulator 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.

[0063] In some embodiments, the user may input a user command through a graphical user interface (GUI) displayed on the display 260 , and the user input interface receives the user input command through the graphical user interface (GUI).

[0064] In some embodiments, the audio output interface 270 may be a local speaker of the display device 200, or may be an external audio output device of the display device 200. In particular, for the external audio output device of the display device 200, the display device 200 may also be provided with an external audio output terminal, and the audio output device may be connected to the display device 200 through the external audio output terminal to output the sound of the display device 200.

[0065] In some embodiments, the user interface 280 may be used to receive instructions input from a user, such as a sliding operation instruction input from a user.

[0066] In order to perform user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program for managing and controlling hardware resources and software resources in the display device 200. The operating system can control the display device to provide a user interface, for example, the operating system can directly control the display device to provide a user interface, or can provide a user interface by running an application program. The operating system also allows the user to interact with the display device 200.

[0067] It should be noted that the operating system may be a native operating system based on a specific operating platform, or a third-party operating system deeply customized based on a specific operating platform, or an independent operating system specially developed for the display device.

[0068] The operating system can be divided into different modules or layers according to the functions implemented, such as Figure 3 As shown, in some embodiments, the system is divided into four layers, from top to bottom, namely, the application layer (Applications) layer (referred to as "application layer"), the application framework layer (Application Framework) layer (referred to as "framework layer"), the system library layer and the kernel layer.

[0069] In some embodiments, the application layer is used to provide services and interfaces for applications so that the display device 200 can run applications and interact with users based on the applications. At least one application can be run in the application layer, and these applications can be window programs, system settings programs, clock programs, etc. that come with the operating system; they can also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the above examples.

[0070] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications. The application framework layer includes some predefined functions. The application framework layer is equivalent to a processing center that determines the actions that applications in the application layer take. Through the API interface, applications can access system resources and obtain system services during execution.

[0071] like Figure 3 As shown, in the embodiment of the present application, the application framework layer includes a view system, managers, content providers, etc., wherein the view system can design and implement the interface and interaction of the application, and the view system includes lists, grids, text boxes, buttons, etc. The manager includes at least one of the following modules: an activity manager for interacting with all activities running in the system; a location manager for providing system services or applications with access to system location services; a package manager for retrieving various information related to the application package currently installed on the device; a notification manager for controlling the display and clearing of notification messages; and a window manager for managing icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.

[0072] In some embodiments, the activity manager is used to manage the life cycle of each application and the usual navigation back function, such as controlling the exit, opening, and back of the application. The window manager is used to manage all window programs, such as obtaining the display screen size, determining whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes, for example, reducing the display window, shaking the display, distorting the display, etc.

[0073] In some embodiments, the system runtime layer can provide support for the framework layer. When the framework layer is used, the operating system will run the instruction library contained in the system runtime layer, such as the C / C++ instruction library, to implement the functions to be implemented by the framework layer.

[0074] In some embodiments, the kernel layer is a functional layer between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management. Figure 3As shown, the kernel layer may be configured with hardware drivers, and the drivers included in the kernel layer may be at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc.

[0075] When a user browses a page through a display device, the display device needs to convert page resources, such as HTML and other resources, into page content visible to the user, that is, complete page drawing. The page drawing process refers to the process of presenting each page element in the page, such as pictures, texts, controls, etc. in a web page or application interface, on the display of the display device.

[0076] Currently, when drawing a page, the display device needs to load each page element in the page, such as pictures, text, controls, etc., on the drawing canvas for presentation. However, since there are usually multiple page elements in a page, if the above method is used, the page elements need to be loaded multiple times, especially when there are many page elements and the user switches frequently, the number of page elements that the display device needs to load will increase greatly, thus occupying more computing resources, resulting in a slower response speed of the display device and reduced page drawing efficiency.

[0077] In view of the above problems, an embodiment of the present invention provides a page display method. Figure 4 A flowchart of the page display method is shown, which can be applied to Figure 1 A display device 200 is shown.

[0078] The display device 200 may include a display 260 and a controller 250 coupled to the display 260. The display 260 may be used to display a user interface. The user interface is an interactive interface between a user and the display device 200. The user may send instructions to the display device 200 through control operations such as touch operations, gesture operations, etc. to achieve a certain task. The user interface has a perfect interactive design, which allows the user to easily complete a task. For example, the user interface may be a content display interface, through which the user may view the content of a web page, a file, or the like.

[0079] According to the page display method provided by an embodiment of the present invention, the display device can load a first page, and when it is detected that the focus moves out of the Tab navigation bar, generate a first screenshot of the Tab navigation bar according to a first rule, and then, when the first change that triggers the update of the Tab navigation bar content is not detected and the second change that triggers the update of the content display area is detected, load the second page, that is, load the first screenshot at the location of the Tab navigation bar, and do not load multiple icon controls of the Tab navigation bar; when the third change that triggers the update of the Tab navigation bar content is detected, load the third page, that is, load multiple icon controls in the Tab navigation bar, and do not load the first screenshot.

[0080] By applying this solution, different loading methods can be selected to load the Tab navigation bar in the page according to the changes in triggering the update of the Tab navigation bar content and triggering the update of the content display area, thereby improving the flexibility of page loading, and by loading the first screenshot at the location of the Tab navigation bar, the number of loaded elements of the Tab navigation bar can be reduced, and the display efficiency of the Tab navigation bar and the entire page can be improved. At the same time, the computing resources occupied by page loading can be reduced, and the response speed of the display device can be improved.

[0081] like Figure 4 As shown, the controller 250 (hereinafter referred to as the controller) is configured to perform the following steps S410 to S430:

[0082] Step S410: Load the first page.

[0083] The first page includes a Tab navigation bar composed of a plurality of icon controls, and a content display area, and the icon controls are used to guide the switching of page contents in the content display area.

[0084] That is, the first page includes a Tab navigation bar and a content display area, wherein the Tab navigation bar is composed of a plurality of icon controls. The user can switch the page content of the content display area through the icon controls. Exemplarily, an icon control is used to indicate a type of media content, and when the user selects an icon control through a control operation, the content display area correspondingly presents the media content of the type corresponding to the icon control.

[0085] In some embodiments, when the focus is switched to the "children" icon control, the content display area displays media content of the "children" category. When the focus is switched to the "movie" icon control, the content display area displays media content of the "movie" category. When the focus is switched to the "animation" icon control, the content display area displays media content of the "animation" category.

[0086] The inventors have found that in actual applications, the position, size and content of the Tab navigation bar in the page change less frequently, and it can provide users with stable visual reference points and interactive elements during page switching. The content of the content display area changes more frequently, and users can usually view and switch page content in the content display area, so the content display area can provide users with real-time updated information and interactive experience, making the page more vivid and flexible.

[0087] In some embodiments, when loading the first page, multiple icon controls may be loaded at the location of the Tab navigation bar, such as loading the Tab navigation bar and each icon control in the Tab navigation bar according to the style of the Tab navigation bar, such as width, height, background color, border, etc., and at the same time, loading the first content data at the location of the content display area. The first content data refers to the page data to be displayed in the content display area, and the page data may include multiple page elements, such as text, pictures, videos, or a combination thereof.

[0088] In some embodiments, the first content data may be partial content data in the target content data, where the target content data refers to a set of page elements corresponding to the content display area, which may include all page elements of the media content to which the first page belongs that are being displayed or waiting to be displayed in the content display area.

[0089] Depending on the page loading method, the target content data can be obtained in different ways. For example, when the page adopts lazy loading mode, the target content data will be obtained through multiple loadings, that is, when a certain page is displayed, the content data corresponding to the page in the target content data is obtained. When the amount of page content data is relatively large, this method can reduce the time of initial page loading. When the page adopts the method of full acquisition, the target content data will be fully acquired when the page is loaded for the first time, and only the part of the content data that needs to be loaded at that time will be loaded each time.

[0090] Step S420: when it is detected that the focus moves out of the Tab navigation bar, a first screenshot is generated for the Tab navigation bar according to a first rule.

[0091] Among them, the first rule refers to the rule for taking a screenshot of the Tab navigation bar, which can indicate the screenshot path of the Tab navigation bar. For example, the display coordinates corresponding to the Tab navigation bar can be determined based on information such as the identifier of the Tab navigation bar, and the Tab navigation bar can be screenshoted according to the display coordinates.

[0092] Since the page content of the Tab navigation bar is relatively fixed and the displayed content rarely changes, in order to improve the efficiency of loading pages, when it is detected that the focus moves out of the Tab navigation bar, the content of the Tab navigation bar can be screenshotted according to the first rule to obtain a first screenshot.

[0093] In some embodiments, when generating a first screenshot for the Tab navigation bar according to the first rule, the controller can read the display coordinates of the Tab navigation bar according to the column identification of the Tab navigation bar, thereby taking a screenshot of the first interface displayed within the display coordinates to generate the first screenshot.

[0094] The column identification is a code used to uniquely identify the Tab navigation bar, which can be composed of numbers, text, symbols, etc., and can be used to indicate the storage location of the Tab navigation bar, such as the storage container of the Tab navigation bar. The first interface refers to the interface where the Tab navigation bar is located after the focus moves out of the Tab navigation bar.

[0095] When it is detected that the focus moves out of the Tab navigation bar, the controller can read the display coordinates of the Tab navigation bar according to the column identification of the Tab navigation bar, and then take a screenshot of the first interface where the Tab navigation bar is located in the page displayed on the display according to the display coordinates to generate a first screenshot.

[0096] Through this method, the display coordinates of the Tab navigation bar can be determined according to the column identification, and the accurate range of the Tab navigation bar can be determined, so as to complete the accurate screenshot of the Tab navigation bar according to the display coordinates.

[0097] In some embodiments, the first rule may include pre-set location information, which is set in advance by a developer according to an interface design and sent to the display device via a server.

[0098] In some embodiments, in addition to the Tab navigation bar and the content display area, the first page may include a status bar. The status bar is an area for displaying status information, such as time, power, network status, etc. For example, Figure 5 As shown, the status bar 530 is located at the top of the first page 500. In other cases, the status bar may also be located at other positions, such as the bottom of the first page, etc., which is not specifically limited in this embodiment.

[0099] Based on this, after loading the first page, the controller can also register an animation process monitoring service. The animation process monitoring service is a mechanism for monitoring the animation execution process. Through the animation process monitoring service, various state information of the animation can be obtained, such as animation start, end, pause, resume, etc.

[0100] Before generating the first screenshot of the Tab navigation bar according to the first rule, the controller can control the status bar to hide when it detects that the focus moves out of the Tab navigation bar, and execute the first animation process to control the Tab navigation bar to move to the top of the page. When it is determined through the animation process monitoring service that the first animation process is completed, the step of generating the first screenshot of the Tab navigation bar according to the first rule is triggered.

[0101] For example, continue to refer to Figure 5 , the status bar 530 is displayed at the top of the first page, and the Tab navigation bar 520 is located below the status bar 530. If it is detected that the focus moves out of the Tab navigation bar, in order to increase the display area of ​​the content display area, the controller can control the status bar 530 to be hidden, and at the same time execute the first animation process, that is, the animation process of the Tab navigation bar 510 moving from the bottom of the status bar 530 to the top of the page. After the Tab navigation bar 510 is moved, the original display position of the Tab navigation bar 510 is expanded to the display area of ​​the content display area 520, so the display area of ​​the content display area 520 is increased.

[0102] During the animation execution process, the controller can monitor the execution progress of the first animation process through the animation process monitoring service, and when it is determined that the first animation process is completed, trigger the execution to generate a first screenshot of the Tab navigation bar according to a preset rule.

[0103] In some embodiments, when the controller detects that the focus moves out of the Tab navigation bar and into the content display area, the controller can also control the status bar to hide and execute the first animation process to control the Tab navigation bar to move to the top of the page. When the animation process monitoring service determines that the first animation process is completed, the step of generating a first screenshot of the Tab navigation bar according to the first rule is triggered.

[0104] Through the above method, the status bar can be controlled to be hidden according to the movement of the focus, and the first animation process of the Tab navigation bar moving to the top of the page can be monitored through the registered animation process monitoring service, so that when the first animation process is completed, that is, after the Tab navigation bar remains stable, the first screenshot of the Tab navigation bar is generated according to the first rule, which can improve the display flexibility of the page.

[0105] In some embodiments, in the method of generating a first screenshot for the Tab navigation bar, the controller may also trigger the step of generating the first screenshot for the Tab navigation bar according to the first rule after detecting that the focus moves out of the Tab navigation bar, or the focus moves from the Tab navigation bar into the content display area. Then, the controller may control the status bar to hide, and execute the first animation process of controlling the Tab navigation bar to move to the top of the page, that is, when the focus moves out of the Tab navigation bar, a screenshot is taken first, and then the status bar is controlled from display to hiding, and the first animation process of the Tab navigation bar moving from the bottom of the status bar to the top of the page is executed.

[0106] Step S430: When the first change that triggers the update of the Tab navigation bar content is not detected and the second change that triggers the update of the content display area is detected, the second page is loaded, including: loading the first screenshot at the location of the Tab navigation bar, and not loading the multiple icon controls of the Tab navigation bar.

[0107] The first change refers to the update of the content of the Tab navigation bar, which can be triggered by a user operation or a control instruction sent by the server. The second change refers to the update of the content of the content display area, which can also be triggered by a user operation or a control instruction sent by the server.

[0108] Exemplarily, when the display device supports touch operations, the user can switch pages through touch operations. For example, when the user clicks an icon control in the Tab navigation bar, the display displays the corresponding page, in which the icon control clicked by the user is selected, and the content display area displays the content corresponding to the icon control.

[0109] For another example, when the user inputs an upward sliding operation in the content display area, the page content displayed in the content display area moves downward, and in the page after the movement stops, the Tab navigation bar does not change, and the content in the content display area is updated.

[0110] Based on this, in the process of displaying the first page, the display device can monitor the user's control operation and receive the control instruction of the server at the same time. When the first change that triggers the update of the Tab navigation bar is not detected and the second change that triggers the update of the content display area is detected, it means that the content of the Tab navigation bar does not need to be updated, but the content of the content display area needs to be updated. Therefore, the controller can control the loading of the first screenshot at the location of the Tab navigation bar, and does not load the multiple icon controls of the Tab navigation bar, so as to load the second page.

[0111] In the above process, by determining whether the first change that triggers the update of the Tab navigation bar content and the second change that triggers the update of the content display area, it can be determined which method to use to load the Tab navigation bar. When the first change that triggers the update of the Tab navigation bar content is not detected and the second change that triggers the update of the content display area is detected, by loading the first screenshot at the location of the Tab navigation bar instead of loading multiple icon controls, the number of Tab navigation bar loads can be reduced, the loading speed of the second page can be increased, the resource usage of the display device can be reduced, and the response speed can be improved.

[0112] In some embodiments, the controller may determine that the first change that triggers the update of the Tab navigation bar content is not detected when the first redraw instruction that triggers the update of the Tab navigation bar content is not detected.

[0113] The first redraw instruction is used to indicate the occurrence of any one or more of the following control events (1)-(6):

[0114] (1) Any icon control in the Tab navigation bar loses focus.

[0115] The focus refers to the specific element or area that the user is currently focusing on or interacting with. Figure 6 A schematic diagram of a page provided by this embodiment is shown, such as Figure 6 As shown, when the focus is on the icon control "TV series" in the Tab navigation bar 610, the page content corresponding to the icon control is presented in the content display area 620, that is, the recommendation information of the media content of the TV series type.

[0116] For example, when a focus moving operation input by a user is received to move the focus from any icon control to another location, it means that the any icon control loses the focus. The other location may be another icon control in the Tab navigation bar, or may be the content display area or any recommended content position in the content display area.

[0117] (2) Any icon control in the Tab navigation bar gains focus.

[0118] Exemplarily, when a focus moving operation input by the user to move the focus from other positions to any icon control in the Tab navigation bar is received, it means that the any icon control obtains the focus.

[0119] The other position may be another icon control in the Tab navigation bar, or may be the content display area or any recommended content position in the content display area.

[0120] For example, in Figure 6In the page shown, when the focus is on the icon control "TV series" in the Tab navigation bar, the user can input an operation to move the focus to the right, and at this time the icon control "movie" adjacent to the icon control "TV series" obtains the focus.

[0121] (3) The content display area includes multiple recommended content positions, and any recommended content position located at the first screen position among the multiple recommended content positions obtains focus.

[0122] The first screen position refers to the recommended content position located at the first screen position in the content display area among the recommended content positions when multiple recommended content positions are presented in a default order.

[0123] In this embodiment, in the content display area, the user can switch the recommended content position through corresponding switching operations. For example, when the user slides upward with a finger in the content display area, the page content of the content display area moves downward accordingly, and the recommended content position at the bottom is displayed.

[0124] In some embodiments, when the focus is on the icon control of the Tab navigation bar, if the user inputs an operation to move the focus downward, the focus will be moved to the first recommended content position in the content display area located at the first screen position, which also means that the recommended content position located at the first screen position among multiple recommended content positions obtains the focus.

[0125] In the control event detection methods in (1)-(3) above, the user can control the focus movement in different ways according to the control mode of the display device. For example, when the display device supports remote control operation, the user can press the right arrow key when the focus is on an icon control in the Tab navigation bar to trigger the operation of moving the focus to the right. For another example, when the display device supports touch operation, the user can click the corresponding icon control in the Tab navigation bar to trigger the operation of moving the focus to the icon control.

[0126] It should be understood that, according to the control method of the display device, other related methods of controlling the movement of the focus also fall within the protection scope of this embodiment.

[0127] (4) The content to be displayed of any one or more icon controls in the Tab navigation bar changes.

[0128] The content to be displayed may include the display style, display color, etc. of any one or more icon controls in the Tab navigation bar.

[0129] Exemplarily, the data of the Tab navigation bar can be sent by the server to the display device through a communication connection with the display device. For example, when the service provider updates the style information of any icon control in the Tab navigation bar, the server can obtain the display information of the Tab navigation bar and send the display information to the display device. When the display information is received, it is determined that the content to be displayed has changed.

[0130] (5) The display position of any one or more icon controls in the Tab navigation bar changes.

[0131] The position to be displayed can be used to indicate the coordinates of any one or more icon controls in the Tab navigation bar when they are displayed in the user interface.

[0132] Exemplarily, when the service provider updates the position information of any icon control in the Tab navigation bar, the server may obtain the position information of the Tab navigation bar and send the position information to the display device, and upon receiving the position information, determine that the position to be displayed has changed.

[0133] (6) The icon controls in the Tab navigation bar increase or decrease.

[0134] When the service provider updates the number of icon controls in the Tab navigation bar, such as adding or removing icon controls in the Tab navigation bar, the server can obtain the updated data of the Tab navigation bar and send it to the display device so that the display device can synchronously increase or decrease the icon controls.

[0135] By detecting the occurrence of the control events in (1)-(6) above, a first redraw instruction representing the above change is generated, that is, it can be determined whether the first change that triggers the update of the Tab navigation bar content is detected, thereby determining the loading method of the Tab navigation bar.

[0136] In some embodiments, the content display area includes a plurality of recommended content locations, and thus, the controller may further determine that a second change triggering an update of the content display area is detected when a second redraw instruction triggering an update of the content display area is detected.

[0137] The second redraw instruction is used to indicate the occurrence of any one or more of the following control events (1)-(5):

[0138] (1) Any recommended content in the content display area loses focus.

[0139] When the focus is located at any recommended content position in the content display area, the focus is associated with the recommended content position. For example, when the recommended content position displays video media information, if the user selects the "Confirm" button on the remote control or clicks the recommended content position again, the video of the recommended content position can be triggered to start playing.

[0140] Therefore, when any recommended content position in the content display area loses focus, the page content displayed in the content display area needs to be updated.

[0141] When the user inputs a focus movement operation to move the control focus from the current recommended content position to another position, such as another recommended content position, or to move the control focus to another icon control in the Tab navigation bar, it is determined that the current recommended content position loses focus.

[0142] (2) Any recommended content in the content display area obtains focus.

[0143] Correspondingly, when the user controls the focus to move from other positions to any recommended content position through a focus moving operation, it is determined that the any recommended content position obtains the focus, triggering a second redraw instruction for updating the content display area.

[0144] Among them, the other position may be any icon control of the Tab navigation bar, or may be a recommended content position in the content display area other than any of the above-mentioned recommended content positions.

[0145] refer to Figure 7 As shown, when the focus is on the third media asset content, if a focus moving operation to move the focus to the right is received from the user, the focus will be moved to the fourth media asset content, that is, the recommended content position corresponding to the third media asset content loses focus, and the recommended content position corresponding to the fourth media asset content gains focus.

[0146] (3) The content to be displayed in any one or more recommended content positions in the content display area changes.

[0147] The content to be displayed may include display information such as display style, display color, and display order of any one or more recommended content positions in the content display area.

[0148] When the service provider providing the content service updates the display information of any one or more recommended content positions in the content display area, the server can synchronously receive the display information and send the display information to the display device. When the display device receives the display information sent by the server, it determines that the content to be displayed of any one or more recommended content positions in the content display area has changed.

[0149] For example, when the content displayed in a certain recommended content position in the content display area is removed from the shelves, the display device can obtain the display information sent by the server to determine that the content to be displayed in the recommended content position has changed.

[0150] In some embodiments, when the recommended content positions in the content display area support user-defined operations such as deletion and sorting, if an edit operation of any one or more recommended content positions in the content display area is received from the user, it can also be determined that the content to be displayed has changed.

[0151] (4) The display position of any one or more recommended content locations in the content display area changes.

[0152] The position to be displayed is used to indicate the position coordinates of any one or more recommended content positions in the content display area.

[0153] When the service provider providing the content service updates the position information of any one or more recommended content positions in the content display area, the server can synchronously receive the position information and send the position information to the display device. When the display device receives the position information sent by the server, it determines that the to-be-displayed position of any one or more recommended content positions in the content display area has changed.

[0154] In some embodiments, upon receiving an editing operation input by a user on any one or more recommended content positions in the content display area, such as a deletion operation and a sorting operation, it may also be determined that the position to be displayed has changed.

[0155] (5) The recommended content position in the content display area increases or decreases.

[0156] For example, when a service provider adds a new recommended content position to display new media assets, the display device obtains data of the new recommended content position and the new media assets through interaction with the server, and determines that the recommended content position in the content display area has increased. When the server removes a recommended content position, the display device can also receive the removal information sent by the server, and determine that the recommended content position in the content display area has decreased.

[0157] In some embodiments, when a user input is received to delete any one or more recommended content positions, it may also be determined that the recommended content positions in the content display area are reduced.

[0158] By detecting the occurrence of the control events in (1)-(5) above, a second redraw instruction representing the above change can be generated, and then it can be determined whether a second change that triggers the update of the content display area is detected, thereby providing support for the control page update.

[0159] In some embodiments, after generating a first screenshot of the Tab navigation bar according to the first rule, referring to Figure 8 As shown, the controller can also execute the following methods:

[0160] Step S810: Generate a screenshot loading command for the first screenshot.

[0161] The screenshot loading command is used to load the first screenshot at the location of the Tab navigation bar.

[0162] For example, the action of loading the first screenshot at the location of the Tab navigation bar may be converted into a screenshot loading command.

[0163] Step S820: Use the screenshot loading command to replace the navigation bar loading command used to load the Tab navigation bar in the page loading command to obtain an updated page loading command.

[0164] The page loading command is a program command used to load areas including the Tab navigation bar and the content display area.

[0165] By locating the navigation bar loading command for drawing the Tab navigation bar in the page loading command and updating it to the screenshot loading command, the loading commands corresponding to the location of the Tab navigation bar can be uniformly converted into screenshot loading commands. Since the first screenshot has only one picture, the picture will be loaded as a page element when loading, and multiple icon controls in the Tab navigation bar require multiple loading commands to load, so the number of screenshot loading commands is obviously less than the number of loading commands for multiple icon controls in the Tab navigation bar.

[0166] Step S830: calling the updated page loading command to load the second page.

[0167] Exemplarily, the controller may call the updated page loading command to execute the command, thereby completing the loading of the second page.

[0168] Through the above method, the bottom layer commands for executing page loading can be updated, and the number of loading commands can be reduced, thereby improving the efficiency of page loading of the display device.

[0169] In some embodiments, when the first screenshot is loaded at the location of the Tab navigation bar, reference Fig. 9 As shown, the controller can also enter the program entry of the page loading command through step S910, and execute step S920 through the program command to detect whether there is a first screenshot. When it is determined that there is a first screenshot, the operation of loading the first screenshot at the location of the Tab navigation bar is implemented by executing step S930. Conversely, when it is determined that there is no first screenshot, multiple icon controls are obtained by executing step S940 to load multiple icon controls at the location of the Tab navigation bar.

[0170] Step S440: when a third change that triggers updating of the Tab navigation bar content is detected, loading a third page includes: loading a plurality of icon controls in the Tab navigation bar, and not loading the first screenshot.

[0171] When the third change is detected, the content of the Tab navigation bar is updated. In order to display the latest updated Tab navigation bar, the controller can stop loading the first screenshot at the location of the Tab navigation bar, and continue to load multiple icons at the location of the Tab navigation bar using the icon control loading method. Thus, when the content of the Tab navigation bar is updated, the Tab navigation bar can be loaded using the conventional icon control loading method, ensuring that the content of the Tab navigation bar is synchronously displayed in the latest state so that the user can view the corresponding content.

[0172] In some embodiments, the controller may further determine that a third change that triggers an update of the Tab navigation bar content is detected when a third redraw instruction that triggers an update of the Tab navigation bar content is detected.

[0173] The third redraw instruction is used to indicate the occurrence of any one or more of the following control events (1)-(6):

[0174] (1) Any icon control in the Tab navigation bar loses focus.

[0175] For example, when a focus moving operation input by a user is received to move the focus from any icon control to another location, it means that the any icon control loses the focus. The other location may be another icon control in the Tab navigation bar, or may be the content display area or any recommended content position in the content display area.

[0176] (2) Any icon control in the Tab navigation bar gains focus.

[0177] For example, when a focus moving operation is received from a user to move the focus from another location to any icon control in the Tab navigation bar, it means that the any icon control obtains the focus. The other location may be another icon control in the Tab navigation bar, or may be a content display area or any recommended content location in the content display area.

[0178] (3) The content display area includes multiple recommended content positions, and any recommended content position located at the first screen position among the multiple recommended content positions obtains focus.

[0179] For example, when the focus is on the icon control of the Tab navigation bar, if the user inputs an operation to move the focus downward, the focus will be moved to the first recommended content position located at the first screen position in the content display area, which means that the recommended content position located at the first screen position among multiple recommended content positions obtains the focus.

[0180] (4) The content to be displayed of any one or more icon controls in the Tab navigation bar changes.

[0181] The content to be displayed may include the display style, display color, etc. of any one or more icon controls in the Tab navigation bar.

[0182] Exemplarily, when the server receives display information sent by the service provider to update any one or more icon controls in the Tab navigation bar, the display device determines that the content to be displayed has changed. Conversely, when no display information is received, the display device can determine that the content to be displayed has not changed.

[0183] (5) The display position of any one or more icon controls in the Tab navigation bar changes.

[0184] Exemplarily, when the server receives the position information of updating any icon control in the Tab navigation bar sent by the service provider, the position information can be sent to the display device. When the position information is received, the display device determines that the position to be displayed has changed.

[0185] (6) The icon controls in the Tab navigation bar increase or decrease.

[0186] The server can obtain the update data of the increase or decrease icon control sent by the service provider, and send it to the display device, so that the display device increases or decreases the icon control synchronously.

[0187] In the above method, the controller can monitor the occurrence of the above control events, and after detecting the occurrence of any one or more control events, generate a third redraw instruction representing the above changes to determine that a third change that triggers the update of the Tab navigation bar content is detected. It can support a variety of situations in which the Tab navigation bar triggers content updates, thereby improving the adaptability of the page display method.

[0188] In this embodiment, the first redrawing instruction and the third redrawing instruction that trigger the update of the Tab navigation bar content can be the same instruction or different instructions. For example, after generating the first screenshot through step S420, the controller can detect the redrawing instruction that triggers the update of the Tab navigation bar content. For example, at the first moment t1, if the controller receives a focus moving operation input by the user to move the focus out of the Tab navigation bar, it is determined that the first redrawing instruction that triggers the update of the Tab navigation bar content is detected. At the second moment t2, if the controller receives a focus moving operation input by the user to move the focus from the content display area to the Tab navigation bar, it is determined that the third redrawing instruction that triggers the update of the Tab navigation bar content is detected, wherein the moment t2 is later than the moment t1, and in this process, the control events that trigger the first redrawing instruction and the third redrawing instruction are different.

[0189] In some embodiments, at the above-mentioned time t1 and time t2, the control events that trigger the first redrawing instruction and the control events that trigger the third redrawing instruction may also be the same. For example, at time t1, the control event that triggers the first redrawing instruction is detecting an increase in the number of icon controls in the Tab navigation bar. At time t2, the control event that triggers the third redrawing instruction may be detecting an increase in the number of icon controls in the Tab navigation bar again.

[0190] In some embodiments, after the first screenshot is generated by step S420, if a redrawing instruction that triggers the update of the content of the Tab navigation bar is received at a time, and a redrawing instruction that triggers the update of the content of the Tab navigation bar is not received again within a period of time, then the redrawing instruction can be the first redrawing instruction or the third redrawing instruction. For example, after the user opens the navigation bar application, if a focus moving operation input by the user to move the focus into the Tab navigation bar is received, it is determined that a redrawing instruction that triggers the update of the content of the Tab navigation bar is received, and then, if the user closes the navigation bar application, the controller cannot receive a new redrawing instruction. In this case, there is only one redrawing instruction, which can be called the first redrawing instruction or the third redrawing instruction.

[0191] Furthermore, in order to load the third page, in some embodiments, after obtaining the updated page loading command, the controller can also clear the first screenshot and use the navigation bar loading command to replace the screenshot loading command in the page loading command when a third change that triggers the update of the Tab navigation bar content is detected.

[0192] When the third change that triggers the update of the Tab navigation bar content is detected, it is necessary to control the display to show the Tab navigation bar with updated content in the third page. Therefore, in order to load the third page, the controller can clear the first screenshot and use the navigation bar loading command to replace the screenshot loading command in the page loading command to obtain the replaced page loading command.

[0193] Then, the controller can load the third page by calling the replaced page loading command. For example, multiple icon controls are loaded by the navigation bar loading command in the replaced page loading command, but the first screenshot is not loaded.

[0194] By using this method, when the third change is detected, the page loading command can be updated, so that multiple icon controls can be loaded using the navigation bar loading command, ensuring that the updated Tab navigation bar data is loaded successfully.

[0195] In some embodiments, the page includes a Tab navigation bar and a content display area. In order to load each page, the controller can also load the second content data in the content display area.

[0196] The second content data is page data to be displayed in the content display area when the second change that triggers the update of the content display area is detected, or the third change that triggers the update of the Tab navigation bar content is detected. Specifically, when determining the second content data, the content data to be displayed in the content display area in the target content data can be determined as the second content data according to the user operation that triggers the update of the content display area. For example, when the user controls the content display area to update the page through a sliding operation, the second content data can be determined in the target content data according to the distance of the sliding operation.

[0197] That is, when it is determined that the content display area is updated, the second content data can be determined and loaded into the content display area to implement page switching of the content display area. After the second content data is loaded, the Tab navigation bar and the content display area present corresponding pages.

[0198] In some embodiments, the controller may further perform the following method:

[0199] If the third redraw instruction that triggers the update of the Tab navigation bar content is detected, the status bar is controlled to be displayed at the top of the page, and a second animation process that controls the Tab navigation bar to move from the top of the page to the bottom of the status bar is executed.

[0200] When it is determined through the animation process monitoring service that the second animation process is completed, the third page is loaded.

[0201] Exemplarily, the page includes a Tab navigation bar and a content display area, and the status bar is hidden. If a third redraw instruction that triggers an update of the Tab navigation bar content is detected at this time, the controller can redisplay it through the status bar, such as displaying it at the top of the page. At the same time, in order to present the movement process of the Tab navigation bar, the controller controls the execution of the second animation process, and monitors the service execution progress through the animation process. When it is determined that the second animation process is completed, the third page including the status bar, the Tab navigation bar and the content display area is loaded.

[0202] Through this method, when the third redraw instruction is received, the status bar is triggered to be redisplayed, and the Tab navigation bar presents an animation process of updating the position. After the Tab navigation bar is updated, the status bar display can be controlled to provide status information to the user so that he can further operate the Tab navigation bar.

[0203] In the third page, the content data of the Tab navigation bar is displayed as the latest updated state. In order to load the page during the next switching process, in some embodiments, after loading the third page, refer to Fig.10 As shown, the controller can also perform the following steps:

[0204] Step S1010: Generate a second screenshot for the Tab navigation bar in the third page according to the first rule, and use the second screenshot to replace the first screenshot.

[0205] Step S1020: After replacing the first screenshot with the second screenshot, if the first change triggering the update of the Tab navigation bar content is not detected, and the second change triggering the update of the content display area is detected, the fourth page is loaded, including: loading the second screenshot at the location of the Tab navigation bar, and not loading multiple icon controls of the Tab navigation bar.

[0206] In some embodiments, when loading the fourth page, since the first change that triggers the update of the Tab navigation bar content is not detected, but the second change that triggers the update of the content display area is detected, the content of the Tab navigation bar does not need to be updated, but the content of the content display area needs to be updated, and the controller can control the Tab navigation bar to load the second screenshot and display the third content data in the content display area. The third content data can be content data to be displayed in the content display area determined in the target content data according to the instruction that triggers the second change.

[0207] Through the above method, the controller can regenerate the second screenshot after loading the third page, so that when loading the fourth page, the second screenshot can be reused to load the location of the Tab navigation bar, thereby improving the efficiency of page loading.

[0208] In some embodiments, the controller may further perform the following method:

[0209] When it is detected that the focus moves out of the Tab navigation bar, the screenshot switch is set to the on state; when it is detected that the focus moves into the Tab navigation bar, the screenshot switch is set to the off state; and when the screenshot switch is in the on state, step S1010 is triggered to execute; when the screenshot switch is in the off state, step S1010 is stopped.

[0210] Through the above method, when the focus moves into the Tab navigation bar, the screenshot switch is turned off, and the Tab navigation bar will not trigger a new screenshot at this time. When the focus moves out of the Tab navigation bar, the screenshot switch is turned on. At this time, if the content of the Tab navigation bar is updated, a new screenshot will be triggered and the screenshot will be replaced. The screenshot update and replacement can be controlled by the screenshot switch, thereby improving the flexibility of controlling screenshot generation and replacement.

[0211] Furthermore, considering that in different media scenarios, the icon controls in the Tab navigation bar, the content types of the media content displayed in the content display area, etc. are different, and the content displayed in the Tab navigation bar and the content display area has different update frequencies, for example, for the two types of media content, text and pictures, presented in the content display area, the user browses pictures faster, so the page switching frequency of the user browsing these two types of media content is generally different. Therefore, in order to determine whether the screenshot loading method can be used, in some embodiments, the controller can also query the media scene identifier of the target media content to which the first page belongs. If the media scene identifier matches any scene identifier in the scene identifier list, it triggers the execution of step S420.

[0212] Among them, the media scene identifier can be used to indicate a type of media content. The content update frequency of this type of media content in the Tab navigation bar is lower than the preset frequency, and compared with the page loading method of loading the Tab navigation bar using the icon control loading method, the page loading efficiency brought by loading the Tab navigation bar using the screenshot loading method is higher.

[0213] For example, the scene identifiers in the scene identifier list may be determined by developers through testing of the content update frequency and screenshot loading efficiency of the tab navigation bar and content display area in the media asset scene before the display device leaves the factory. For example, in a media scene, such as media content on a TV terminal, it can be determined whether the media content in the media scene includes a Tab navigation bar. When it is determined that the Tab navigation bar is included, the content update frequency in the Tab navigation bar can be further determined. For example, the page switching process in the two states of the screenshot loading switch being on and off can be simulated, that is, when the screenshot loading switch is on, the Tab navigation bar is drawn using the screenshot loading method, and the content display area is loaded using the content data loading method. When the screenshot loading switch is off, the Tab navigation bar is loaded using the icon control loading method, and the content display area is loaded using the content data loading method. The simulation duration is t (t>0), and the frequency of page switching operations is 300ms / time. Then, the single-frame loading time t1 and t2 in the two states of the screenshot loading switch being on and off are calculated. If t1-t2<0, it indicates that the page time of the screenshot loading method is shorter and the page loading efficiency is higher. Then, the media scene identifier of the media scene can be added to the scene identifier list.

[0214] In some embodiments, a flexible test method may also be used, such as switching pages freely within a simulation time t, such as 1 hour, taking 60 as the number of frames per second, obtaining the change frequency x corresponding to the Tab navigation bar, and calculating t*60*60-x*t3. If the value is greater than 0, it is considered that the page loading time of the screenshot loading method is shorter and the page loading efficiency is higher. Among them, t3 is the average time consumption of screenshot loading.

[0215] Through this method, it can be determined whether the target media asset content of the current page can be drawn using the screenshot method, thereby avoiding the efficiency impact caused by directly loading the Tab navigation bar using the screenshot loading method.

[0216] Fig.11 A flow chart of another page display method provided by an embodiment of the present invention is shown. Fig.11 As shown, the display device includes a navigation bar application and a canvas, and the page can be loaded through the following interactive process:

[0217] Step S1101: Start the navigation bar application.

[0218] The navigation bar application refers to an application program having corresponding functions of the Tab navigation bar and the content display area.

[0219] Step S1102: Start loading the first page.

[0220] At this time, the first page is the first page displayed after the navigation bar application is started. Exemplarily, the first page includes a Tab navigation bar and a content display area, and the focus can be located at the first icon control of the Tab navigation bar or at the first recommended content position in the content display area.

[0221] Step S1103: loading a plurality of icon controls at the location of the Tab navigation bar, and loading the first content data at the location of the content display area.

[0222] The first content data is the content data to be displayed in the content display area of ​​the first page. For example, it can be the content data corresponding to the first icon control of the Tab navigation bar for display in the first screen position in the content display area after the navigation bar application is started. For example, when the first icon control of the Tab navigation bar is "Home", the first content data is the media content corresponding to the icon control "Home", and the media content refers to the content data to be displayed in the first screen position of the content display area.

[0223] By loading multiple icon controls at the location of the Tab navigation bar and loading the first content data at the location of the content display area, the loading of the first page can be completed, so that the first page is displayed on the display. The user can switch the icon controls in the Tab navigation bar or the page content in the content display area in the first page to view more page content.

[0224] Step S1104: Register the animation process monitoring service.

[0225] Step S1105: When it is detected that the focus moves out of the Tab navigation bar, the status bar is controlled to be hidden, and the first animation process of controlling the Tab navigation bar to move to the top of the page is executed.

[0226] When it is detected that the focus moves out of the Tab navigation bar, it means that the user may need to view more content corresponding to the current icon control in the content display area, so the navigation bar application can control the status bar to hide, and present an animation process of the Tab navigation bar moving from the bottom of the status bar to the top of the page on the display interface. This process can provide users with a richer page operation experience, and can also adapt to increasing the display area of ​​other areas, such as the content display area, to present more content to users.

[0227] Step S1106: When it is determined through the animation process monitoring service that the first animation process is completed, a first screenshot is generated for the Tab navigation bar according to the first rule.

[0228] When the first animation process is completed, the display displays a static page. At this time, the navigation bar application can take a screenshot of the Tab navigation bar to generate a first screenshot, so that the first screenshot can be used to load the location of the Tab navigation bar during the subsequent page loading process.

[0229] Step S1107: Detecting a redraw instruction that triggers updating of the Tab navigation bar content and a redraw instruction that triggers updating of the content display area.

[0230] The redraw instruction may be triggered by any one or more control events, and the control events that trigger the update of the Tab navigation bar content and the control events that trigger the update of the content display area may be the same or different.

[0231] Step S1108: when the first redraw instruction for triggering the update of the Tab navigation bar content is not detected and the second redraw instruction for triggering the update of the content display area is detected, start loading the second page.

[0232] When the first redraw instruction is not detected but the second redraw instruction is detected, it means that the content of the content display area needs to be updated without updating the Tab navigation bar, so the navigation bar application can start loading the second page.

[0233] Step S1109: loading the first screenshot at the location of the Tab navigation bar, and loading the second content data at the location of the content display area.

[0234] The second content data is content data to be displayed in the content display area determined according to the second redraw instruction.

[0235] Specifically, when loading the second page, since the content of the Tab navigation bar does not need to be updated, the navigation bar application can load the first screenshot at the location of the Tab navigation bar and load the second content data at the location of the content display area, so that compared to the first page, the second page presents a page switching effect in which the Tab navigation bar is not updated, but the content of the content display area is updated.

[0236] Step S1110: when a third redraw instruction that triggers updating of the Tab navigation bar content is detected, the status bar is controlled to be displayed at the top of the page, and a second animation process that controls the Tab navigation bar to move from the top of the page to the bottom of the status bar is executed.

[0237] The third redraw instruction may be generated by detecting a control event that controls the update of the content of the Tab navigation bar. In some cases, the control events corresponding to the first redraw instruction and the third redraw instruction may be the same or different.

[0238] When the third redraw instruction is detected, the Tab navigation bar needs to be refreshed. In order to facilitate users to understand the update status of the Tab navigation bar and then select the corresponding icon control in the Tab navigation bar to switch pages, the navigation bar application can control the status bar display, and its display position can be the top of the page. At the same time, the Tab navigation bar is controlled to move from the top of the page to the bottom of the displayed status bar through the second animation process.

[0239] Step S1111: when it is determined through the animation process monitoring service that the second animation process is completed, start loading the third page.

[0240] When the second animation process is completed, it is necessary to display the page after the animation is completed, that is, the third page. At this time, the navigation bar application can start loading the third page.

[0241] Step S1112: loading a plurality of icon controls at the location of the Tab navigation bar, and loading third content data at the location of the content display area.

[0242] Specifically, when loading the third page, the navigation bar application can determine the third content data to be displayed in the content display area according to the third redraw instruction that triggers the Tab navigation bar content, thereby loading multiple icon controls at the location of the Tab navigation bar and loading the third content data at the location of the content display area.

[0243] Step S1113: Generate a second screenshot for the Tab navigation bar according to the third page and the first rule, and use the second screenshot to replace the first screenshot.

[0244] After displaying the third page, since the Tab navigation bar has been updated, in order to facilitate the use of screenshots to load the location of the Tab navigation bar in the subsequent loading process, a second screenshot can be generated for the Tab navigation bar according to the first rule, and the second screenshot can be used to replace the first screenshot to complete the screenshot update, which can improve the page loading efficiency while ensuring the correct page loading.

[0245] Step S1114: when the first redraw instruction for triggering the update of the Tab navigation bar content is not detected and the second redraw instruction for triggering the update of the content display area is detected, start loading the fourth page.

[0246] When the first redraw instruction is not detected but the second redraw instruction is detected, only the page content of the content display area needs to be updated to present a page switching effect, and the navigation bar application can start loading the fourth page.

[0247] Step S1115: loading the first screenshot at the location of the Tab navigation bar, and loading the fourth content data at the location of the content display area.

[0248] The fourth content data is content data to be displayed in the content display area determined according to the second redraw instruction detected in step S1114.

[0249] Through step S1115, the page switching can be completed. Compared with before the page switching, the content of the Tab navigation bar does not change, but the content presented in the content display area changes, that is, the page presents an effect that the content of the content display area is refreshed with the second redraw instruction.

[0250] According to the page display method provided in this embodiment, page loading can be triggered according to different control events, and different control events can trigger different page loading methods, which can meet the user's needs for switching pages and improve the page loading efficiency by utilizing the screenshot loading method, thereby reducing the computing resources occupied by the display device for loading the page.

[0251] An embodiment of the present invention provides a computer-readable storage medium, wherein the storage medium stores at least one executable instruction. When the executable instruction is executed on a display device, the display device executes the page display method in any of the above method embodiments.

[0252] The executable instructions can be specifically used to enable the display device to execute the above-mentioned page display method.

[0253] In this embodiment, computer readable storage media may be any tangible media that can contain or store a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0254] More specific examples (a non-exhaustive list) of computer-readable storage media may include: an electrical connection having one or more conductors, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), optical fibers, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0255] The algorithms or displays provided herein are not inherently related to any particular computer, virtual system or other device. In addition, the embodiments of the present invention are not directed to any particular programming language.

[0256] In the description provided herein, a large number of specific details are described. However, it is understood that embodiments of the present invention can be practiced without these specific details. Similarly, in order to simplify the present invention and help understand one or more of the various inventive aspects, in the above description of exemplary embodiments of the present invention, the various features of the embodiments of the present invention are sometimes grouped together into a single embodiment, figure, or description thereof. Wherein, the claims that follow the specific embodiment are hereby expressly incorporated into the specific embodiment, wherein each claim itself is a separate embodiment of the present invention.

[0257] Those skilled in the art will appreciate that the modules in the devices in the embodiments may be adaptively changed and arranged in one or more devices different from the embodiments. The modules or units or components in the embodiments may be combined into one module or unit or component, and further may be divided into a plurality of submodules or subunits or subcomponents. Except that at least some of such features and / or processes or units are mutually exclusive.

Claims

1. A display device, characterized in that: include: a display configured to display a user interface; A controller is coupled to the display and is configured to: Loading a first page, wherein the first page includes a Tab navigation bar composed of a plurality of icon controls, and a content display area; the icon controls are used to guide the switching of page contents in the content display area; When it is detected that the focus moves out of the Tab navigation bar, generating a first screenshot of the Tab navigation bar according to a first rule; When the first change that triggers the update of the content of the Tab navigation bar is not detected, and the second change that triggers the update of the content display area is detected, loading the second page includes: loading the first screenshot at the location of the Tab navigation bar, and not loading the multiple icon controls of the Tab navigation bar; When a third change that triggers updating of the Tab navigation bar content is detected, a third page is loaded, including loading the multiple icon controls at the location of the Tab navigation bar, and not loading the first screenshot.

2. The display device according to claim 1, characterized in that The controller is further configured to: If the first redraw instruction that triggers the updating of the content of the Tab navigation bar is not detected, determining that the first change that triggers the updating of the content of the Tab navigation bar is not detected; The first redraw instruction is used to indicate the occurrence of any one or more of the following control events: Any icon control in the Tab navigation bar loses focus; Any icon control in the Tab navigation bar obtains focus; The content display area includes a plurality of recommended content positions, and any one of the plurality of recommended content positions located at the first screen position obtains the focus; The content to be displayed of any one or more icon controls in the Tab navigation bar changes; The display position of any one or more icon controls in the Tab navigation bar changes; The icon controls in the Tab navigation bar increase or decrease.

3. The display device according to claim 1, characterized in that The content display area includes a plurality of recommended content positions, and the controller is further configured to: If a second redraw instruction that triggers the updating of the content display area is detected, determining that a second change that triggers the updating of the content display area is detected; The second redraw instruction is used to indicate the occurrence of any one or more of the following control events: Any recommended content in the content display area loses focus; Any one of the recommended content positions in the content display area obtains focus; The content to be displayed of any one or more recommended content positions in the content display area changes; The to-be-displayed position of any one or more recommended content positions in the content display area changes; The recommended content position in the content display area increases or decreases.

4. The display device according to claim 1, characterized in that After generating the first screenshot of the Tab navigation bar according to the first rule, the controller is further configured to: Generate a screenshot loading command for the first screenshot, where the screenshot loading command is used to load the first screenshot at the location of the Tab navigation bar; Using the screenshot loading command to replace the navigation bar loading command used to load the Tab navigation bar in the page loading command, to obtain an updated page loading command; The controller executes loading of the second page and is specifically configured as follows: The updated page loading command is called to load the second page.

5. The display device according to claim 4, characterized in that After obtaining the updated page loading command, the controller is further configured to: In the case of detecting a third change that triggers an update of the Tab navigation bar content, clearing the first screenshot, and replacing the screenshot loading command in the page loading command with the navigation bar loading command to obtain a replaced page loading command; The controller executes loading of the third page and is specifically configured as follows: The replaced page loading command is called to load the third page.

6. The display device according to claim 1, characterized in that The controller is further configured to: If a third redraw instruction that triggers the updating of the content of the Tab navigation bar is detected, determining that a third change that triggers the updating of the content of the Tab navigation bar is detected; The third redraw instruction is used to indicate the occurrence of any one or more of the following control events: Any icon control in the Tab navigation bar loses focus; Any icon control in the Tab navigation bar obtains focus; The content display area includes a plurality of recommended content positions, and any one of the plurality of recommended content positions located at the first screen position obtains the focus; The content to be displayed of any one or more icon controls in the Tab navigation bar changes; The display position of any one or more icon controls in the Tab navigation bar changes; The icon controls in the Tab navigation bar increase or decrease.

7. The display device according to claim 6, characterized in that The controller is further configured to: If a third redraw instruction that triggers the update of the content of the Tab navigation bar is detected, the status bar is controlled to be displayed at the top of the page, and a second animation process that controls the Tab navigation bar to move from the top of the page to the bottom of the status bar is executed; When it is determined through the animation process monitoring service that the second animation process is completed, the third page is loaded.

8. The display device according to claim 1, characterized in that After loading the third page, the controller is further configured to: generating a second screenshot for the Tab navigation bar in the third page according to the first rule, and replacing the first screenshot with the second screenshot; as well as, After replacing the first screenshot with the second screenshot, if the first change triggering the update of the Tab navigation bar content is not detected, and the second change triggering the update of the content display area is detected, the fourth page is loaded, including: loading the second screenshot at the location of the Tab navigation bar, and not loading multiple icon controls of the Tab navigation bar.

9. The display device according to claim 8, characterized in that The controller is further configured to: When it is detected that the focus moves out of the Tab navigation bar, the screenshot switch is set to an on state, and when it is detected that the focus moves into the Tab navigation bar, the screenshot switch is set to an off state; and, When the screenshot switch is in the on state, triggering the step of generating a second screenshot for the Tab navigation bar in the third page according to the first rule, and replacing the first screenshot with the second screenshot; When the screenshot switch is in the off state, the steps of generating a second screenshot for the Tab navigation bar in the third page according to the first rule and replacing the first screenshot with the second screenshot are stopped.

10. The display device according to any one of claims 1 to 9, characterized in that: The first page includes a status bar. After loading the first page, the controller is further configured to: Register animation process monitoring service; Before generating the first screenshot for the Tab navigation bar according to the first rule, the controller is further configured to: When it is detected that the focus moves out of the Tab navigation bar, the status bar is controlled to be hidden, and a first animation process of controlling the Tab navigation bar to move to the top of the page is executed; When it is determined through the animation process monitoring service that the first animation process is completed, a step of generating a first screenshot of the Tab navigation bar according to a first rule is triggered.

11. The display device according to any one of claims 1 to 9, characterized in that: The controller is further configured to: The second content data is loaded in the content display area, and the second content data is page data to be displayed in the content display area when a second change that triggers the update of the content display area is detected, or a third change that triggers the update of the Tab navigation bar content is detected.

12. The display device according to any one of claims 1 to 9, characterized in that: The controller generates a first screenshot for the Tab navigation bar according to a first rule, and is specifically configured as follows: Reading the display coordinates of the Tab navigation bar according to the column identification of the Tab navigation bar; A screenshot is taken of the first interface displayed within the display coordinates to generate the first screenshot.

13. A page display method, characterized in that: Applied to a display device, the method comprises: Loading a first page, wherein the first page includes a Tab navigation bar composed of a plurality of icon controls, and a content display area; the icon controls are used to guide the switching of page contents in the content display area; When it is detected that the focus moves out of the Tab navigation bar, generating a first screenshot of the Tab navigation bar according to a first rule; When the first change that triggers the update of the content of the Tab navigation bar is not detected, and the second change that triggers the update of the content display area is detected, loading the second page includes: loading the first screenshot at the location of the Tab navigation bar, and not loading the multiple icon controls of the Tab navigation bar; In case of detecting a third change that triggers updating of the content of the Tab navigation bar, loading a third page includes loading the multiple icon controls in the Tab navigation bar, and not loading the first screenshot.

Images