A display method, device, electronic device and medium based on smart screen

Abstract

The embodiment of the present application discloses a display method based on a smart screen. When a mobile application is displayed on the smart screen, the resolution of a pre-set drawing window is obtained, and the window of the mobile application is drawn according to the resolution of the drawing window to obtain a target window, and then the target window is displayed. Furthermore, in order to improve the integrity and clarity of the display, the DPI of the smart screen can be set to a preset threshold, and then the target window is displayed according to the DPI. That is, when displaying a mobile application, it is no longer displayed according to the original display mode of the smart screen, but is displayed according to the preset resolution of the drawing window and the preset DPI, so that the display effect is close to the display effect of the mobile application on the mobile terminal, ensuring that the mobile application is displayed normally on the smart screen, and avoiding confusion or incomplete display problems.

Description

Technical Field

[0001] The present application relates to image processing technology, and specifically to a display method, device, electronic device and medium based on a smart screen. Background Art

[0002] With the continuous improvement of TV hardware performance, traditional TVs are gradually developing towards smart screens. Smart screens have made great improvements in content and interaction methods compared to traditional TVs. TV applications usually have the following characteristics: default horizontal screen display, mainly support direction key operation, mainstream screen resolution is 4k / 8k (UI is actually output in 1080p), dots per inch (dpi) is less than 320, etc.

[0003] Due to the booming development of the mobile ecosystem and the relatively closed TV industry, the richness of TV applications is far less than that of mobile phone applications. However, with the diversification of smart screen operation methods, it has become possible to run and use mobile applications on TV, which is also the highlight of the publicity of smart screen manufacturers. Smart screen manufacturers usually design mobile applications to be displayed vertically in the center of the TV (with black on the left and right sides). Since mobile applications are mainly designed to adapt to the resolution and dpi of mainstream mobile phones, various UI confusion or incomplete display problems will occur when they are displayed vertically in the center of the TV. Summary of the invention

[0004] In view of this, the embodiments of the present application provide a display method, device, electronic device and medium based on a smart screen to achieve a more reasonable display of mobile applications on the smart screen.

[0005] To solve the above problems, the technical solutions provided in the embodiments of the present application are as follows:

[0006] In a first aspect of an embodiment of the present application, a display method based on a smart screen is provided, the method comprising:

[0007] Obtaining a resolution of a drawing window, where the resolution of the drawing window is determined according to a screen resolution of the mobile terminal;

[0008] Draw the window of the mobile application according to the resolution of the drawing window to obtain a target window;

[0009] The target window is displayed.

[0010] In a specific implementation, drawing the window of the mobile application according to the resolution of the drawing window to obtain the target window includes:

[0011] Drawing a window of the mobile application according to the resolution of the drawing window to obtain a first window;

[0012] In response to the height resolution of the canvas being smaller than the height resolution of the drawing window, acquiring a first adjustment parameter;

[0013] The first window is adjusted according to the first adjustment parameter to obtain a target window.

[0014] In a specific implementation, in response to the height resolution of the canvas being smaller than the height resolution of the drawing window, obtaining a first adjustment parameter includes:

[0015] In response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being equal to the screen resolution of the smart screen, obtaining a first adjustment parameter, where the first adjustment parameter is used to reduce the first window;

[0016] The step of adjusting the first window according to the first adjustment parameter to obtain a target window includes:

[0017] The first window is reduced and adjusted according to the first adjustment parameter to obtain a target window.

[0018] In a specific implementation, in response to the height resolution of the canvas being smaller than the height resolution of the drawing window, obtaining a first adjustment parameter includes:

[0019] In response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being smaller than the screen resolution of the smart screen, obtaining a first parameter and a second parameter, wherein the first parameter is used for zooming out and the second parameter is used for zooming in;

[0020] The step of adjusting the first window according to the first adjustment parameter to obtain a target window includes:

[0021] The first window is adjusted using the first parameter and the second parameter to obtain a target window.

[0022] In a specific implementation manner, the adjusting the first window by using the first parameter and the second parameter to obtain a target window includes:

[0023] Using the first parameter to reduce the first window, to obtain a second window;

[0024] The second window is enlarged and adjusted using the second parameter to obtain a target window.

[0025] In a specific implementation manner, the adjusting the first window by using the first parameter and the second parameter to obtain a target window includes:

[0026] Obtaining a target parameter according to the first parameter and the second parameter;

[0027] The first window is adjusted using the target parameter to obtain a target window.

[0028] In a specific implementation, the first parameter is determined by a target height resolution and a height resolution of the drawing window, and the target height is less than or equal to a height of the canvas.

[0029] In a specific implementation manner, the second parameter is determined by dividing the screen resolution by the resolution of the canvas.

[0030] In a specific implementation, drawing the window of the mobile application according to the resolution of the drawing window to obtain the target window includes:

[0031] Drawing a window of the mobile application according to the resolution of the drawing window to obtain a first window;

[0032] In response to the height resolution of the canvas being greater than or equal to the height resolution of the drawing window and the resolution of the canvas being less than the screen resolution, obtaining a second adjustment parameter;

[0033] The first window is enlarged and adjusted according to the second adjustment parameter to obtain a target window.

[0034] In a specific implementation, the second adjustment parameter is determined according to the screen resolution of the smart screen and the resolution of the canvas.

[0035] In a specific implementation, the method further includes:

[0036] Set the dots per inch (DPI) to a preset threshold;

[0037] The displaying of the target window comprises:

[0038] The target window is displayed according to the DPI.

[0039] In a specific implementation manner, the preset threshold is determined according to a DPI corresponding to the mobile application when it is displayed on a mobile terminal.

[0040] In a second aspect of the embodiment of the present application, a display device based on a smart screen is provided, the device comprising:

[0041] A first acquisition unit, configured to acquire a resolution of a drawing window, wherein the resolution of the drawing window is determined according to a screen resolution of the mobile terminal;

[0042] A second acquisition unit is used to draw the window of the mobile application according to the resolution of the drawing window to obtain a target window;

[0043] A display unit is used to display the target window.

[0044] In a third aspect of the embodiments of the present application, an electronic device is provided, the device comprising: a processor and a memory;

[0045] The memory is used to store instructions or computer programs;

[0046] The processor is used to execute the instructions or computer programs in the memory so that the electronic device executes the method described in the first aspect.

[0047] In a fourth aspect of the embodiments of the present application, a computer-readable storage medium is provided, comprising instructions, which, when executed on a computer, enable the computer to execute the method described in the first aspect above.

[0048] It can be seen that the embodiments of the present application have the following beneficial effects:

[0049] The embodiment of the present application provides a display method. When displaying a mobile application on a smart screen, a preset resolution of a drawing window is obtained to draw the window of the mobile application according to the resolution of the drawing window, obtain a target window, and then display the target window. Among them, the resolution of the drawing window is determined according to the screen resolution of the mobile terminal. Furthermore, in order to improve the integrity and clarity of the display, the DPI of the smart screen can be set to a preset threshold, and then the target window is displayed according to the DPI. That is, when displaying a mobile application, it is no longer displayed according to the original display method of the smart screen, but is displayed according to the preset resolution of the drawing window and the preset DPI, so that the display effect is close to the display effect of the mobile application on the mobile terminal, ensuring that the mobile application is displayed normally on the smart screen, and no confusion or incomplete display problems will occur. BRIEF DESCRIPTION OF THE DRAWINGS

[0050] Figure 1a A schematic diagram of a mobile application displayed on a smart screen;

[0051] Figure 1b Displaying a display image on a smart screen for another mobile application;

[0052] Figure 2 A flow chart of a display method based on a smart screen provided in an embodiment of the present application;

[0053] Figure 3a A display effect diagram of a smart screen displaying a mobile application provided in an embodiment of the present application;

[0054] Figure 3b Another display effect diagram of a smart screen display mobile application provided in an embodiment of the present application;

[0055] Figure 3c A display effect diagram of another smart screen display mobile application provided in an embodiment of the present application;

[0056] Figure 3d A display effect diagram of another smart screen display mobile application provided in an embodiment of the present application;

