Display device and display method

Abstract

Embodiments of the present application provide a display device and a display method. The display device comprises a display and a controller. The display is configured to display a user interface corresponding to a target application, the user interface comprising a first icon. The controller is configured to receive a selection operation of the first icon input by a user on the user interface. In response to the first selection operation, the font size of text in the first icon is enlarged and the display area of the first icon is enlarged according to a target magnification factor, to obtain an enlarged first icon. The display is controlled to display the enlarged first icon. By using the technical solution of the present application, the display effect when the font is enlarged in the user interface can be optimized, the clarity when the font is enlarged can be improved, and the user experience can be improved, without increasing hardware cost and consuming hardware performance.

Description

Technical Field

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

[0002] Currently, when users switch between app icons displayed on the TV, the selected app icon is enlarged to make it easier for users to see the selected app. However, the clarity of the enlarged app icon is reduced to some extent. For example, when the app icon contains text, the text in the app icon is stretched when the app icon is enlarged, making the edges of the text appear jagged, resulting in a less clear app icon and affecting the user experience. Summary of the Invention

[0003] This application provides a display device and display method that can solve the problem that the clarity of the text in the selected application icon decreases when the icon is enlarged, thus affecting the user experience.

[0004] To achieve the above objectives, the embodiments of this application adopt the following technical solutions:

[0005] On one hand, some embodiments of this application provide a display device, including: a display and a controller coupled to the display. The display is configured to display a user interface corresponding to a target application, the user interface including a first icon. The controller is configured to: receive a first selection operation of the first icon input by a user on the user interface; in response to the first selection operation, enlarge the font size of the text in the first icon according to a target magnification factor, and enlarge the display area of ​​the first icon to obtain an enlarged first icon; and control the display to display the enlarged first icon.

[0006] On the other hand, some embodiments of this application also provide a display method, which includes: receiving a first selection operation of a first icon input by a user on the user interface corresponding to a target application; responding to the first selection operation, enlarging the font size of the text in the first icon and enlarging the display area of ​​the first icon according to a target magnification factor to obtain an enlarged first icon; and controlling the display to display the enlarged first icon.

[0007] As can be seen from the above technical solutions, the display device and display method provided in this application embodiment, in response to a user's first selection operation on the user interface for a first icon, enlarges the font size of the text in the first icon according to the target magnification factor, and enlarges the display area of ​​the first icon to obtain an enlarged first icon, and controls the display to display the enlarged first icon. Since the font size of the text in the first icon is also enlarged at the same time as the display area of ​​the first icon is enlarged, the font in the first icon will not suffer from a decrease in clarity when the first icon is enlarged in the user interface. This application embodiment optimizes the display effect of the font when it is enlarged in the user interface without increasing hardware costs and hardware consumption, improves the clarity of the font when it is enlarged, and enhances the user experience. Attached Figure Description

[0008] The accompanying drawings are for illustrative purposes only and are not intended to limit the scope of this application. Furthermore, the same reference numerals denote the same parts throughout the drawings. In the drawings:

[0009] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device, a control device, and a server, provided as an embodiment of this application.

[0010] Figure 2 A hardware configuration block diagram of a control device provided in an embodiment of this application;

[0011] Figure 3 A hardware configuration block diagram of a display device provided in an embodiment of this application;

[0012] Figure 4 A schematic diagram of a display device system provided in an embodiment of this application;

[0013] Figure 5 A schematic diagram of a user interface provided for an embodiment of this application;

[0014] Figure 6 A schematic diagram illustrating the drawing of a font according to an embodiment of this application;

[0015] Figure 7 A schematic diagram illustrating an enlarged font provided in an embodiment of this application;

[0016] Figure 8 A flowchart illustrating a display method provided in an embodiment of this application;

[0017] Figure 9 This is a schematic diagram illustrating another example of font enlargement provided in this application embodiment;

[0018] Figure 10 A flowchart illustrating another display method provided in an embodiment of this application;

[0019] Figure 11 This is a schematic diagram illustrating another type of font enlargement provided in an embodiment of this application. Detailed Implementation

[0020] To make the objectives and implementation methods of this application clearer, the exemplary implementation methods of this application will be clearly and completely described below with reference to the accompanying drawings of the exemplary embodiments of this application. Obviously, the exemplary embodiments described are only some embodiments of this application, and not all embodiments.

[0021] 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.

[0022] 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.

[0023] The terms “comprising” and “having” and any variations thereof in this application are intended to cover but not exclude inclusion, for example, a product or device that includes a series of components is not necessarily limited to all 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.

[0024] In this application, the term "and / or" is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone. Additionally, the character " / " in this disclosure generally indicates that the preceding and following related objects have an "or" relationship.

[0025] The display device provided in this application can have various implementation forms. For example, the display device can be a television set, a smart television, a laser projection device, a monitor, an electronic whiteboard, an electronic table, or other display devices with a microphone. This application does not limit the specific form of the display device. This application uses a television device as an example for illustrative purposes.

[0026] Figure 1 This is a schematic diagram illustrating the operational scenarios between a display device, a control device, and a server provided in some embodiments of this application. For example... Figure 1As shown, the user can operate the display device 200 through the smart device 300 or the control device 100.

