A display device and a picture display method

Abstract

Some embodiments of the present application provide a display device and a picture display method. The method can draw a presentation view on a first canvas according to a target size, and read reference sizes of a presentation size list. The reference sizes of the presentation size list are at least two, and the reference sizes include the target size. Then, a background view is drawn on a cache canvas according to a reference size larger than the target size, the background view of the cache canvas is drawn on a second canvas, and a display is controlled to display a display picture of the first canvas and the second canvas, so that a user interface presents picture content of the presentation view and the background view. The display level of the second canvas is lower than that of the first canvas. The method can display presentation views corresponding to multiple sizes in a single device, and display views corresponding to the remaining sizes synchronously while displaying the presentation views, which can enhance the contrast effect between user interfaces under different sizes and improve user experience.

Description

Technical Field

[0001] This application relates to the field of display device technology, and in particular to a display device and a screen display method. Background Technology

[0002] Display devices are intelligent devices capable of presenting a user interface and supporting user interaction. Taking smart TVs as an example, smart TVs are television products based on Internet application technology, equipped with open operating systems and chips, possessing open application platforms, enabling two-way human-computer interaction, and integrating multiple functions such as audio-visual, entertainment, and data to meet diverse and personalized user needs.

[0003] To cater to different users' screen size preferences, display devices can offer multiple screen size options based on user needs. In full-screen mode, each screen size will display a user interface that matches its size, thus achieving different display effects. However, when evaluating the display effect of different screen sizes (for example, when a user is purchasing a display device), it is necessary to visit each display device of each screen size in person to assess the display effect of the user interface at each screen size. This process is quite cumbersome and time-consuming.

[0004] To address this, a single display device can be configured with demo videos showing the user interface at different screen sizes. When observing the display effects at different screen sizes, the display device can automatically play these demo videos, allowing direct observation of the user interface display effects at multiple screen sizes on a single device. However, this method of playing demo videos has limitations: it doesn't allow for custom selection of the specific screen size for display, and the contrast between the user interfaces at different screen sizes is not sufficiently clear. Summary of the Invention

[0005] This application provides a display device and a screen display method to solve the problem of high limitations when display devices demonstrate user interfaces corresponding to multiple screen sizes.

[0006] In a first aspect, some embodiments of this application provide a display device, including a display and a controller. The display is coupled to the controller, the display is configured to display a user interface, and the controller is configured to perform the following program steps:

[0007] A demo view is drawn on the first canvas according to the first target size, and reference sizes are read from the demo size list; the demo size list has at least two reference sizes, and the reference sizes include the first target size;

[0008] Draw the background view on the cached canvas according to the reference size larger than the first target size in the demonstration size list;

[0009] The background view of the cached canvas is drawn onto the second canvas, the display layer of the second canvas being lower than that of the first canvas;

[0010] The display is controlled to show the first canvas and the second canvas, so that the user interface presents the content of the demonstration view and the background view.

[0011] The above technical solution has the following advantages or beneficial effects: the display device supports multi-size screen display function of a single device; when the display device receives the display instruction corresponding to the target size screen, it can draw the corresponding display view according to the target size, and at the same time draw the background view of other selected sizes in the background of the display view, so that the display device can display the display view corresponding to the size that the user wants to view at the moment, and simultaneously display the view of other selected sizes, which can enhance the contrast effect of each size and improve the user experience.

[0012] In some embodiments of this application, before the controller performs the step of drawing a demonstration view on the first canvas according to the first target size, it is further configured to: detect the data storage status of the demonstration size list; if the demonstration size list stores the reference size, generate a size selection interface according to the demonstration size list, and control the display to display the size selection interface, the size selection interface including options corresponding to the reference size, and the reference size being less than or equal to the base size of the user interface in full-screen display mode; if the demonstration size list does not store the reference size, obtain a default size set according to the device information of the display device, generate the reference size according to the default size set, and add the reference size to the demonstration size list.

[0013] The above technical solution has the following advantages or beneficial effects: the display device can display customizable sizes, or these sizes can be automatically generated based on device information such as the device model, thus improving the automation and intelligence of size demonstrations. To ensure the accuracy of size demonstrations, the displayable size cannot exceed the current display device's screen size (i.e., monitor size). Simultaneously, the display device can memorize custom-selected sizes for easy demonstration operations.

[0014] In some embodiments of this application, the controller generates the reference size based on the default size set, specifically configured to: read the baseline size of the user interface in full-screen display state based on the device information; traverse the default sizes in the default size set; delete default sizes larger than the baseline size, and retain default sizes smaller than or equal to the baseline size, to obtain the reference size.

[0015] The above technical solution has the following advantages or beneficial effects: when the display device generates a demonstratable reference size based on the default information, it is necessary to delete the default size that is larger than the local screen size to ensure the correctness of the current demonstratable size of the display device.

[0016] In some embodiments of this application, the controller executes the drawing of a background view on a cached canvas, specifically configured to: add reference sizes from the demo size list to the background drawing list; extract a first reference size from the background drawing list in a target order, the target order being the order of the reference sizes from largest to smallest; calculate the scaling ratio between the first reference size and a baseline size, the baseline size being the size of the user interface in full-screen display mode; and draw the background view on the cached canvas according to the scaling ratio, the background view including at least a border content equal to the first reference size.

[0017] The above technical solution has the following advantages or beneficial effects: the display device can determine the background view to be drawn according to the reference size in the demonstration size list, and then determine the scaling ratio used for each background view according to the ratio between the determined size and the current display device, which can ensure that the background view can be correctly drawn in the cache canvas.

[0018] In some embodiments of this application, before the controller performs the step of drawing the background view in the cached canvas according to the scaling ratio, it is further configured to: read the prompt text information associated with the first reference size, the prompt text information being used to display the prompt text of the reference size; calculate the text area of ​​the prompt text based on the prompt text information, and read a second reference size from the demo size list, the second reference size being a reference size larger than the first reference size; calculate the difference area between the background view corresponding to the second reference size and the background view corresponding to the first reference size, the difference area being the area remaining in the background view corresponding to the second reference size after removing the background view corresponding to the first reference size; if the height of the difference area is greater than or equal to the height of the text area, then perform the step of drawing the background view in the cached canvas according to the scaling ratio; if the height of the difference area is less than the height of the text area, then delete the first reference size from the background drawing list.