[0057] Figure 3e A display effect diagram of another smart screen display mobile application provided in an embodiment of the present application;

[0058] Figure 4 A structural diagram of a display device based on a smart screen provided in an embodiment of the present application;

[0059] Figure 5 A structural diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0060] In order to make the above-mentioned purposes, features and advantages of the present application more obvious and easy to understand, the embodiments of the present application are further described in detail below in conjunction with the accompanying drawings and specific implementation methods. It is understood that the specific embodiments described herein are only used to explain the present application and are not intended to limit the present application. In addition, it should be noted that, for ease of description, only the parts related to the present application are shown in the accompanying drawings, not all structures.

[0061] In the research on the solutions for displaying mobile applications on traditional smart screens, it was found that various smart screen manufacturers usually design mobile applications to be displayed in the center of the vertical screen on the TV (with black on the left and right sides). Since mobile applications are developed for mobile terminals, they have the following characteristics: most applications are displayed in vertical screen by default, mainly support touch, the mainstream screen resolution is greater than or equal to 1080p, less than or equal to 2k, DPI is greater than 320 (mid-to-high-end is 400+), etc. However, smart screens are displayed in horizontal screen by default, mainly support direction key operations, the mainstream screen resolution is 4k / 8k (the UI is actually output in 1080p), and the DPI is less than 320. Usually, mobile applications are mainly designed to adapt to the resolution and DPI of mainstream mobile phones, which leads to various UI confusion and incomplete display problems when displayed in the center of the vertical screen on the TV, such as Figure 1a and Figure 1b The display effect diagram shown.

[0062] Based on this, an embodiment of the present application provides a display method based on a smart screen, in which the resolution of the drawing window is set in advance according to the display effect of the mobile application on the mobile terminal. When displaying the mobile application, the window of the mobile application is drawn according to the resolution of the drawing window to obtain the target window, and then the target window is displayed. At the same time, the DPI of the smart screen can be set to a preset threshold, which is also determined according to the DPI of the mobile terminal. Then, the smart screen displays the target window according to the DPI, so that the display effect can be close to the display effect of the mobile terminal, avoiding display confusion and incomplete display problems, and improving the user experience.

[0063] To facilitate understanding of the technical solutions provided by the embodiments of the present application, the technical terms involved in the embodiments of the present application will be explained below.

[0064] Monitor resolution refers to the physical resolution of the computer monitor itself, usually expressed in the form of "horizontal number of pixels * vertical number of pixels", such as 800*600, 1024*768, 1280*1024, etc.

[0065] Screen resolution (display resolution) is the precision of the screen image, which refers to how many pixels the monitor can display. Screen resolution refers to the resolution used by the computer when actually displaying an image. The screen resolution must be less than or equal to the monitor resolution, while the monitor resolution describes the number of pixels on the monitor itself, which is inherent and cannot be changed.

[0066] Image resolution refers to the resolution of a digital image saved and displayed in a computer, and it is directly related to the pixels of the image. For example, a picture with a resolution of 640*480 pixels has a resolution of 307,200 pixels, which is often called 300,000 pixels; and a picture with a resolution of 1600*1200 has a pixel of 2 million. Image resolution refers to the number of dots in the length and width of the picture. Image resolution determines the quality of the image. For a picture of the same size, if the image resolution is higher, the number of image pixels that make up the picture is greater, the pixel points are smaller, and the image is clearer and more realistic.

[0067] Image resolution and display resolution are two different concepts: display resolution is used to determine the size of the area where an image is displayed, while image resolution is used to determine the number of pixels that make up an image. For example, on a display with a resolution of 1024*768, an image with a resolution of 320*240 occupies about 1 / 12 of the display, while an image with a resolution of 2400*3000 cannot be fully displayed on this display.

[0068] For images with the same image resolution, the lower the screen resolution (such as 800*600), the image looks larger, but fewer items are displayed on the screen; the higher the screen resolution (such as 1024*768), the smaller the image looks.

[0069] To facilitate understanding of the technical solution provided by the embodiments of the present application, it will be described below with reference to the accompanying drawings.