[0027] In some embodiments, the control device 100 may be a remote control, and the communication between the remote control and the display device 200 may include infrared protocol communication, Bluetooth protocol communication, or other short-range communication methods, controlling the display device 200 through wireless or wired communication. For example, a user can control the display device 200 by inputting user commands through buttons on the remote control, voice input, control panel input, etc.

[0028] In some embodiments, the smart device 300 can also control the display device 200. In some examples, the smart device 300 can be a smartphone, tablet computer, computer, laptop computer, etc. For example, the smart device 300 can connect and communicate with the application software installed on the display device 200 through a network communication protocol to achieve one-to-one control operation and data communication; or the audio and video content displayed on the smart device 300 can be transmitted to the display device 200 to achieve synchronous display function.

[0029] In some embodiments, the display device 200 can also be controlled in other ways besides the control device 100 and the smart device 300. For example, it can directly receive user voice commands through a module configured inside the display device 200 that acquires voice commands, or it can receive user voice commands through a voice control device set outside the display device 200.

[0030] like Figure 1 As shown, the display device 200 can also communicate with the server 400 through various communication methods. For example, the display device 200 can communicate via a local area network (LAN), wireless local area network (WLAN), or other networks.

[0031] Figure 2 This is a hardware configuration block diagram of a control device 100 according to some embodiments of this application. For example... Figure 2 As shown, the control device 100 includes a control unit 110, a communication interface 130, a user input / output interface 140, a power supply 180, and a memory 190. The control device 100 is configured to control the display device 200, and to receive user input operation commands and convert the operation commands into commands that the display device 200 can recognize and respond to. The control device 100 is used to realize information interaction between the user and the display device 200.

[0032] like Figure 2As shown, the control device 110 may further include a processor 112, random access memory (RAM) 113 and ROM 114, a communication interface 130, and a communication bus. Figure 2 (Not shown in the image). The control device 110 is used to control the operation and function of the control equipment 100, as well as to control the communication and cooperation between the internal components of the control equipment 100 and the external and internal data processing functions.

[0033] For example, the communication interface 130 may include at least one of other near-field communication components, such as a WiFi chip 131, a Bluetooth component 132, and a Near Field Communication (NFC) component 133. Under the control of the control device 110, the communication interface 130 can encode user-input commands via WiFi, Bluetooth, or NFC protocols and send them to the display device 200, thereby enabling communication of control signals and data signals between the interface and the display device 200.

[0034] User input / output interface 140 includes an input interface and an output interface. The input interface may include at least one of other input interfaces such as microphone 141, touchpad 142, sensor 143, and button 144.

[0035] The memory 190 is used to store various operating programs, data and applications that drive and control the control device 100 under the control of the control device 110, and can also store various control signal instructions input by the user.

[0036] The power supply 180 is used to provide operating power support for the various components in the control device 100 under the control of the control device 110.

[0037] For example, taking a television device as the display device, Figure 3 This is a hardware configuration block diagram of a display device 200 according to some embodiments of this application.

[0038] like Figure 3 As shown, the display device 200 includes at least one of the following: a tuner 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

[0039] In some embodiments, the controller 250 includes a processor, a video processor, an audio processor, a graphics processor, RAM, ROM, and a first interface to an nth interface for input / output.

[0040] The display 260 includes a display screen assembly for presenting images, a driving assembly for driving image display, a component for receiving image signals from the controller output, and a user interface (UI) for displaying video content, image content, and a menu control interface.

[0041] The display 260 can be an LCD display, an OLED display, or a projection display, and can also be a projection device and a projection screen.

[0042] The communicator 220 is a component used to communicate with external devices or servers according to various communication protocol types. For example, the communicator may include at least one of the following: a Wi-Fi module, a Bluetooth module, a wired Ethernet module, other network communication protocol chips or near-field communication protocol chips, and an infrared receiver. The display device 200 can establish the transmission and reception of control signals and data signals with the external control device 100 or the server 400 through the communicator 220.

[0043] The user interface can be used to receive control signals from the control device 100 (such as an infrared remote control).

[0044] Detector 230 is used to collect signals from the external environment or to interact with the external environment. For example, detector 230 includes a light receiver, a sensor for collecting ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to collect 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.

[0045] The external device interface 240 may include, but is not limited to, one or more of the following: High Definition Multimedia Interface (HDMI), analog or high-definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, etc. It may also be a composite input / output interface formed by multiple interfaces mentioned above.

[0046] The tuner / demodulator 210 receives broadcast television signals via wired or wireless means, and demodulates audio and video signals, such as EPG data signals, from multiple wireless or wired broadcast television signals.

[0047] 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.

[0048] The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in the memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command to select a UI object to display on the monitor 260, the controller 250 can execute operations related to the object selected by the user command.

[0049] In some embodiments, the controller 250 includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), random access memory (RAM), read-only memory (ROM), a first to an nth interface for input / output, a communication bus, etc.