[0019] The above technical solution has the following advantages or beneficial effects: When the display device draws a background view, it needs to determine whether there is enough space between the views to display the prompt text corresponding to the size information. If there is enough space between the two views to display the prompt text corresponding to the size information, then the background view corresponding to the size information is drawn into the cache canvas; otherwise, the size information is deleted from the background drawing list, and the background view corresponding to the size information is not drawn in the cache canvas.

[0020] In some embodiments of this application, the controller executes the drawing of the background view of the cached canvas to the second canvas, specifically configured as follows: if the background drawing list includes a background view corresponding to an undrawn reference size, continue to execute the step of extracting the first reference size from the background drawing list in the target order; if the background drawing list does not include a background view corresponding to an undrawn reference size, read the bitmap data of the background view in the cached canvas, and copy the bitmap data to the second canvas.

[0021] The above technical solution has the following advantages or beneficial effects: the display device can monitor whether the background views corresponding to each reference size in the background drawing list have been drawn into the cache canvas. If they have not been drawn, the background views continue to be drawn in descending order of size. If all background views have been drawn, the bitmap of the background view in the cache canvas is copied to the real canvas (i.e., the second canvas) corresponding to the view used to display the background view, so that the user interface displayed by the display device can present each background view.

[0022] In some embodiments of this application, the controller is configured to add reference sizes from the demo size list to the background drawing list by: filtering reference sizes in the demo size list that are smaller than the first target size; and adding reference sizes in the demo size list that are smaller than the first target size to the background drawing list.

[0023] The above technical solution has the following advantages or beneficial effects: When the display device draws the background view, since the background view corresponding to the reference size that is smaller than the target size will be blocked by the demonstration view corresponding to the target size, the display device can only draw the background view that is larger than the demonstration view, so as to save the system resources consumed by drawing the view and improve the response speed.

[0024] In some embodiments of this application, after the controller performs the step of controlling the display to show the first canvas and the second canvas, it is further configured to: receive a size switching instruction input based on the demo size list; in response to the size switching instruction, parse the switching direction indicated by the size switching instruction, the switching direction including a first direction and a second direction, the first direction being used to switch to a demo view with a size larger than the first target size, and the second direction being used to switch to a demo view with a size smaller than the first target size; read a second target size from the demo size list according to the switching direction; draw a demo view on the first canvas according to the second target size; and control the display to show the first canvas and the second canvas.

[0025] The above technical solution has the following advantages or beneficial effects: During the display of the demonstration view, the display device can switch between views corresponding to each size in the demonstration size list according to different trends, such as a trend from large to small or from small to large. After receiving a size switching command, the display device can switch to display the demonstration view corresponding to the next size according to the trend indicated in the size switching command.

[0026] In some embodiments of this application, the controller is further configured to: read the second target size from the demo size list according to the switching direction; if the switching direction is the first direction and the first target size is the largest reference size in the demo size list, then mark the smallest reference size in the demo size list as the second target size; if the switching direction is the second direction and the first target size is the smallest reference size in the demo size list, then mark the largest reference size in the demo size list as the second target size.

[0027] The above technical solution has the following advantages or beneficial effects: When the display device switches between demonstration views of various sizes in an ascending trend, if the previously drawn demonstration view is already the largest size view, it responds to the current size switching command and displays the smallest size view, so as to switch between demonstration views of various sizes again in an ascending trend; When the display device switches between demonstration views of various sizes in a descending trend, if the previously drawn demonstration view is already the smallest size view, it responds to the current switching command and displays the largest size view, so as to switch between demonstration views of various sizes again in a descending trend.

[0028] Secondly, some embodiments of this application also provide a screen display method, which can be applied to the display device provided in the first aspect, the method comprising the following steps:

[0029] A demo view is drawn on the first canvas according to the first target size, and reference sizes are read from the demo size list; the demo size list has at least two reference sizes, and the reference sizes include the first target size;

[0030] Draw the background view on the cached canvas according to the reference size larger than the first target size in the demonstration size list;

[0031] The background view of the cached canvas is drawn onto the second canvas, the display layer of the second canvas being lower than that of the first canvas;

[0032] The control display shows the images of the first canvas and the second canvas to present the content of the demonstration view and the background view.

[0033] As can be seen from the above technical solutions, the display device and screen display method provided in some embodiments of this application can draw a demonstration view on a first canvas according to a target size, and read reference sizes from a demonstration size list. The demonstration size list includes at least two reference sizes, and the reference sizes include the target size. Then, a background view is drawn on a cache canvas according to a reference size larger than the first target size. The background view of the cache canvas is then drawn onto a second canvas, and the display screen is controlled to display the images of the first and second canvases, so that the user interface presents the content of the demonstration view and the background view. The display layer of the second canvas is lower than that of the first canvas. This method can display multiple demonstration views corresponding to different sizes on a single device, and simultaneously display views corresponding to other sizes while displaying the demonstration view, which can enhance the contrast effect between views of different sizes and improve the user experience. Attached Figure Description

[0034] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0035] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device provided in some embodiments of this application;

[0036] Figure 2 This is a schematic diagram of the hardware configuration of a display device provided in some embodiments of this application;

[0037] Figure 3 This is a schematic diagram of the software configuration of a display device provided in some embodiments of this application;

[0038] Figure 4 These are schematic diagrams illustrating the unmodified dimensions of some embodiments of this application.

[0039] Figure 5 A flowchart illustrating a screen display method provided in some embodiments of this application;

[0040] Figure 6 This is a schematic diagram of the process for obtaining dimensional data provided in some embodiments of this application;

[0041] Figure 7 This is a schematic diagram illustrating the effect of the size selection interface provided in some embodiments of this application;

[0042] Figure 8 Interactive diagrams for obtaining demonstration size list data provided in some embodiments of this application;

[0043] Figure 9 A flowchart illustrating the process of drawing a background view provided for some embodiments of this application;

[0044] Figure 10 This is a schematic diagram illustrating the process of copying background view data provided in some embodiments of this application;

[0045] Figure 11 A flowchart illustrating the switching of demonstration views provided for some embodiments of this application;

[0046] Figure 12 A flowchart illustrating the zoom-in / zoom-out demonstration provided for some embodiments of this application;

[0047] Figure 13 A schematic diagram illustrating the size effect provided for some embodiments of this application;

[0048] Figure 14 A schematic diagram illustrating the effect of another size provided for some embodiments of this application;