[0070] Figure 2 This is a flow chart of a display method based on a smart screen provided in the first embodiment of the present disclosure. This embodiment can be executed by a display device, which can be implemented by software and / or hardware and integrated into the smart screen. Figure 2 As shown, the method specifically comprises the following steps:

[0071] S201: Obtain the resolution of the drawing window.

[0072] In this embodiment, the resolution of the drawing window can be pre-set, and the resolution of the drawing window is determined according to the screen resolution of the mobile terminal. For example, under normal circumstances, the screen resolution of the mobile terminal is greater than or equal to 1080p, and the size of the drawing window can be set to 1080*1920 pixels. In addition, when the resolution of the drawing window is determined according to the screen resolution of the mobile terminal, it can be further determined according to the screen resolution of the smart screen. Under normal circumstances, the screen resolution of the smart screen is proportionally reduced to obtain the resolution of the first drawing window, and it is determined whether the resolution of the first drawing window matches the resolution of the second drawing window determined according to the screen resolution of the mobile terminal. If so, the resolution of the first drawing window can be used as the final resolution of the drawing window; otherwise, the resolution of the second drawing window is used as the final resolution of the drawing window. Among them, judging whether the resolution of the first drawing window matches the resolution of the second drawing window means that the resolution of the first drawing window is greater than or equal to the resolution of the second drawing window. For example, if the screen resolution of the smart screen is 4k (3840*2160), the unit is pixel, then the resolution of the first drawing window can be 1080*1920, and the resolution of the second drawing window is 1080*1920, then the resolution of the first drawing window can be determined as the final resolution of the drawing window; if the screen resolution of the smart screen is 8k (7680*4320 pixels), then the resolution of the first drawing window can be 2560*1440 or 3840*2160, and the resolution of the second drawing window is 1080*1920, then the resolution of the first drawing window can be determined as the final resolution. When the mobile application is started on the smart screen, the pre-set resolution of the drawing window can be read from the local storage.

[0073] S202: Draw the window of the mobile application according to the resolution of the drawing window to obtain a target window.

[0074] After obtaining the resolution of the drawing window, the window of the mobile application is drawn according to the resolution of the drawing window to obtain the target window. The mobile application can be fully displayed after the mobile terminal is started. The method of obtaining the target window may include the following methods:

[0075] One is that, in response to the height resolution of the canvas being greater than or equal to the height resolution of the drawing window and the resolution of the canvas being equal to the screen resolution, the window of the mobile application is drawn according to the resolution of the drawing window, and the drawn window is used as the target window. That is, when the resolution of the canvas is equal to the screen resolution and the height resolution of the canvas is greater than the height resolution of the drawing window, the display does not need to enlarge the content of the canvas when displaying the content of the canvas. At the same time, since the height resolution of the canvas is greater than the height resolution of the drawing window, the entire drawn window can be displayed when displaying, that is, the drawn window is the target window. For example, Figure 3a As shown, the screen resolution and canvas resolution are both 3840*2160, and the resolution of the drawing window is 1215*2160.

[0076] When displaying a mobile application, the smart screen will first draw the mobile application window on the canvas according to the height resolution of the drawing window. After the drawing is completed on the canvas, the smart screen will scale the drawn mobile application window according to the resolution of the display screen and the resolution of the canvas, so that the mobile application window drawn on the canvas can be displayed on the display screen.

[0077] The other is that, in response to the height resolution of the canvas being greater than or equal to the height resolution of the drawing window and the resolution of the canvas being less than the screen resolution, the window of the mobile application is first drawn according to the resolution of the drawing window to obtain a first window; a second adjustment parameter is obtained, and the first window is adjusted according to the second adjustment parameter to obtain a target window. Specifically, the system draws the mobile application according to the resolution of the drawing window to obtain a first window, and outputs the first window to the display, and the display enlarges the first window using the second adjustment parameter to obtain a target window. Alternatively, without considering memory factors, the system first enlarges the first window using the second adjustment parameter to obtain a target window; and then outputs the target window to the display for direct display. The second adjustment parameter is determined based on the screen resolution of the smart screen and the resolution of the canvas. For example, the second adjustment parameter is equal to the screen resolution of the smart screen divided by the resolution of the canvas. In addition, under normal circumstances, the screen resolution and the resolution of the canvas are proportional, so the second adjustment parameter is equal to the height resolution of the screen divided by the height resolution of the canvas. For example, Figure 3bAs shown, the resolution of the drawing window is 1080*1920 pixels, the resolution of the canvas is 3840*2160 pixels, and the resolution of the screen is 7680*4320 pixels. The second adjustment parameter = 7680 / 3840 = 2, and the resolution of the target window is (1080*2)*(1920*2)=2160*3840.