[0050] Users can input commands through a graphical user interface (GUI) displayed on the monitor 260, and the user input interface receives the user input commands through the GUI. Alternatively, users can input commands by entering specific sounds or gestures, and the user input interface receives the user input commands by recognizing the sounds or gestures through sensors.

[0051] A "user interface" is the medium through which an application or operating system interacts and exchanges information with the user. It converts information from its internal form to a form that the user can accept. The most common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed graphically. It can be an icon, window, control, or other interface element displayed on the screen of a display device. Controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0052] Understandably, in general, the implementation of display device functions requires not only the support of the aforementioned hardware, but also the cooperation of software.

[0053] Figure 4This is a schematic diagram of a display device system according to some embodiments of this application. In some embodiments, the system of the display device 200 can be divided into four layers, from top to bottom: the Applications layer (hereinafter referred to as the "Application Layer"), the Application Framework layer (hereinafter referred to as the "Framework Layer"), the Android runtime and system library layer (hereinafter referred to as the "System Runtime Layer"), and the kernel layer.

[0054] In some embodiments, at least one application runs in the application layer. These applications may be Windows programs, system settings programs, or clock programs that come with the operating system; they may also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0055] 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.

[0056] In some embodiments, the system runtime library layer provides support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system runs the C / C++ libraries contained in the system runtime library layer to implement the functions that the framework layer needs to perform.

[0057] In some embodiments, the kernel layer is a layer between hardware and software. The kernel layer includes at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, Wi-Fi driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), MIC driver, and power driver, etc.

[0058] In the user interface displayed on a TV device, when a user needs to switch or select an application, the application icon corresponding to the selected application is usually designed to be enlarged so that the user can quickly access the selected application. Figure 5 A schematic diagram of a user interface provided for an embodiment of this application, such as... Figure 5 As shown, when the "Education" icon is selected on the user interface, or when switching from the "Movies" icon to the "Education" icon, the "Education" icon will be displayed in a magnified form.

[0059] In some examples, enlarging an app icon is typically achieved by stretching its display area proportionally. However, the clarity of the text in the enlarged app icon will be somewhat compromised. For example, see... Figure 5 When the "Education" icon in the user interface is enlarged, the text "Education" within the icon is also stretched and enlarged proportionally. This results in a decrease in the clarity of the text "Education" after enlargement. For example, the edges of the text "Education" appear jagged after enlargement, which can make users feel that the screen is not clear enough and affect the user experience.

[0060] For example, the process of enlarging the display of an application icon by the display device 200 may include drawing the font in the application icon and enlarging the font in the application icon.

[0061] The following is combined Figure 4 This section provides an explanation of the font drawing process in application icons.

[0062] When an application draws a view, it requests the creation of a canvas (e.g., a surface), and the corresponding image processing service (e.g., surfaceFlinger) creates a layer. At the same time, surfaceFlinger encapsulates the drawing instructions into a display list (e.g., displayList) and synchronizes it to the RenderThread thread of the framework layer through the canvas (e.g., canvas).

[0063] The RenderThread thread in the application framework layer obtains an image buffer (e.g., graphic buffer) that stores drawing data through the surface's dequeue buffer (e.g., dequeueBuffer) process.

[0064] When the view is in onDraw, it is drawn through the passed-in canvas. The drawing work of the view can be completed by the graphics engine Skia according to the drawing instructions. The drawing instructions are rendered into the image buffer. After the rendering is completed, the surface delivers the buffer containing the drawing data to the queue through queueBuffer and notifies SurfaceFlinger to consume it. SurfaceFlinger obtains the data from the queue and simultaneously completes the composition work of the layer with the Hardware Abstraction Layer (HAL). Finally, after further processing of OSD (on-screen display) and video by the display driver of the System on Chip (SOC), the final drawing result is displayed on the display (such as a display panel).

[0065] Exemplarily, when the view is in onDraw, drawing instructions can be passed in through the canvas Application Program Interface (API), and based on these drawing instructions, the drawing operations to be performed are determined, including determining the type of drawing operation, the drawing transformation matrix, and the clipping region, etc. Among them, the type of drawing operation can include operations such as scaling, offsetting, and rotating during drawing; the transformation matrix is used to indicate the transformation information corresponding to the drawing operation, such as scaling ratio, offset angle, and rotation angle, etc.; the clipping region can include the effective range of the current drawing, etc.

[0066] After confirming the above drawing operation information, the coordinate transformation is performed on the drawing content (such as the font) area according to the drawing transformation matrix to obtain the clipping region, and anti-aliasing processing is performed on the clipping region. In some examples, the font drawing process also includes setting a shader, rendering the drawn font according to the parsed font color, and completing the configuration of the color format to render the required data content.

[0067] Figure 6 A schematic diagram of font drawing provided by an embodiment of this application is as Figure 6 shown. Taking the drawn text as "education", the font size as 30px, the font color as black, and the font format as regular Song typeface as an example, the font drawing process is illustrated.

[0068] First, in TextView, through the passed-in drawing instruction (such as setText), the font manager (such as skFontMgr) determines that the font format is the regular Song typeface font library according to the drawing instruction; and determines the clipping regions corresponding to the two fonts of "教" and "育" according to the drawing instruction, obtaining as Figure 6in (b).