[0049] Figure 15 A schematic diagram illustrating the effect of another size provided for some embodiments of this application;

[0050] Figure 16 A schematic diagram illustrating the effect of another size provided for some embodiments of this application;

[0051] Figure 17 A schematic diagram illustrating the effect of another size provided for some embodiments of this application;

[0052] Figure 18 Interactive diagrams illustrating screen display methods provided in some embodiments of this application. Detailed Implementation

[0053] The embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described below do not represent all embodiments consistent with this application. They are merely examples of systems and methods consistent with some aspects of this application as detailed in the claims.

[0054] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0055] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0056] The terms “comprising” and “having”, and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0057] The term "module" refers to any known or subsequently 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.

[0058] In this embodiment, the display device 200 generally refers to a device with screen display and data processing capabilities. For example, the display device 200 includes, but is not limited to, smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, augmented reality devices, etc.

[0059] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device provided in some embodiments of this application. For example... Figure 1 As shown, a user can operate the display device 200 via touch operation, a mobile terminal 300, and a control device 100. The control device 100 receives user input commands and converts them into control commands that the display device 200 can recognize and respond to. For example, the control device 100 can be a remote control, a stylus, a gamepad, etc.

[0060] The mobile terminal 300 can function as a control device for human-computer interaction between the user and the display device 200. It can also function as a communication device for establishing a communication connection with the display device 200 and exchanging data. In some embodiments, the mobile terminal 300 can have software applications installed on it and communicate with the display device 200 via network communication protocols to achieve one-to-one control and data communication. Furthermore, it can transmit audio and video content displayed on the mobile terminal 300 to the display device 200 for synchronized display.

[0061] 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 that controls the display device 200.

[0062] like Figure 1 The diagram also shows that the display device 200 communicates with the server 400 via various communication methods. This allows the display device 200 to communicate via a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0063] Display device 200 can provide broadcast television reception function, and can also be equipped with intelligent network television function that provides computer support, including but not limited to network television, smart television, Internet Protocol television (IPTV), etc.

[0064] Figure 2 Provided for some embodiments of this application Figure 1 Hardware configuration block diagram of display device 200.

[0065] 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 device 270, a memory, a power supply, and a user input interface.

[0066] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0067] In some embodiments, the display 260 includes display function components for presenting images and driving components for driving image display. The display 260 is used to receive and display image signals output from the controller 250. For example, the display 260 can be used to display video content, image content, menu control interface components, and user control UI interfaces, etc.

[0068] In some embodiments, the communication device 220 is a component used to communicate with external devices or the server 400 according to various communication protocol types. The display device 200 may have multiple communication devices 220 depending on the supported communication methods. For example, when the display device 200 supports wireless network communication, it may have a communication device 220 with WiFi functionality. When the display device 200 supports Bluetooth connectivity, it needs to have a communication device 220 with Bluetooth functionality.

[0069] The communication device 220 enables the display device 200 to communicate with external devices or the server 400 via wireless or wired connections. Wired connections utilize data cables, interfaces, or other components to connect the display device 200 to external devices. Wireless connections utilize wireless signals or wireless networks. The display device 200 can directly establish a connection with external devices or indirectly through gateways, routers, or other connection devices.

[0070] 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 to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200.

[0071] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 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.

[0072] In some embodiments, a user can input user commands through a graphical user interface (GUI) displayed on a display 260, and the user input interface receives user input commands through the graphical user interface (GUI).

[0073] In some embodiments, the audio output device 270 can be a built-in speaker of the display device 200 or an external audio output device connected to the display device 200. For the external audio output device connected to the display device 200, the display device 200 may also be provided with an external audio output terminal, through which the audio output device can be connected to the display device 200 to output sound from the display device 200.

[0074] In some embodiments, the user input interface 280 can be used to receive instructions from user input.

[0075] To enable user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program used to manage and control the hardware and software resources of 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 it can provide a user interface by running an application. The operating system also allows users to interact with the display device 200.

[0076] It should be noted that the operating system can be a native operating system based on a specific operating platform, a third-party operating system that is deeply customized based on a specific operating platform, or an independent operating system specifically developed for display devices.

[0077] An operating system can be divided into different modules or levels based on the functions it implements, for example... Figure 3 As shown, in some embodiments, the system is divided into four layers, from top to bottom: the Applications layer (referred to as the "Application Layer"), the Application Framework layer (referred to as the "Framework Layer"), the System Library layer, and the Kernel layer.

[0078] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with the user based on the applications. The application layer may contain at least one application, which may be a built-in Windows program, system settings program, or clock program of the operating system; or it may be an application developed by a third-party developer. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0079] The framework layer provides application programming interfaces (APIs) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0080] like Figure 3 As shown, the application framework layer in this embodiment includes a view system, managers, and content providers. The view system designs and implements the application's interface and interactions, and includes lists, grids, textboxes, and buttons. The managers include at least one of the following modules: an activity manager for interacting with all running activities 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 application packages 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.

[0081] In some embodiments, the Activity Manager manages the lifecycle of individual applications and common navigation and back functions, such as controlling application exit, opening, and back actions. The Window Manager manages all window programs, such as obtaining the screen size, determining if a status bar is present, locking the screen, capturing the screen, and controlling changes to the display window, such as shrinking the display window, shaking the display, or distorting the display.

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

[0083] In some embodiments, the kernel layer is a functional layer situated between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management. For example, ... Figure 3As shown, hardware drivers can be configured in the kernel layer. The drivers included in the kernel layer can be at least one of the following: 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.

[0084] It should be noted that the above examples are merely a simple division of operating system functions and do not limit the specific form of the operating system of the display device 200 in this application embodiment. Depending on the function of the display device, the type of operating system, and other factors, the number of levels and the specific level type of the operating system may be expressed in other forms.

[0085] based on Figure 3 In some embodiments of the view system shown, the display device 200 can control the display 260 to display a corresponding user interface, which may include one or more Views. A View is the basic unit for constructing a user interface, and the display process of a View mainly includes three steps: Measure, Layout, and Draw.

[0086] During the measurement phase, in some embodiments, the display device 200 may need to determine the dimensions of the View, including its width and height. The controller 250 of the display device 200 can call the View's measure method to determine the View's dimensions. For example, in the measure method, the view system passes two parameters: widthMeasureSpec and heightMeasureSpec, which may contain the measurement mode and dimension information. The View then calculates the corresponding dimensions based on these parameters and sets its own width and height by calling the setMeasuredDimension method.