[0078] Another method is that, in response to the height resolution of the canvas being less than the height resolution of the drawing window, a first adjustment parameter is obtained, and the first window is adjusted according to the first adjustment parameter to obtain a target window. In the case where the height resolution of the canvas is less than the height resolution of the drawing window, in order to ensure the integrity of the subsequent display, the first window will be adjusted according to the first adjustment parameter to obtain a target window, and then the target window will be displayed. In this case, the following two cases will be discussed separately:

[0079] In one example, in response to the height resolution of the canvas being less than the height resolution of the drawing window and the resolution of the canvas being equal to the screen resolution of the smart screen, a first adjustment parameter is obtained, and the user adjusts the first window to be smaller than the first window according to the first adjustment parameter, and the target window is obtained. That is, when the height resolution of the canvas is less than the height resolution of the drawing window and the resolution of the canvas is equal to the screen resolution of the smart screen, only the first window can be adjusted to be smaller to obtain the target window. The first adjustment parameter is determined according to the height resolution of the canvas and the height resolution of the drawing window. For example, Figure 3c As shown, the resolution of the canvas and the screen resolution are both 1920*1080 pixels, the resolution of the drawing window is 1080*1920 pixels, the height resolution of the canvas is 1080 pixels, and the height resolution of the drawing window is 1920 pixels. The first adjustment parameter = 1080 / 1920 = 0.5625, and the resolution of the drawing window is reduced to obtain a target window resolution of (1080*0.5625)*(1920*0.5625)=608*1080 pixels, which is directly displayed and output by the display.

[0080] In another example, in response to the height resolution of the canvas being less than the height resolution of the drawing window and the resolution of the canvas being less than the screen resolution of the smart screen, a first parameter and a second parameter are obtained, the first parameter being used for zooming out and the second parameter being used for zooming in; the first window is adjusted according to the first parameter and the second parameter to obtain a target window. That is, when the height resolution of the canvas is less than the height resolution of the drawing window and the resolution of the canvas is less than the screen resolution of the smart screen, the first drawn window will be zoomed in and zoomed in first, and then the target window will be obtained. Among them, the first parameter can be determined by the target height resolution and the height resolution of the drawing window, and the target height resolution can be pre-determined according to the actual application situation, and the target height resolution is less than or equal to the height resolution of the canvas. For example, the first parameter is equal to the height resolution of the canvas divided by the height resolution of the drawing window. The second parameter is determined by the screen resolution divided by the resolution of the canvas. Usually, the resolution of the screen is proportional to the resolution of the canvas, so the second parameter can be determined by the height resolution of the screen and the height resolution of the canvas or by the length resolution of the screen and the length resolution of the canvas.

[0081] Specifically, after drawing the first window, the system can use the first parameter to reduce the first window to obtain the second window, so that the height resolution of the second window is within the height resolution of the canvas; the system outputs the second window to the display, and the display uses the second parameter to enlarge the second window and output the target window. For example, Figure 3d As shown, the screen resolution is 3840*2160 pixels, the canvas resolution is 1920*1080 pixels, the resolution of the drawn first window is 1080*1920, the first parameter = 1080 (height resolution of the canvas) / 1920 (height resolution of the first window) = 0.5625, then the system first reduces the first window according to the first parameter to match the canvas, and obtains a second window of 608*1080 pixels; the system then outputs it to the display at the canvas resolution of 1920*1080 pixels, the display determines the second parameter = 3940 (length resolution of the screen) / 1920 (length resolution of the canvas) = ​​2, then the display enlarges the second window according to the second parameter, and outputs the target window 1215*2160 pixels.