[0069] After determining the cropping area, based on the parsed font size information (such as 30px) and the determined cropping area, determine the coordinate information of "教" and "育" respectively. For example, the determined coordinate information of "教" is (x1, y1, w1, h1), and the coordinate information of "育" is (x2, y2, w2, h2), where y1 = y2, w1 = w2, h1 = h2, obtaining as shown in Figure 6 in (c).

[0070] According to the parsed font color information (such as black), complete the font color adaptation for "教" and "育" respectively, and render the final display content, obtaining as shown in Figure 6 in (d).

[0071] Figure 7 It is a schematic diagram of font magnification provided by an embodiment of this application. As shown in Figure 7 When the "Education" icon is selected, the view obtains the focus information and passes the drawing instruction to Skia for rendering, where the drawing instruction includes the magnification ratio information. Taking the magnification ratio of 12% as an example, the font magnification process is illustrated.

[0072] First, in TextView, by passing the drawing instruction to setText, SkFontMgr determines that the font format is the regular Song font library according to the drawing instruction; and determines the drawing transformation matrix according to the magnification ratio and determines the cropping areas of "教" and "育" respectively, obtaining as shown in Figure 7 in (b).

[0073] Then, according to the parsed font size information (such as 30px) and the magnification ratio, determine the coordinate information of "教" as (x11, y11, w11, h11) and the coordinate information of "育" as (x12, y12, w12, h12) respectively, where y11 = y12, w11 = w12 = (1 + 12%) * w1, h11 = h12 = (1 + 12%) * h1. It should be noted that the original (i.e., when no magnification is performed) coordinate information of "教" is (x1, y1, w1, h1), and the original coordinate information of "育" is (x2, y2, w2, h2). This process magnifies the display area of the "Education" icon according to the corresponding magnification ratio, obtaining as shown in Figure 7 in (c).

[0074] Finally, according to the parsed font color information (such as black), complete the font color adaptation for "教" and "育" respectively, and render the final display content, obtaining as shown in Figure 7 in (d).

[0075] According to the above font magnification process, the font magnification displayed on the monitor 260 is to enlarge the area corresponding to the font (such as the cropped area) according to the magnification ratio, or to stretch it according to the magnification ratio. After this magnification, the font will have a certain degree of reduced clarity when displayed.

[0076] To address the aforementioned issues, embodiments of this application provide a display device and display method that can improve font clarity when application icons are enlarged, ensuring that font clarity does not decrease.

[0077] In some embodiments, the display 260 is configured to display a user interface corresponding to the target application, the user interface including a first icon.

[0078] In some examples, multiple applications (also called applications) can run in display device 200 (e.g., the application layer of display device 200), such as Hybrid Broadcast / Broadband TV (HBBTV) applications, Store applications, or Open Browser web applications. Display device 200 can run multiple applications, or it can run one or more of multiple applications. Each application running in display device 200 corresponds to its own user interface (UI).

[0079] For example, the target application is any one of multiple applications running in the application layer. The user interface corresponding to the target application may include multiple application icons, each corresponding to a different display interface. In some examples, the first icon is any one of the multiple application icons in the target application.

[0080] Figure 8 This is a flowchart illustrating a display method provided in an embodiment of this application. The display method is applied to a display device 200 and executed by a controller 250 within the display device. Figure 8 As shown, the display method includes steps S810 to S830.

[0081] Step S810: Receive the user's first selection operation on the first icon input on the user interface.

[0082] In some embodiments, the first selection operation is used to instruct a user to select a first icon on the user interface. For example, the first selection operation may be the selection of the first icon when switching from any application icon to the first icon.

[0083] For example, the first selection operation can be performed by the user through a remote control or other control device 100, or it can be performed by the user through a smart device 300, or it can be performed by the user directly on the display 260 via touch. This application does not limit this. In some examples, the first icon can correspond to a control. When the controller 250 receives a touch operation on the user's control, it will trigger the first selection operation of the first icon.

[0084] In some embodiments, the first icon includes text. The number of characters in the first icon can be one or more, and the text in the first icon can be Chinese or other languages ​​(e.g., English).

[0085] For example, when the first icon is selected, it will be enlarged so that the user can clearly see the selected icon and proceed to the next step. Figure 5 As shown, when the "Education" icon is selected, the "Education" icon will be enlarged.

[0086] In step S820, in response to the first selection operation, the font size of the text in the first icon is enlarged according to the target magnification factor, and the display area of ​​the first icon is enlarged to obtain the magnified first icon.

[0087] When the controller 250 receives the user's first selection operation on the user interface for the first icon, it needs to enlarge the first icon.

[0088] In some embodiments, the magnification process for the first icon includes: magnifying the display area of ​​the first icon and magnifying the font size of the text in the first icon. The controller 250 magnifies the font size of the text in the first icon and magnifies the display area of ​​the first icon according to a target magnification factor, resulting in a magnified first icon. Compared to the original first icon, the magnified first icon has a larger display area and a larger font size.

[0089] In some embodiments, the target magnification factor can be a first magnification factor scale 1 that is preset and stored in the display device 200.