[0087] For the measurement mode of the measurement segment, in some embodiments, the measurement mode can be EXACTLY, AT_MOST, or UNSPECIFIED. The View needs to adapt to different layout requirements according to the corresponding measurement mode.

[0088] During the layout phase, in some embodiments, the controller 250 of the display device 200 needs to determine the position of the View within the parent container. The controller 250 of the display device 200 can determine the View's position within the parent container by calling the View's `layout` method. For example, in the `layout` method, the view system passes four parameters: `left`, `top`, `right`, and `bottom`, which define the View's boundaries within the parent container. The View then calculates its own position within the parent container based on these parameters and sets its position by calling the `layout` method.

[0089] In some embodiments, when the controller 250 of the display device 200 sets the position of the View, that is, the View calls the layout method to set its own position in the parent container, the position can be relative to the vertex position of the parent container, such as the top left corner of the parent container.

[0090] During the drawing phase, in some embodiments, the display device 200 needs to draw the content of the View onto the screen, i.e., present it in the user interface displayed on the monitor 260. The controller 250 of the display device 200 can draw the content of the View onto the user interface by calling the View's draw method. For example, in the draw method, the view system passes a Canvas object. The View can use various drawing methods provided by the Canvas (such as drawRect, drawCircle, drawText, etc.) in the draw method to draw the content. The drawn content can include colors, shapes, images, or text.

[0091] In some embodiments, the Canvas provided by the operating system of the display device 200 is a drawing canvas. The Canvas provides a variety of drawing methods and allows the display device 200 to draw various graphics and text on the View, such as drawing rectangles, circles, and text.

[0092] In some embodiments, the Canvas provided by the operating system of the display device 200 can use different drawing methods for different graphics and text. These drawing methods may include methods for drawing images and methods for drawing text, etc. Each method can pass a corresponding object to define the content of the graphics or text to be drawn.

[0093] For example, for drawing graphics, Canvas can use the `drawRect` method to draw rectangles. The `drawRect` method requires a `RectF` object (defining the rectangle's boundaries) and a `Paint` object (defining the rectangle's style, such as color, fill, or stroke). Canvas can also use the `drawCircle` method to draw circles. The `drawCircle` method requires the x and y coordinates of the circle's center, the radius, and a `Paint` object. For drawing text, Canvas can also use the `drawText` method. The `drawText` method requires the text string to be drawn, the starting x and y coordinates of the text, and a `Paint` object (defining the text's style, such as color, size, and alignment). During the drawing process, the display device 200 can control the style and appearance of the graphics by setting the properties of the `Paint` object, such as setting the color, fill or stroke style, line width, text size, and alignment.

[0094] Based on the above-described view system and drawing method, in some embodiments, the display device 200 can implement the view display logic and rich display content by overriding the onMeasure, onLayout, and onDraw methods of the view and combining them with the drawing methods provided by Canvas.

[0095] To meet different display needs, in some embodiments, different display devices 200 can be configured with displays 260 of different sizes, so that the display device 200 can control the displays 260 to display user interfaces of different sizes in full-screen mode. For example, the same model of display device 200 can be provided with displays 260 of screen sizes such as 55 inches, 60 inches, 75 inches, and 85 inches, and the display devices 200 of different screen sizes will also display user interfaces of different sizes in full-screen mode.

[0096] When evaluating the user interface display effect of display devices 200 with different screen sizes, such as in scenarios where users are purchasing display devices, users need to go to the vicinity of the display devices 200 with the corresponding screen sizes to check them one by one, which is a rather cumbersome and time-consuming process.

[0097] Therefore, in some embodiments, when the display device 200 detects a demonstration command, it can obtain a preset demonstration video through the controller 250. The demonstration video can be a video stored in the display device 200, a video provided by an external signal source device, or a video sent to the display device 200 by the server 400. The demonstration video can include screen content corresponding to multiple screen sizes. After the controller 250 obtains the demonstration video, it can respond to the demonstration command and play the demonstration video to present the screen effects corresponding to different screen sizes.

[0098] Alternatively, in some embodiments, when the controller 250 of the display device 200 detects a demonstration instruction, it can also generate a demonstration screen corresponding to the screen size indicated in the demonstration instruction through the view system, and then control the display 260 to display the demonstration screen.

[0099] However, the aforementioned method of playing demonstration videos has significant limitations. The content displayed in the demonstration video corresponding to the screen size is fixed and cannot be customized or adjusted according to user needs. For example, if a display device 200 of a certain screen size is sold out in a store, the display device 200 will still display the preset content. Furthermore, if the demonstration screen is generated based on the screen size specified in the demonstration command, the user interface displayed on the monitor 260 can only show the image of a single screen size, failing to demonstrate the comparison effect of image quality at different screen sizes (e.g., ...). Figure 4 The demonstration shown affects the user experience.

[0100] To this end, some embodiments of this application provide a display device 200, which can display the display effects of multiple user interfaces corresponding to different screen sizes through a single device. When a demonstration instruction is received, the display device 200 can draw a demonstration view according to the screen size indicated in the demonstration instruction, and at the same time draw other background views that can display screen sizes in the background of the demonstration view. This can enhance the contrast effect between various screen sizes while correctly displaying the screen content of the corresponding screen size, thereby improving the user experience.

[0101] In some embodiments, the display device 200 may include a display 260 and a controller 250. The display 260 is coupled to the controller 250, and the display 260 is configured to display a user interface, such as... Figure 5 As shown, the controller 250 is configured to perform the following program steps:

[0102] S501: Draw a demo view on the first canvas according to the first target size, and read the reference size from the demo size list.

[0103] For ease of description, the embodiments of this application represent the screen size to be demonstrated by the demonstration instruction as the first target size, and the View corresponding to the first target size as the demonstration view.

[0104] In some embodiments, the display device 200 can receive demonstration instructions input in different ways. These demonstration instructions are used to instruct the display device 200 to display content corresponding to a given screen size. The demonstration instructions can be input through a size selection interface, or they can be automatically generated by the display device 200 based on log events, such as demonstration instructions automatically generated when the display device 200 supports an automatic demonstration function.