[0082] Alternatively, after drawing the first window, without considering the memory factor, the system can obtain the target parameter according to the obtained first parameter and second parameter; and adjust the first window using the target parameter to obtain the target window. That is, if the memory is sufficient, there is no need for step-by-step processing, but the system directly adjusts the drawn first window to the window size finally displayed on the display. For example, Figure 3eAs shown, the screen resolution is 3840*2160 pixels, the canvas resolution is 1920*1080 pixels, the resolution of the first window drawn is 1080*1920, the first parameter = 1080 (height resolution of the canvas) / 1920 (height resolution of the first window) = 0.5625, the second parameter = 3840 (length resolution of the screen) / 1920 (length resolution of the canvas) = ​​2, and the final scaling factor, that is, the target parameter is 2*0.5625=1.25, then the system enlarges the first window according to the target parameter to obtain the target window, and the resolution of the target window is 1215*2160.

[0083] S203: Display the target window.

[0084] After determining the target window corresponding to the mobile application when it is displayed on the smart screen through the above steps, the output is displayed on the monitor.

[0085] Specifically, usually, the DPI of the smart screen is smaller than the DPI of the mobile terminal. To further determine the integrity and clarity of the display, the DPI of the smart screen is set to a preset threshold, and the target window is displayed according to the DPI. The preset threshold can be determined based on the DPI corresponding to the mobile application when it is displayed on the mobile terminal, for example, greater than or equal to the DPI of the mobile terminal.

[0086] It can be known from the above description that when displaying a mobile application on a smart screen, the resolution of the pre-set drawing window is obtained to draw the window of the mobile application according to the resolution of the drawing window, obtain the target window, and then display the target window. Furthermore, in order to improve the integrity and clarity of the display, the DPI of the smart screen can be set to a preset threshold, and then the target window is displayed according to the DPI. That is, when displaying a mobile application, it is no longer displayed according to the original display mode of the smart screen, but is displayed according to the preset resolution of the drawing window and the preset DPI, so that the display effect is close to the display effect of the mobile application on the mobile terminal, ensuring that the mobile application is displayed normally on the smart screen without confusion or incomplete display.

[0087] Based on the above method embodiment, a display device based on a smart screen provided in an embodiment of the present application will be described below in conjunction with the accompanying drawings.

[0088] See also Figure 4 , which is a structural diagram of a display device based on a smart screen provided in an embodiment of the present application, such as Figure 4 As shown, the device may include: a first acquisition unit 401, a second acquisition unit 402 and a display unit 403.

[0089] A first acquisition unit 401 is used to acquire a resolution of a drawing window, where the resolution of the drawing window is determined according to a screen resolution of a mobile terminal;

[0090] A second acquisition unit 402 is used to draw the window of the mobile application according to the resolution of the drawing window to obtain a target window;

[0091] The display unit 403 is used to display the target window.

[0092] In a specific implementation, the second acquisition unit 402 is specifically used to draw the window of the mobile application according to the resolution of the drawing window to obtain a first window; in response to the height resolution of the canvas being smaller than the height resolution of the drawing window, obtain a first adjustment parameter; and adjust the first window according to the first adjustment parameter to obtain a target window.

[0093] In a specific implementation, the second acquisition unit 402, in response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being equal to the screen resolution of the smart screen, acquires a first adjustment parameter, where the first adjustment parameter is used to reduce the size of the first window; and reduces the size of the first window according to the first adjustment parameter to obtain a target window.

[0094] In a specific implementation, the second acquisition unit 402, in response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being smaller than the screen resolution of the smart screen, obtains a first parameter and a second parameter, wherein the first parameter is used for zooming out and the second parameter is used for zooming in; the first window is adjusted using the first parameter and the second parameter to obtain a target window.

[0095] In a specific implementation, the second acquisition unit 402 uses the first parameter to reduce the first window to obtain the second window; and uses the second parameter to enlarge the second window to obtain the target window.