[0090] In some embodiments, the first magnification factor scale 1 can be stored in the memory of the display device 200. In some examples, the first magnification factor scale 1 can be the factor by which the first icon needs to be magnified, for example, when the first icon needs to be magnified by two times, the first magnification factor scale 1 = 2; or, the first magnification factor scale 1 can also be the proportion (such as a percentage) by which the first icon needs to be magnified, for example, when the first icon needs to be magnified by 12%, the first magnification factor scale 1 = 1 + 12%.

[0091] For example, scaling up the font size of the text in the first icon according to the first scaling factor scale 1 may include: scaling up the font size of the text in the first icon by a multiple of the first scaling factor scale 1. For example, when the font size of the text in the first icon is A1 (e.g., the font size is A1), according to the first scaling factor scale 1, the scaled font size of the text in the first icon is A2, where A2 = A1 * scale 1.

[0092] For example, scaling up the display area of ​​the first icon according to the first scaling factor scale 1 includes scaling up the coordinate information corresponding to the display area of ​​the first icon according to the first scaling factor scale 1. For example, the coordinates S1 (x, y, z, w) of the display area of ​​the first icon are scaled up to S2 (x*scale 1, y*scale 1, z*scale 1, w*scale 1) according to the first scaling factor scale 1.

[0093] It should be noted that when magnifying the coordinate information of the display area of ​​the first icon, it is also possible to magnify only a portion of the coordinate information within the display area of ​​the first icon. For example, according to the first magnification factor scale 1, the magnified coordinates of the display area of ​​the first icon are S2(x, y*scale 1, z*scale 1, w*scale 1), where x in coordinate S2 is not magnified, while y, z, and w in coordinate S2 are magnified according to the first magnification factor scale 1. The magnification of the coordinate information of the display area of ​​the first icon can be set according to actual needs, and this application does not impose any limitations on it.

[0094] Figure 9Another schematic diagram of font magnification provided by the embodiments of the present application. When the "Education" icon is selected, the view obtains the focus information and passes the first magnification factor scale 1 as a rendering instruction to Skia for rendering. Taking the drawn text as "Education", the font size A1 = 30px, the font color is black, the font format is regular Song typeface, and the first icon magnification ratio is 12% (i.e., the first magnification factor scale 1 = 1 + 12%) as an example, the font magnification process in the embodiments of the present application is illustrated by way of example.

[0095] First, in TextView, by passing the rendering instruction setText, the skFontMgr determines that the font format is the regular Song typeface library according to the rendering instruction; and determines the drawing transformation matrix according to the first magnification factor scale 1 and determines the clipping regions of "Jiao" and "Yu" respectively, obtaining (b) in Figure 9 as follows.

[0096] Then, according to the parsed first magnification factor scale 1, the coordinate information of the magnified "Jiao" is determined as (x21, y21, w21, h21) and the coordinate information of "Yu" is determined as (x22, y22, w22, h22), where y21 = y22, w21 = w22 = scale 1 * w1 = (1 + 12%) * w1, h21 = h22 = scale1 * h1 = (1 + 12%) * h1. It should be noted that the original (i.e., when no magnification processing is performed) coordinate information of "Jiao" is (x1, y1, w1, h1), and the original coordinate information of "Yu" is (x2, y2, w2, h2).

[0097] At the same time, according to the parsed font size information A1 (such as 30px) and the first magnification factor scale 1, the actual drawing font size of the magnified font is determined as A2, where A2 = A1 * scale 1 = 30 * (1 + 12%)px. After completing the magnification of the coordinate information and font size of "Jiao" and "Yu", (c) in Figure 9 as follows is obtained.

[0098] Finally, according to the parsed font color information (such as black), the font color adaptation of "Jiao" and "Yu" is completed respectively, and the final display content is rendered, obtaining (d) in Figure 9 as follows. Compared with (d) in Figure 7 as follows, Figure 9 in (d) as follows, while the display areas of "Jiao" and "Yu" are magnified according to the first magnification factor scale1, the font size is also magnified according to the first magnification factor scale 1.

[0099] Therefore, the embodiments of this application improve the font drawing process in the related technology. When the focus view is magnified, the drawn font is not simply stretched according to the target magnification factor (such as the first magnification factor scale 1) for the clipping area. Instead, the coordinates corresponding to the clipping area are transformed proportionally, and the font size of the drawn font is also transformed proportionally. This ensures that when the display area of ​​the first icon is magnified, the font size is also magnified accordingly, so that the font will not have a decrease in clarity when the magnified first icon is displayed.

[0100] In step S830, control the display 260 to display the magnified first icon.

[0101] After enlarging the display area of ​​the first icon and the font size of the text in the first icon according to the target magnification factor, the enlarged first icon is obtained. The controller 250 controls the display 260 to display the enlarged first icon.