[0105] like Figure 6 As shown, in some embodiments, the controller 250 of the display device 200 also detects the data storage status of the demonstration size list to determine whether the demonstration size list includes memorized data (S601), such as by manually selecting the selected reference size, demonstration size, and the enabled status of the automatic demonstration switch. The demonstration size list includes at least two reference sizes, and the reference sizes include a first target size; the reference size can also be called the local size, which is the display size corresponding to the current display device 200; the demonstration size is the screen size selectable by the current display device 200.

[0106] After the display device 200 detects the data storage status of the demonstration size list, if the demonstration size list contains a reference size, it means that the display device 200 currently stores a manually selected demonstration size. In this case, a size selection interface can be generated according to the demonstration size list (S602), and the display 260 can be controlled to display the size selection interface (S603). At this time, the content displayed in the size selection interface is based on the user's historical operations remembered by the display device 200, which improves the intelligent performance of the display device 200.

[0107] For example, display device 200 can respond to display commands from the size selection interface and control display 260 to display, such as... Figure 7 The size selection interface shown includes selectable or deselectable demo sizes, the automatic demo on / off status, and operation prompts. Selected demo sizes are added to the demo size list for display as reference sizes; the automatic demo on / off status indicates whether the automatic demo function is enabled or disabled; and the operation prompts guide the user on how to operate the interface.

[0108] In some embodiments, the size selection interface displayed on the display device 200 can also be used to set a reference size for the display device 200. That is, when the display device 200 detects a setting instruction based on a reference size input through the size selection interface, it sets the reference size to the demonstration size indicated by the setting instruction. For example, as Figure 7 The operation prompt information shown indicates that when the controller 250 of the display device 200 detects a control command containing a right-click key value input based on the size selection interface, it sets the demonstration size to the demonstration size selected at the current cursor position.

[0109] In some embodiments, after the display device 200 detects the data storage status of the demonstration size list, if no reference size is stored in the demonstration size list, it indicates that no manually selected demonstration size is currently stored in the display device 200. The controller 250 of the display device 200 can then obtain a default size set based on the device information of the display device 200 (S604), generate a reference size based on the default size set (S605), and add the reference size to the demonstration size list (S606). At this time, the reference size in the demonstration size list is intelligently selected by the display device 200 based on the default information, which can improve the automation performance of the display device 200.

[0110] In other words, when the display device 200 does not store any memorized data, it can obtain the corresponding default data based on its device information and determine the reference size that can be displayed in the demo size list based on the default data. The default data may include the aforementioned set of default sizes, the base size, and the demo on / off status, etc.

[0111] Similarly, in cases where the display device 200 does not store any memorized data, in some embodiments, the display device 200 can generate a size selection interface based on default data and control the display 260 to display the size selection interface, so that the user can select a reference size to be displayed through the size selection interface generated based on the default data.

[0112] For example, such as Figure 8 As shown, the application layer of the display device 200 can be configured with a size data management module, which is used to store stored data and default data. After the display device 200 is powered on, the controller 250 can automatically obtain the reference size, demonstration size, and the enabled / disabled status of the automatic demonstration switch from the size data management module. The size data management module will read whether stored data exists; if so, it will send the stored data back to the controller 250; otherwise, it will send the default data back to the controller 250.

[0113] At this time, the user invokes the size selection interface (i.e., size selection dialog) via the menu button on the control device 100, causing the display 260 of the display device 200 to display the baseline size, selectable demonstration sizes, and the enabled / disabled status of the automatic demonstration switch through the size selection interface. During the demonstration, if the user selects or deselects items or performs other operations on the size selection interface, the controller 250 of the display device 200 will update the displayed content of the size selection interface in real time according to the user's operation (i.e., dialog display data changes). When the user inputs a close command to the display device 200, the display device 200 will respond to the close command, dismiss the size selection interface, and store the data of this size selection interface change in the size data management module as memory data.

[0114] In some embodiments, the display device 200 may be configured with selectable presentation sizes, which in principle cannot be larger than the base size (i.e., the native size). For example, if the native size of the current display device 200 is 75 inches, the selectable presentation size can be 85 inches but cannot be 55 inches.

[0115] It should be noted that the size relationship between the various dimensions described in the embodiments of this application can be compared by at least one of the width, height and diagonal length, and this application does not impose any restrictions on this.

[0116] In some embodiments, if the display device 200 displays a size selection interface that includes a demonstration size larger than the baseline size, the tab (such as a specific option View or other control) corresponding to that demonstration size is set to an inoperable state, preventing the user from selecting it. Correspondingly, the display device 200 may also set the display effect corresponding to the inoperable state of the tabs that are larger than the baseline size, such as graying them out.

[0117] In some embodiments, when the controller 250 of the display device 200 executes step S605, it can read the reference size of the user interface in full-screen display state according to the device information, and traverse the default sizes in the default size set. Default sizes larger than the reference size are deleted, and default sizes smaller than or equal to the reference size are retained to obtain reference sizes. That is, the controller 250 of the display device 200 can delete default sizes larger than the reference size from the default size set, and retain the remaining default sizes as reference sizes to ensure the display effect of each presentation view.

[0118] The display device 200 sets the reference sizes in the demonstration size list using the manual or automatic methods described above. In some embodiments, the display device 200 may receive a demonstration instruction for a first target size based on the demonstration size list, meaning that the first target size indicated by the demonstration instruction is one of the reference sizes included in the demonstration size list. The demonstration instruction for the first target size may be an instruction for a first target size input in response to a user operation, or it may be an instruction for a first target size automatically generated by the display device 200 according to the automatic demonstration sequence when the automatic demonstration function is enabled.

[0119] In some embodiments, when the controller 250 of the display device 200 draws a demonstration view according to the first canvas, it can calculate the scaling ratio between the first target size and the reference size, and then draw the demonstration view in the first canvas according to the scaling ratio to present a View of the corresponding size in the user interface.

[0120] For example, if the first target size is represented as newSize (diagonal length) and the base size is represented as tvSize, then the demo view width newWidth corresponding to the first target size is calculated as follows:

[0121]

[0122] The height of the demonstration view corresponding to the first target size is calculated as follows:

[0123]

[0124] After the controller 250 of the display device 200 calculates the width and height corresponding to the above-mentioned demonstration view, it can draw the demonstration view through the view system calls onLayout and onDraw methods. When the first target size and the base size are not equal, the demonstration view is scaled with the lower left corner as the origin, and left=0, top=tvHeight-newHeight, right=newWidth, bottom=tvHeight is passed through the rectangle drawing method. Therefore