[0096] In a specific implementation, the second acquisition unit 402 obtains a target parameter according to the first parameter and the second parameter; and adjusts the first window using the target parameter to obtain a target window.

[0097] In a specific implementation, the first parameter is determined by a target height resolution and a height resolution of the drawing window, and the target height is less than or equal to a height of the canvas.

[0098] In a specific implementation manner, the second parameter is determined by dividing the screen resolution by the resolution of the canvas.

[0099] In a specific implementation, the second acquisition unit 402 is specifically configured to draw the window of the mobile application according to the resolution of the drawing window to obtain the first window; in response to the height resolution of the canvas being greater than or equal to the height resolution of the drawing window and the resolution of the canvas being less than the screen resolution, obtain the second adjustment parameter;

[0100] The first window is enlarged and adjusted according to the second adjustment parameter to obtain a target window.

[0101] In a specific implementation, the second adjustment parameter is determined according to the screen resolution of the smart screen and the resolution of the canvas.

[0102] In a specific implementation, the device further includes: a setting unit, configured to set the dots per inch (DPI) to a preset threshold;

[0103] The display unit 403 is specifically configured to display the target window according to the DPI.

[0104] In a specific implementation manner, the preset threshold is determined according to a DPI corresponding to the mobile application when it is displayed on a mobile terminal.

[0105] It should be noted that the implementation of each unit in this embodiment can refer to the above method embodiment, and this embodiment will not be repeated here.

[0106] See also Figure 5 , which shows an electronic device (eg, Figure 5 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 5 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0107] like Figure 5As shown, the electronic device 700 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 706 into a random access memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0108] Typically, the following devices may be connected to the I / O interface 705: an input device 706 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 707 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 708 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 709. The communication device 709 may allow the electronic device 700 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 5 The electronic device 700 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0109] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 709, or installed from a storage device 706, or installed from a ROM 702. When the computer program is executed by the processing device 701, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0110] The electronic device provided by the embodiment of the present disclosure and the display method based on the smart screen provided by the above-mentioned embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above-mentioned embodiment, and this embodiment has the same beneficial effects as the above-mentioned embodiment.

[0111] An embodiment of the present disclosure provides a computer storage medium on which a computer program is stored. When the program is executed by a processor, the display method based on the smart screen provided in the above embodiment is implemented.

[0112] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0113] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0114] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0115] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0116] Obtaining a resolution of a drawing window, where the resolution of the drawing window is determined according to a screen resolution of the mobile terminal;

[0117] Draw the window of the mobile application according to the resolution of the drawing window to obtain a target window;

[0118] The target window is displayed.

[0119] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0120] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0121] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit / module does not, in some cases, constitute a limitation on the unit itself.

[0122] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0123] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0124] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0125] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0126] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0127] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0128] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A display method based on a smart screen, characterized in that: The method comprises: Obtaining a resolution of a drawing window, wherein the resolution of the drawing window is determined according to a screen resolution of a mobile terminal, and the mobile terminal is capable of fully displaying a mobile application; Drawing the window of the mobile application according to the resolution of the drawing window to obtain a target window; Displaying the target window according to a preset dots per inch (DPI), wherein the preset DPI is determined according to a DPI corresponding to the mobile application when it is displayed on a mobile terminal; The obtaining of the resolution of the drawing window includes: Obtaining a resolution of a first drawing window and a resolution of a second drawing window, wherein the resolution of the first drawing window is determined by scaling down the screen resolution of the smart screen in a proportional manner, and the resolution of the second drawing window is determined according to the screen resolution of the mobile terminal; If the resolution of the first drawing window is greater than or equal to the resolution of the second drawing window, use the resolution of the first drawing window as the resolution of the drawing window; If the resolution of the first drawing window is smaller than the resolution of the second drawing window, the resolution of the second drawing window is used as the resolution of the drawing window.