[0102] In summary, the display device 200 and display method provided in this application embodiment, in response to a user's first selection operation on a first icon input on the user interface, enlarge the font size of the text in the first icon and enlarge the display area of ​​the first icon according to a target magnification factor, resulting in an enlarged first icon, and then controlling the display 260 to display the enlarged first icon. Since both the display area of ​​the enlarged first icon and the font size of the text in the first icon are enlarged according to the target magnification factor, the font in the enlarged first icon will not appear unclear when it is selected and enlarged for display. This application embodiment can optimize the display effect of enlarged fonts in the user interface, improve the clarity of enlarged fonts, and enhance the user experience without increasing hardware costs or hardware consumption.

[0103] In some embodiments, the user interfaces (UIs) of different applications can correspond to their respective resolutions. The resolutions corresponding to the UIs of different applications can be the same or different. For example, the UIs of multiple applications running on display device 200 can all correspond to a 2K (1920*1080) resolution, or some of the applications may have a 2K resolution UI, while others may have a 4K (1920*1080) resolution UI. In some examples, the resolution of the application's UI is related to the resolution of display 260. For example, a 2K resolution UI can be displayed on a 2K resolution display 260, or a 2K resolution UI can also be displayed on a display 260 with a resolution greater than 2K (such as 4K). When a low-resolution (e.g., 2K) UI is displayed on a high-resolution (e.g., 4K) display 260, the display will appear blurry. In particular, when a 2K UI is enlarged on a 4K display 260, the display will be even blurrier, and the blurriness of the font in the application icons will be more pronounced.

[0104] However, with the development of display devices (such as televisions), 4K resolution displays are widely used in televisions, while most applications on televisions still use 2K resolution UIs. Compared to 2K UIs, 4K UIs significantly increase the demands on hardware computing power and memory bandwidth, placing higher demands on hardware performance. Insufficient hardware performance can lead to display distortion or garbled text. Furthermore, televisions run a large number of applications from various parties, and adapting each application to a 4K UI would also place high demands on hardware performance. Additionally, since the software applications installed on televisions may come from various third parties, promoting their adoption presents a significant challenge. Therefore, replacing all 2K applications with 4K applications for display on 4K displays would increase hardware costs and is not easily implemented.

[0105] In this embodiment, the first icon is enlarged according to the target magnification factor, which can improve the problem of reduced font clarity caused by the inconsistency between the resolution of the display 260 and the resolution of the target application.

[0106] Figure 10 A flowchart illustrating another display method provided in some embodiments of this disclosure, such as... Figure 10 As shown, step S820 in the above steps may include steps S821 to S824 as shown below.

[0107] Step S821: Obtain the resolution of the display 260 and the resolution of the target application.

[0108] In some embodiments, the resolution of the display 260 is greater than or equal to the resolution of the target application. This application embodiment illustrates an example where the resolution of the display 260 is greater than the resolution of the target application. For example, the resolution of the display 260 is R1 (e.g., R1 is 4K), and the resolution of the target application is R2 (e.g., R2 is 2K).

[0109] For example, the resolution of the display 260 and the resolution of the target application can be pre-stored in the memory of the display device 200. When the controller 250 receives the user's selection operation of the first icon on the user interface, it can retrieve the resolution of the target application corresponding to the user interface and the resolution of the display 260 from the memory.

[0110] Step S822: Calculate the ratio of the resolution of the display 260 to the resolution of the target application to obtain the second magnification factor.

[0111] For example, the second magnification factor, scale 2, can be the ratio of the resolution of the display 260 (R1) to the resolution of the target application (R2), i.e., scale 2 = R1 / R2. For instance, when the resolution of the display 260 (R1) is 4K and the resolution of the target application (R2) is 2K, the second magnification factor, scale 2, is 2. Therefore, the second magnification factor, scale 2, can be calculated after obtaining the resolution of the display 260 and the resolution of the target application.

[0112] Step S823: Multiply the first amplification system and the second amplification factor to obtain the target amplification factor.

[0113] In some embodiments, the target amplification factor can be determined based on the first amplification system and the second amplification factor. After obtaining the second amplification system scale2, the controller 250 calculates the target amplification factor scale3 based on the first amplification factor scale1 and the second amplification system scale2.

[0114] In some examples, the target amplification factor scale 3 can be the product of the first amplification factor scale 1 and the second amplification factor scale 2, i.e., scale 3 = scale 1 * scale 2. For example, when the first amplification factor scale 1 = 1 + 12% and the second amplification factor scale 2 = 2, the target amplification factor scale 3 = scale 1 * scale 2 = (1 + 12%) * 2.

[0115] Step S824: Based on the target magnification factor, enlarge the font size of the text in the first icon and enlarge the display area of ​​the first icon to obtain the magnified first icon.

[0116] The font size of the text in the first icon is enlarged according to the target magnification factor of scale 3. For example, if the font size of the text in the first icon is A1, after being enlarged by the target magnification factor of scale 3, the font size of the text in the enlarged first icon is A3, where A3 = A1 * scale 3.

[0117] In some examples, the display area of ​​the first icon is enlarged according to a target magnification factor of scale 3. For example, the coordinates of the first icon's display area are S1(x, y, z, w), and the coordinates of the enlarged first icon's display area after scale 3 are S3(x*scale 3, y*scale 3, z*scale 3, w*scale 3). It should be noted that when enlarging the coordinate information of the first icon's display area, only a portion of the coordinate information can be enlarged. For example, based on a first magnification factor of scale 1, the enlarged coordinates of the first icon's display area are S3(x, y*scale 3, z*scale 3, w*scale 3), where x in coordinate S3 is not enlarged, while y, z, and w in coordinate S3 are enlarged according to the target magnification factor of scale 3. The enlargement of the coordinate information of the first icon's display area can be set according to actual needs.