[0125] In some embodiments, the size passed in the view system of the display device 200 may be the length of the diagonal corresponding to the current size, such as the diagonal length of the rectangular object corresponding to the demonstration view.

[0126] For example,

[0127]

[0128] S502: Draw a background view on the cached canvas according to a reference size larger than the first target size from the list of demo sizes.

[0129] The display device 200 draws a demo view corresponding to a first target size on a first canvas, and can also synchronously draw a background view corresponding to a reference size on a cache canvas according to a reference size larger than the first target size. The cache canvas can be a canvas used to cache the bitmap data corresponding to the view; the cache canvas is not used for display. That is, the bitmap data in the cache canvas is not displayed in the foreground, but only used for data caching.

[0130] like Figure 9 As shown, in some embodiments, when drawing the background view, the controller 250 of the display device 200 can add reference sizes from the demonstration size list to the background drawing list (S901), such as adding all displayable reference sizes from the demonstration size list to the background drawing list. The background drawing list stores the various sizes corresponding to the background view, and the view system of the display device 200 can draw the background view according to the reference sizes stored in the background drawing list.

[0131] After the controller 250 of the display device 200 adds the reference size to the background drawing list, it can extract the first reference size from the background drawing list according to the target order (S902). The target order is the order of reference sizes from largest to smallest. That is, the display device 200 can extract the reference sizes from the background drawing list one by one in descending order of size, and the first reference size refers to the reference size currently extracted from the background drawing list.

[0132] For example, the reference sizes included in the demonstration size list are 85 inches, 75 inches, 65 inches, 60 inches, and 55 inches. The first target size indicated by the demonstration instruction is 55 inches. When the view system of the display device 200 draws the view corresponding to 55 inches, it also simultaneously adds 85 inches, 75 inches, 65 inches, 60 inches, and 55 inches to the background drawing list, and extracts the corresponding size (i.e., the first reference size) one by one in the order of 85 inches -> 75 inches -> 65 inches -> 60 inches -> 55 inches.

[0133] Since the background view is displayed behind the presentation view for comparison, sizes smaller than the presentation view will be obscured by the presentation view. Therefore, in some embodiments, before adding reference sizes to the background drawing list, the display device 200 can filter reference sizes smaller than the first target size from the presentation size list and add these reference sizes to the background drawing list. This reduces unnecessary drawing and data reading operations, thus saving system resources.

[0134] like Figure 9As shown, in some embodiments, after the controller 250 of the display device 200 extracts the first reference size, it calculates the scaling ratio between the first reference size and the base size (S903), and then draws the background view in the cache canvas according to the scaling ratio (S904). The background view includes at least a border content equal to the first reference size, so that the user interface can display the corresponding size.

[0135] It should be noted that the specific drawing logic of the background view is the same as the drawing logic of the demonstration view drawn in the canvas by the aforementioned view system. This application will not elaborate further here. However, it is worth noting that the data drawn on the cached canvas in this application is only used for caching and is not displayed in the foreground.

[0136] In some embodiments, the content displayed in the background view can be a pre-cached image in the display device 200, a frame captured from a video, or a rectangular object containing only a border. The content displayed in the background view can be consistent with or different from the content displayed in the demonstration view; this application does not impose any limitations on this. The demonstration view can be used to play corresponding video data, such as pre-cached video data in the display device 200, to improve the display effect and realism of the demonstration view. The content displayed in the demonstration view can be customized by the user or randomly set by the operating system in the controller 250.

[0137] For ease of observation, in some embodiments, when displaying the demonstration view and the background view, the display device 200 will also display prompt text corresponding to each size at a specific location, such as the size information corresponding to the current view (e.g., 85 inches, 75 inches, 65 inches, 60 inches, and 55 inches).

[0138] Accordingly, to ensure the display effect of the prompt text, in some embodiments, the controller 250 of the display device 200 can also read the prompt text information associated with the first reference size during the process of caching the canvas drawing background view, calculate the text area of ​​the prompt text based on the prompt text information, and read the second reference size from the demonstration size list. The prompt text information is used to display the prompt text at the reference size, and the second reference size is a reference size larger than the first reference size.

[0139] Then, the controller 250 of the display device 200 calculates the difference region between the background view corresponding to the second reference size and the background view corresponding to the first reference size. The difference region is the area remaining in the background view corresponding to the second reference size after removing the background view corresponding to the first reference size. If the height of the difference region is greater than or equal to the height of the text area, the step of drawing the background view in the cached canvas according to the scaling ratio is performed; if the height of the difference region is less than the height of the text area, the first reference size is removed from the background drawing list.

[0140] In other words, if there is not enough space between the currently drawn background view and the previously drawn background view to display the tooltip text, the current background view is removed from the background drawing list and no background view of that size is drawn; however, if there is enough space between the currently drawn background view and the previously drawn background view to display the tooltip text, the current background view can be drawn.

[0141] S503: Draw the background view of the cached canvas onto the second canvas, wherein the display layer of the second canvas is lower than that of the first canvas.

[0142] After the display device 200 draws the background view in the cache canvas, it can draw the background view drawn in the second drawing onto the second canvas. The display layer of the background view must be lower than the display layer of the presentation view, so that the first canvas and the second canvas can simultaneously present the presentation view and the background view, and the presentation view is displayed on the upper layer of the background view.

[0143] In some embodiments, when the controller 250 of the display device 200 draws the background view onto the second canvas, it may detect the drawing progress of each reference size in the background drawing list. If the background drawing list includes a background view corresponding to an undrawn reference size, the controller 250 of the display device 200 continues to execute the step of extracting the first reference size from the background drawing list in the target order (i.e., step S902).

[0144] If the background drawing list does not include a background view corresponding to an undrawn reference size, the controller 250 of the display device 200 reads the bitmap data of the background view from the cached canvas and copies the bitmap data to the second canvas. Since the display layer of the second canvas is lower than that of the first canvas, copying the bitmap of the background view from the cached canvas (i.e., the cache) to the second canvas ensures that the background view does not affect the display effect of the presentation view on the user interface.