2. The method according to claim 1, characterized in that Drawing the window of the mobile application according to the resolution of the drawing window to obtain the target window includes: Drawing a window of the mobile application according to the resolution of the drawing window to obtain a first window; In response to the height resolution of the canvas being smaller than the height resolution of the drawing window, acquiring a first adjustment parameter; The first window is adjusted according to the first adjustment parameter to obtain a target window.

3. The method according to claim 2, characterized in that In response to the height resolution of the canvas being smaller than the height resolution of the drawing window, obtaining a first adjustment parameter includes: In response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being equal to the screen resolution of the smart screen, obtaining a first adjustment parameter, where the first adjustment parameter is used to reduce the first window; The step of adjusting the first window according to the first adjustment parameter to obtain a target window includes: The first window is reduced and adjusted according to the first adjustment parameter to obtain a target window.

4. The method according to claim 2, characterized in that: In response to the height resolution of the canvas being smaller than the height resolution of the drawing window, obtaining a first adjustment parameter includes: In response to the height resolution of the canvas being smaller than the height resolution of the drawing window and the resolution of the canvas being smaller than the screen resolution of the smart screen, obtaining a first parameter and a second parameter, wherein the first parameter is used for zooming out and the second parameter is used for zooming in; The step of adjusting the first window according to the first adjustment parameter to obtain a target window includes: The first window is adjusted using the first parameter and the second parameter to obtain a target window.

5. The method according to claim 4, characterized in that The step of adjusting the first window by using the first parameter and the second parameter to obtain a target window includes: Using the first parameter to reduce the first window, to obtain a second window; The second window is enlarged and adjusted using the second parameter to obtain a target window.

6. The method according to claim 4, characterized in that The step of adjusting the first window by using the first parameter and the second parameter to obtain a target window includes: Obtaining a target parameter according to the first parameter and the second parameter; The first window is adjusted using the target parameter to obtain a target window.

7. The method according to any one of claims 4 to 6, characterized in that: The first parameter is determined by a target height resolution and a height resolution of the drawing window, and the target height is less than or equal to a height of the canvas.

8. The method according to any one of claims 4 to 6, characterized in that: The second parameter is determined by dividing the screen resolution by the resolution of the canvas.

9. The method according to claim 1, characterized in that: Drawing the window of the mobile application according to the resolution of the drawing window to obtain the target window includes: Drawing a window of the mobile application according to the resolution of the drawing window to obtain a first window; In response to the height resolution of the canvas being greater than or equal to the height resolution of the drawing window and the resolution of the canvas being less than the screen resolution, obtaining a second adjustment parameter; The first window is enlarged and adjusted according to the second adjustment parameter to obtain a target window.

10. The method according to claim 9, characterized in that The second adjustment parameter is determined according to the screen resolution of the smart screen and the resolution of the canvas.

11. A display device based on a smart screen, characterized in that: The device comprises: A first acquisition unit, configured to acquire a resolution of a drawing window, wherein the resolution of the drawing window is determined according to a screen resolution of a mobile terminal, and the mobile terminal is capable of fully displaying a mobile application; A second acquisition unit, configured to draw the window of the mobile application according to the resolution of the drawing window to obtain a target window; A display unit, configured to display the target window according to a preset dots per inch (DPI), wherein the preset DPI is determined according to a DPI corresponding to the mobile application when it is displayed on a mobile terminal; The first acquisition unit is specifically used to acquire the resolution of the first drawing window and the resolution of the second drawing window, the resolution of the first drawing window is determined by scaling down the screen resolution of the smart screen, and the resolution of the second drawing window is determined according to the screen resolution of the mobile terminal; if the resolution of the first drawing window is greater than or equal to the resolution of the second drawing window, the resolution of the first drawing window is used as the resolution of the drawing window; if the resolution of the first drawing window is less than the resolution of the second drawing window, the resolution of the second drawing window is used as the resolution of the drawing window.

12. An electronic device, comprising: Processor and memory; The memory is used to store instructions or computer programs; The processor is used to execute the instructions or computer programs in the memory so that the electronic device executes the method according to any one of claims 1 to 10.

13. A computer-readable storage medium comprising instructions, which, when executed on a computer, enables the computer to execute the method according to any one of claims 1 to 10.

Images