[0118] In other examples, the coordinate information of the display area of ​​the first icon can be magnified according to the first magnification factor scale 1 and / or the second magnification factor scale 2 respectively. For example, the coordinates S1 (x, y, z, w) of the display area of ​​the first icon can be magnified according to the first magnification factor scale 1 and / or the second magnification factor scale 2 to the coordinates S3 (x, y*scale 2, z*scale 1*scale 2, w*scale 1*scale 2). In coordinates S3, x is not magnified, y is magnified according to the second magnification factor scale 2, and z and w are magnified according to the first magnification factor scale 1 and the second magnification factor scale 2 (e.g., the target magnification factor scale 3) respectively. In specific implementations, the magnification of the coordinate information of the display area of ​​the first icon can be set according to actual needs, and this application does not limit this.

[0119] Figure 11 This is another schematic diagram illustrating font enlargement provided in an embodiment of this application. For example... Figure 11As shown, when the UI of the target application with a resolution of 2K is displayed on a 4K monitor, since the length and width of the 4K resolution are respectively twice the length and width of the 2K resolution, when drawing and rendering fonts, it is necessary to multiply the original size of the view by 2.

[0120] As Figure 11 shown, when the "Education" icon is selected, the view obtains the focus information, and then the target magnification factor information is passed as a drawing instruction to Skia for rendering. Taking the text to be drawn as "Education", the font size as A1 = 30px, the font color as black, the font format as regular Song typeface, the first magnification factor scale1 = 1 + 12%, and the second magnification factor scale 2 = 2 as an example for illustration.

[0121] First, in TextView, by passing the drawing instruction setText, the SkFontMgr determines that the font format is the regular Song typeface library according to the drawing instruction; and determines the drawing transformation matrix according to the first magnification factor scale 1 and the second magnification factor scale 2, and respectively determines the clipping regions of "教" and "育", obtaining (b) in Figure 11 as follows.

[0122] Then, according to the parsed first magnification factor scale 1 and the second magnification factor scale 2, the coordinate information of "教" is determined as (x31, y31, w31, h31), and the coordinate information of "育" is determined as (x32, y32, w32, h32). Among them, x31 = x1 * scale 2 = x1 * 2, x32 = x2 * scale 2 = x2 * 2, y31 = y32 = y1 * scale2 = y1 * 2, w31 = w32 = scale1 * scale 2 * w1 = (1 + 12%) * 2 * w1, h31 = h32 = scale 1 * scale 2 * h1 = (1 + 12%) * 2 * h1. It should be noted that the original (i.e., when no magnification is performed) coordinate information of "教" is (x1, y1, w1, h1), and the original coordinate information of "育" is (x2, y2, w2, h2).

[0123] At the same time, according to the parsed font size information A1 (such as 30px), the first magnification factor scale 1, and the second magnification factor scale 2, the actual drawn font size of the magnified font is determined as A3, where A3 = A1 * scale 1 * scale 2 = 30 * (1 + 12%) * 2px. After completing the magnification of the coordinate information and font size of "教" and "育", (c) in Figure 11 as follows is obtained.

[0124] Finally, according to the parsed font color information (such as black), the font colors of "education" and "teaching" are respectively adapted, and the final display content is rendered to obtain (d) in Figure 11 as shown in. Compared with Figure 9 (d) in Figure 11 (d), the font sizes of "education" and "teaching" in (d) are not only related to the first magnification factor scale1, but also related to the ratio of the resolution of the display to the resolution of the UI of the target application (i.e., the second magnification factor scale 2). Therefore, the situation of unclear fonts when the target application with a low resolution (such as 2K) is displayed on a high-resolution (such as 4K) display 260 is optimized.

[0125] In some embodiments, the user interface of the target application further includes a second icon, and the controller 250 is further configured to: receive a second selection operation of the second icon input by the user on the user interface; in response to the second selection operation, control the display 260 to display the first icon; wherein, the font size of the text in the first icon is smaller than the font size of the text in the magnified first icon.

[0126] Exemplarily, the user can switch the first icon to the second icon to select the second icon. In some examples, the second icon can be any icon other than the first icon in the user interface of the target application, and the second selection operation is used to indicate that the second icon is selected.

[0127] When the user inputs a second selection operation on the second icon, the second icon will present a magnified effect. The magnification process of the second icon is similar to the magnification process of the first icon in the above embodiments. To avoid repetition, it will not be elaborated here. While magnifying and displaying the second icon, the display 260 also needs to display the first icon. That is to say, the display 260 needs to restore the magnified first icon to the first icon.

[0128] In some examples, when the magnified first icon is restored to the first icon, that is, when the first icon is not selected, the font size of the text in the first icon is displayed according to its original font size A1, and the controller 250 does not need to perform additional adaptation work. For example, the controller 250 can obtain the original font size A1 of the text in the first icon from the memory and control the display 260 to display the font size A1.