[0145] For example, such as Figure 10As shown, the controller 250 of the display device 200 can draw the background view through the view system. The controller 250 can obtain the background drawing list to be drawn from the size data management module, and then extract the background view corresponding to the reference size in the background drawing list in order of size from largest to smallest. The earlier the background view is drawn, the lower its corresponding display level. If there is an undrawn reference size, the background view corresponding to the currently extracted reference size is drawn onto the canvas of the drawingBitmap (i.e., the cached canvas) according to the ratio between the currently extracted reference size and the base size; otherwise, the drawingBitmap is drawn onto the actual canvas used to display the background view (i.e., the second canvas).

[0146] S504: Control the display to show the display screens of the first canvas and the second canvas, so that the user interface presents the screen content of the demonstration view and the background view.

[0147] The controller 250 of the display device 200 draws the background view onto the second canvas, and can then control the display 260 to display the display screens of the first and second canvases. This allows the user interface displayed on the display 260 to present the content of the presentation view and the background view, thereby simultaneously presenting the display effects of other displayable sizes while displaying the presentation view of the size indicated by the presentation command, thus improving the user's viewing experience.

[0148] After the display device 200 displays a presentation view corresponding to a certain size, the user can switch to presentation views of other sizes through specific interaction methods.

[0149] That is, such as Figure 11 As shown, in some embodiments, after the display device 200 displays the display screens of the first canvas and the cache canvas, it can also receive a size switching instruction input based on the demonstration size list via the controller 250 (S1101), and in response to the size switching instruction, parse the switching direction indicated by the size switching instruction (S1102). The switching direction refers to the size change trend indicated by the currently input switching instruction. The switching direction can include a first direction and a second direction. The first direction is used to switch to a demonstration view with a size larger than the first target size, and the second direction is used to switch to a demonstration view with a size smaller than the first target size. That is, the first direction is used to switch to a larger-sized demonstration view, and the second direction is used to switch to a smaller-sized demonstration view.

[0150] After parsing the switching direction indicated by the size switching command, the controller 250 of the display device 200 can read the second target size from the demonstration size list according to the switching direction (S1103), draw the demonstration view on the first canvas according to the second target size (S1104), and control the display 260 to display the display screen of the first canvas and the second canvas (S1105), so that the user interface displayed on the display 260 can present the display screen of the new demonstration view and the background view.

[0151] It is understandable that the drawing logic of the demonstration view can refer to the drawing logic of the view system described above. This application will not elaborate further here.

[0152] like Figure 12 As shown, for critical dimensions in the size demonstration list, in some embodiments, when the display device 200 reads the second target dimension from the demonstration size list according to the switching direction, it can also read the first target dimension (S11031). If the switching direction is the first direction, and the first target dimension is the largest reference dimension in the demonstration size list, then the smallest reference dimension in the demonstration size list is marked as the second target dimension (S11032); if the switching direction is the second direction, and the first target dimension is the smallest reference dimension in the demonstration size list, then the largest reference dimension in the demonstration size list is marked as the second target dimension (S11033).

[0153] In some embodiments, when the display device 200 receives a size switching instruction and draws a demonstration view corresponding to the new second target size, it can also determine whether the background view needs to be updated based on the size switching instruction. If so, it will proceed according to... Figure 9 The background view is drawn as shown; otherwise, no additional processing is required.

[0154] In some embodiments, the conditions under which the controller 250 of the display device 200 needs to update the background view can be at least one of the following: there is an undrawn reference size in the background drawing list that is larger than the second target size; or, the preset bitmap cache such as the image used by the background view has been updated.

[0155] Based on the above embodiments, for example, after the display device 200 controls the display 260 to display the first canvas and the cache canvas, the display 260 of the display device 200 can present as follows: Figure 13 The display effect shown. Figure 13In the presentation, view 1301 shows the display effect for a 60-inch screen, while background views 1302 show the display effects for 80-inch, 88-inch, 100-inch, and 110-inch screens. This allows for comparison of the differences between other sizes and clearly demonstrates the display effect for the currently required size. If the user switches the presentation view to the first direction (i.e., the zoomed-in direction), the following views will be displayed sequentially. Figure 14 —> Figure 15 —> Figure 16 —> Figure 17 The display effect.

[0156] To implement the above steps S501-S504, in some embodiments, the application layer of the display device 200 may be configured with specific applications or services to execute the above steps S501-S504. For example, the application may be configured with a size data management module and a size adjustment module, and the display device 200 may display the display screen corresponding to the first canvas and the cache canvas based on the application.

[0157] For example, the application used to implement the above steps S501-S504 can be represented as a size display application, such as... Figure 18 As shown, users can launch a size demonstration application, which provides an interactive interface for selecting specific files to demonstrate the interface effects at different sizes. The selectable files can be videos or images. After the user selects a specific file through the interactive interface, the size adjustment module of the size demonstration application automatically initializes in response to this operation, and then obtains the baseline size, demonstration size, and the enabled / displayed switch status from the size data management module. If the size data management module has stored data, it returns the stored data to the size adjustment module, enabling the size adjustment module to draw and display the demonstration view and background view according to the size data management module. During the process of displaying the demonstration view and background view, if the user inputs a size switching command to the display device 200, the size adjustment module obtains the parameters corresponding to the size supported by the current size switching command, calculates and adjusts the demonstration view according to the parameters, and switches the displayed demonstration view.

[0158] Based on the display device 200 described above, some embodiments of this application also provide a screen display method, which can be applied to the display device 200 provided in the above embodiments. For example... Figure 5 As shown, the screen display method may include the following steps:

[0159] S501: Draw a demo view on the first canvas according to the first target size, and read the reference size from the demo size list; the demo size list has at least two reference sizes, and the reference size includes the first target size;

[0160] S502: Draw a background view on the cached canvas according to a reference size larger than the first target size from the demonstration size list;

[0161] S503: Draw the background view of the cached canvas onto the second canvas, wherein the display layer of the second canvas is lower than the display layer of the first canvas;

[0162] S504: Control the display to show the display screens of the first canvas and the second canvas to present the content of the demonstration view and the background view.

[0163] As can be seen from the above technical solutions, the display device and screen display method provided in some embodiments of this application can respond to a demonstration instruction of a target size, draw a demonstration view on a first canvas according to the target size, and read reference sizes from a demonstration size list. The demonstration size list includes at least two reference sizes, and the reference sizes include the target size. Then, a background view is drawn on a cache canvas according to the reference sizes, the background view of the cache canvas is drawn onto a second canvas, and the display 260 is controlled to display the display screen of the first canvas, so that the user interface presents the content of the demonstration view and the background view. The display layer of the second canvas is lower than that of the first canvas. This method can display multiple demonstration views corresponding to different sizes on a single display device 200, and simultaneously display views corresponding to other sizes while displaying the demonstration view, which can enhance the contrast effect between views of different sizes and improve the user experience.

[0164] The same or similar parts among the various embodiments in this specification can be referred to mutually, and will not be repeated here.

[0165] Those skilled in the art will clearly understand that the techniques in the embodiments of the present invention can be implemented using software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solutions in the embodiments of the present invention, or the parts that contribute to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods of various embodiments or certain parts of the embodiments of the present invention.

[0166] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features therein. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

[0167] For ease of explanation, the above description has been provided in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or to limit the embodiments to the specific forms disclosed above. Various modifications and variations can be obtained based on the above teachings. The selection and description of the above embodiments are for the purpose of better explaining the principles and practical applications, thereby enabling those skilled in the art to better utilize the described embodiments and various different variations of embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that, include: The monitor is configured to display the user interface; The controller, coupled to the display, is configured to: A demo view is drawn on the first canvas according to the first target size, and reference sizes are read from the demo size list; the demo size list has at least two reference sizes, and the reference sizes include the first target size; Add the reference sizes from the demonstration size list to the background drawing list; Extract the first reference size from the background drawing list according to the target order, wherein the target order is the order of the reference sizes from largest to smallest, and the first reference size is larger than the first target size; Calculate the scaling ratio between the first reference size and the baseline size, where the baseline size is the size of the user interface in full-screen display mode; Draw a background view in the cached canvas according to the scaling ratio, the background view including at least a border content equal to the first reference size; If the background drawing list includes a background view corresponding to an undrawn reference size, continue to execute the step of extracting the first reference size from the background drawing list according to the target order; If the background drawing list does not include a background view corresponding to an undrawn reference size, read the bitmap data of the background view in the cached canvas and copy the bitmap data to the second canvas, wherein the display layer of the second canvas is lower than that of the first canvas. The display is controlled to show the first canvas and the second canvas, so that the user interface presents the content of the demonstration view and the background view.

2. The display device according to claim 1, characterized in that, Before executing the step of drawing the presentation view on the first canvas according to the first target size, the controller is also configured to: Detect the data storage status of the demonstration size list; If the demo size list stores the reference size, a size selection interface is generated according to the demo size list, and the display is controlled to show the size selection interface. The size selection interface includes options corresponding to the reference size, and the reference size is less than or equal to the base size of the user interface in full-screen display mode. If the demo size list does not store the reference size, a default size set is obtained based on the device information of the display device, and the reference size is generated based on the default size set and added to the demo size list.

3. The display device according to claim 2, characterized in that, The controller is configured to generate the reference size based on the default size set, specifically as follows: The reference dimensions of the user interface in full-screen display mode are read based on the device information; Iterate through the default sizes in the set of default sizes; Delete default sizes larger than the reference size and retain default sizes smaller than or equal to the reference size to obtain the reference size.

4. The display device according to claim 1, characterized in that, Before the controller performs the step of drawing the background view in the cached canvas according to the scaling ratio, it is also configured to: Read the prompt text information associated with the first reference size, the prompt text information being used to display the prompt text for the reference size; The text area of ​​the prompt text is calculated based on the prompt text information, and a second reference size is read from the demonstration size list, wherein the second reference size is a reference size that is larger than the first reference size; Calculate the difference region between the background view corresponding to the second reference size and the background view corresponding to the first reference size. The difference region is the area remaining in the background view corresponding to the second reference size after removing the background view corresponding to the first reference size. If the height of the difference region is greater than or equal to the height of the text region, then the step of drawing the background view in the cache canvas according to the scaling ratio is performed; If the height of the difference region is less than the height of the text region, then the first reference size is removed from the background drawing list.

5. The display device according to claim 1, characterized in that, The controller is configured to add the reference sizes from the demo size list to the background drawing list, specifically as follows: Filter the list of demonstration sizes to find reference sizes smaller than the first target size; Add reference sizes smaller than the first target size from the demo size list to the background drawing list.

6. The display device according to claim 1, characterized in that, After executing the step of controlling the display to show the images of the first canvas and the second canvas, the controller is further configured to: Receive size switching instructions based on the demonstration size list; In response to the size switching command, the switching direction indicated by the size switching command is parsed. The switching direction includes a first direction and a second direction. The first direction is used to switch to a demonstration view with a size larger than the first target size, and the second direction is used to switch to a demonstration view with a size smaller than the first target size. Read the second target size from the demonstration size list according to the switching direction; The demo view is drawn on the first canvas according to the second target size, and the display screen is controlled to show the display screens of the first canvas and the second canvas.

7. The display device according to claim 6, characterized in that, The controller is configured to read the second target size from the demo size list according to the switching direction, and is also configured to: Read the first target size; If the switching direction is the first direction, and the first target size is the largest reference size in the demonstration size list, then the smallest reference size in the demonstration size list is marked as the second target size; If the switching direction is the second direction, and the first target size is the smallest reference size in the demonstration size list, then the largest reference size in the demonstration size list is marked as the second target size.

8. A method for displaying a screen, characterized in that, include: Draw a demo view on the first canvas according to the first target size, and read reference sizes from the demo size list; The demonstration size list has at least two reference sizes, and the reference sizes include the first target size; Add the reference sizes from the demonstration size list to the background drawing list; Extract the first reference size from the background drawing list according to the target order, wherein the target order is the order of the reference sizes from largest to smallest, and the first reference size is larger than the first target size; Calculate the scaling ratio between the first reference size and the baseline size, where the baseline size is the size of the user interface in full-screen display mode; Draw a background view in the cached canvas according to the scaling ratio, the background view including at least a border content equal to the first reference size; If the background drawing list includes a background view corresponding to an undrawn reference size, continue to execute the step of extracting the first reference size from the background drawing list according to the target order; If the background drawing list does not include a background view corresponding to an undrawn reference size, read the bitmap data of the background view in the cached canvas and copy the bitmap data to the second canvas. The display layer of the second canvas is lower than the display layer of the first canvas. The control display shows the images of the first canvas and the second canvas to present the content of the demonstration view and the background view.

Images