[0129] In some examples, the display area of ​​the first icon is restored according to the target magnification factor, and the first icon is displayed. For example, the coordinate information S3 (x*scale3, y*scale3, z*scale3, w*scale3) of the magnified display area of ​​the first icon can be converted into the coordinate information S1 (x, y, z, w) of the display area of ​​the first icon according to the target magnification factor. For example, the coordinate information S3 of the magnified display area of ​​the first icon can be reduced by a factor of 3 (scale3) to obtain the coordinate information S1 of the display area of ​​the first icon. This process is similar to the magnification process of the display area of ​​the first icon, and will not be described in detail here. Alternatively, the controller 250 can also obtain the coordinate information S1 of the display area of ​​the first icon from the memory and display it. This application does not limit this.

[0130] Numerous specific details are set forth in the specification provided herein. However, it will be understood that embodiments of this application may be practiced without these specific details. Similarly, for the purpose of simplification and aiding understanding of one or more aspects of the invention, in the above description of exemplary embodiments of this application, various features of the embodiments are sometimes grouped together in a single embodiment, figure, or description thereof. The claims, which follow the detailed description, are hereby expressly incorporated into that detailed description, wherein each claim itself is a separate embodiment of this application.

[0131] Those skilled in the art will understand that the modules in the device of the embodiment can be adaptively changed and placed in one or more devices different from that embodiment. Modules, units, or components in the embodiment can be combined into a single module, unit, or component, and further, they can be divided into multiple sub-modules, sub-units, or sub-components, except that at least some of such features and / or processes or units are mutually exclusive.

[0132] It should be noted that the above embodiments are illustrative of this application and not restrictive, and those skilled in the art can devise alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses should not be construed as limiting the claims. The word "comprising" does not exclude the presence of elements or steps not listed in the claims. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. This application can be implemented by means of hardware comprising several different elements and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by the same item of hardware. The use of the words first, second, and third, etc., does not indicate any order. These words can be interpreted as names. The steps in the above embodiments, unless otherwise specified, should not be construed as limiting the order of execution.

Claims

1. A display device, characterized by comprising: The method comprises: a display configured to display a user interface corresponding to a target application, the user interface comprising a first icon and a second icon; a controller coupled to the display and configured to: receive a first selection operation of the first icon input by a user on the user interface; in response to the first selection operation, acquire a resolution of the display and a resolution of the target application in a memory of the display device, the resolution of the display being greater than the resolution of the target application; calculate a ratio of the resolution of the display and the resolution of the target application to obtain a second magnification coefficient; multiply a first magnification coefficient preset and the second magnification coefficient to obtain a target magnification coefficient; add the target magnification coefficient to a drawing instruction and send the drawing instruction to a graphics engine through a canvas application interface, so that the graphics engine parses the drawing instruction to obtain the target magnification coefficient, an original font size of text in the first icon, a font color, a font format, a clipping area of the text in the first icon, and a display area of the first icon, and calculates a product of the original font size and the target magnification coefficient to obtain an enlarged font size, enlarges the clipping area according to the target magnification coefficient, and enlarges the display area according to the target magnification coefficient, and draws an enlarged first icon based on the enlarged font size, the font color, the font format, the enlarged clipping area, and the enlarged display area, the clipping area being used to represent an effective range of text drawing; control the display to display the enlarged first icon; receive a second selection operation of the second icon input by the user on the user interface; in response to the second selection operation, control the display to display the first icon; wherein the font size of the text in the first icon is smaller than the font size of the text in the enlarged first icon.

2. The display device according to claim 1, wherein The controller performs the acquisition of the resolution of the display and the resolution of the target application in the memory of the display device, and is further configured to: if it is detected that the first icon comprises text, acquire the resolution of the display and the resolution of the target application in the memory of the display device.

3. A display method characterized by comprising: The method comprises: receiving a first selection operation of a first icon input by a user on a user interface corresponding to a target application; acquiring a resolution of a display and a resolution of the target application in a memory of a display device; calculating a ratio of the resolution of the display and the resolution of the target application to obtain a second magnification coefficient; multiplying a first magnification coefficient preset and the second magnification coefficient to obtain a target magnification coefficient; add the target magnification factor to the drawing instruction, and send the drawing instruction to the graphics engine through a canvas application interface, so that the graphics engine parses the drawing instruction to obtain the target magnification factor, the original font size of the text in the first icon, the font color, the font format, the clipping area of the text in the first icon, the display area of the first icon, and calculates the product of the original font size and the target magnification factor to obtain a magnified font size, magnifies the clipping area according to the target magnification factor, and magnifies the display area according to the target magnification factor, and draws the magnified first icon based on the magnified font size, the font color, the font format, the magnified clipping area and the magnified display area, and the clipping area is used to represent the effective range of text drawing; control the display to display the magnified first icon; receive a second selection operation of a second icon input by a user on the user interface; control the display to display the first icon; wherein the font size of the text in the first icon is smaller than the font size of the text in the magnified first icon.

Images