Graphical interface display method and device, equipment and storage medium

Abstract

The invention provides a graphical interface display method and device, equipment and a storage medium, and the method comprises the steps: obtaining an initial mapping region of a paper object in response to a graphical interface display instruction triggered for a graphical UI application in terminal equipment, the initial mapping region being set based on a screen size associated with the terminal equipment; and displaying the mapping graph content associated with the initial mapping area in a screen of the terminal equipment. According to the method, the screen and the paper object are decoupled in the graphic UI application, the design of the paper object does not need to adapt to terminal devices with different screen sizes through a window object, and only the initial mapping area needs to be adjusted in the paper object according to the screen sizes of the terminal devices, so that the adaptability between the graphic UI application and the different terminal devices is improved; and when the graphical interface display instruction is responded, the graphical content in the initial mapping area is mapped into the screen of the corresponding terminal equipment, so that the implementation modes of displaying the graphical content for different terminal equipment are consistent, and the use experience and the system continuity are improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of computer technology, and in particular to a graphical interface display method, device, equipment and storage medium. Background Art

[0002] Currently, most graphical user interface (UI) applications are implemented using underlying libraries for graphics rendering, such as Qt, MFC, and other underlying libraries.

[0003] When implementing graphical UI applications through underlying libraries, the window objects provided in the underlying libraries are used for layout management, resolution adaptation, content adaptation, and interaction mode adaptation. However, the window objects provided by underlying libraries such as Qt and MFC need to be adapted for terminal devices with different screen sizes, that is, specific interaction methods need to be designed and implemented for each terminal device to adapt to its screen size, resolution, and user operating habits. Therefore, the compatibility between graphical UI applications and different terminal devices is poor; and for different terminal devices, there are different operating methods when using graphical UI applications, that is, the user experience between different terminal devices is inconsistent, which leads to a poor user experience.

[0004] Therefore, how to improve the compatibility between graphical UI applications and different terminal devices, and improve the user experience and system consistency are technical problems that need to be solved at present. Summary of the invention

[0005] The embodiments of the present application provide a graphical interface display method, device, electronic device and storage medium to improve the compatibility between graphical UI applications and different terminal devices, and to improve the user experience and system consistency.

[0006] In a first aspect, an embodiment of the present application provides a graphical interface display method, the method comprising:

[0007] In response to a graphical interface display instruction triggered by a graphical user interface UI application in a terminal device, an initial mapping area of ​​the paper object is acquired; wherein the initial mapping area is set based on a screen size associated with the terminal device;

[0008] The mapping graphic content associated with the initial mapping area is presented on the screen of the terminal device.

[0009] In a possible implementation, the paper object is created based on the paper object attribute information by calling a graphics library creation function, and is used to carry various graphics objects used to draw graphics content;

[0010] The paper object attribute information includes at least one of the paper object name, size, background, and frame.

[0011] In a possible implementation, presenting the mapping graphic content associated with the initial mapping area on the screen of the terminal device includes:

[0012] The mapped graphic content is presented on the screen of the terminal device through full-screen display.

[0013] In a possible implementation, after the mapped graphic content is presented on the screen of the terminal device, the method further includes:

[0014] In response to a mapping adjustment instruction for an initial mapping area associated with the mapping graphic content, determining an adjusted target mapping area based on the mapping adjustment instruction;

[0015] Based on the target mapping area, obtaining target graphic content corresponding to the target mapping area in the paper object;

[0016] The target graphic content is presented on the screen of the terminal device.

[0017] In a possible implementation, the mapping adjustment instruction is at least one of the following:

[0018] Adjustment instructions for indicating the scaling of the mapping area;

[0019] An adjustment command used to indicate roaming of the mapping area.

[0020] In a possible implementation, if a split-screen mode is set for the terminal device, the graphical interface display instruction includes: split-screen identifications (Identity Document, ID) of at least two split screens in the split-screen mode;

[0021] Get the initial mapping area of ​​the paper object, including:

[0022] Initial mapping areas of paper objects corresponding to at least two split-screen IDs are respectively determined; wherein the initial mapping areas are set based on the split-screen sizes of the split-screens determined by the split-screen IDs.

[0023] In a possible implementation, at least two split screens and corresponding split screen sizes are set by the operation object for different types of terminal devices by calling a screen splitting function in a graphics library.

[0024] In a possible implementation, for each split screen, the split screen is split into N sub-screens by calling a screen splitting function in a graphics library; wherein N is greater than or equal to 2.

[0025] In a second aspect, an embodiment of the present application provides a graphical interface display device, the device comprising:

[0026] An acquisition unit, configured to acquire an initial mapping area of ​​the paper object in response to a graphical interface display instruction triggered by a graphical user interface UI application in the terminal device; wherein the initial mapping area is set based on a screen size associated with the terminal device;

[0027] The presenting unit is used to present the mapping graphic content associated with the initial mapping area on the screen of the terminal device.

[0028] In a possible implementation, the paper object is created based on the paper object attribute information by calling a graphics library creation function, and is used to carry various graphics objects used to draw graphics content;

[0029] The paper object attribute information includes at least one of the paper object name, size, background, and frame.

[0030] In a possible implementation, the presenting unit is specifically configured to:

[0031] The mapped graphic content is presented on the screen of the terminal device through full-screen display.

[0032] In a possible implementation, the presentation unit is further configured to:

[0033] After presenting the mapping graphic content on the screen of the terminal device, in response to a mapping adjustment instruction for the initial mapping area associated with the mapping graphic content, determining an adjusted target mapping area based on the mapping adjustment instruction;

[0034] Based on the target mapping area, obtaining target graphic content corresponding to the target mapping area in the paper object;

[0035] The target graphic content is presented on the screen of the terminal device.

[0036] In a possible implementation, the mapping adjustment instruction is at least one of the following:

[0037] Adjustment instructions for indicating the scaling of the mapping area;

[0038] An adjustment command used to indicate roaming of the mapping area.

[0039] In a possible implementation, if a split-screen mode is set for the terminal device, the graphical interface display instruction includes: split-screen IDs of at least two split-screens in the split-screen mode; the acquisition unit is specifically used to:

[0040] Initial mapping areas of paper objects corresponding to at least two split-screen IDs are respectively determined; wherein the initial mapping areas are set based on the split-screen sizes of the split-screens determined by the split-screen IDs.

[0041] In a possible implementation, at least two split screens and corresponding split screen sizes are set by the operation object for different types of terminal devices by calling a screen splitting function in a graphics library.

[0042] In a possible implementation, for each split screen, the split screen is split into N sub-screens by calling a screen splitting function in a graphics library; wherein N is greater than or equal to 2.

[0043] In a third aspect, an embodiment of the present application provides an electronic device, comprising: a memory and a processor, wherein the memory is used to store a computer program; and the processor is used to execute the computer program to implement the steps of the graphical interface display method provided in the embodiment of the present application.

[0044] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the steps of the graphical interface display method provided in the embodiment of the present application are implemented.

[0045] In a fifth aspect, an embodiment of the present application provides a computer program product, which includes a computer program, and the computer program is stored in a computer-readable storage medium; when the processor of an electronic device reads the computer program from the computer-readable storage medium, the processor executes the computer program, so that the electronic device executes the steps of the graphical interface display method provided in the embodiment of the present application.

[0046] The above solution of the present application has at least the following beneficial effects:

[0047] The graphical interface display method, device, electronic device and storage medium provided in the embodiments of the present application relate to the field of computer technology, in particular to the fields of computer graphics, computer information systems, the Internet of Things, etc. In the present application, the screen of the terminal device is decoupled from the paper object, and the design of the paper object does not need to be adapted to the terminal devices with different screen sizes through the window object. It is only necessary to adjust the initial mapping area in the paper object according to the screen size of the terminal device. The operation is simple, and only one paper object is set for different terminal devices to realize the same graphic content being presented on the screens of different terminal devices, thereby improving the adaptability between the graphical UI application and different terminal devices. Then, when the terminal device responds to the graphical interface display instruction, the initial mapping area of ​​the paper object is obtained, which is determined based on the screen size associated with the terminal device, and the graphic content in the initial mapping area is mapped to the screen of the corresponding terminal device; it can be seen that for different terminal devices, the implementation method of presenting the graphic content on the screen is consistent, thereby improving the user experience of the graphical UI application and the coherence of the system.

[0048] Other features and advantages of the present application will be described in the following description, and partly become apparent from the description, or be understood by practicing the present application. The purpose and other advantages of the present application can be realized and obtained by the structures specifically pointed out in the written description, claims, and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0049] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative labor.

[0050] Figure 1 A schematic diagram of screen segmentation in which layout is managed by window objects in the related art;

[0051] Figure 2 A schematic diagram of an application scenario provided for an embodiment of the present application;

[0052] Figure 3 A flowchart of creating a graphical UI application through a graphics library provided in an embodiment of the present application;

[0053] Figure 4 A schematic diagram of a paper object provided in an embodiment of the present application;

[0054] Figure 5 A schematic diagram of performing five-split screen on different devices provided in an embodiment of the present application;

[0055] Figure 6 A flowchart of a method for setting a split-screen function for a PC terminal through a graphics library provided in an embodiment of the present application;

[0056] Figure 7 A flow chart of a method for setting split screen for a mobile terminal through a graphics library provided in an embodiment of the present application;

[0057] Figure 8 A schematic diagram of adjusting the size of a split screen provided in an embodiment of the present application;

[0058] Fig. 9 A schematic diagram of adjusting the split screen position provided in an embodiment of the present application;

[0059] Fig.10 A schematic diagram of deleting a split screen provided in an embodiment of the present application;

[0060] Fig.11 A schematic diagram of creating a sub-split screen in a split screen provided in an embodiment of the present application;

[0061] Fig.12 A flowchart of a graphical interface display method provided in an embodiment of the present application;

[0062] Fig.13 A schematic diagram of presenting graphic content on a screen of a terminal device based on an initial mapping area provided in an embodiment of the present application;

[0063] Fig.14 A flowchart of mapping a paper object and a screen provided in an embodiment of the present application;

[0064] Fig.15 A schematic diagram of presenting graphic content on a screen of a terminal device based on a target mapping area after zooming and roaming provided by an embodiment of the present application;

[0065] Fig.16 A structural diagram of a graphical interface display device provided in an embodiment of the present application;

[0066] Fig.17 A structural diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0067] In order to make the purpose, technical solutions and advantages of the present application clearer, the present application will be further described in detail below in conjunction with the accompanying drawings. Obviously, the described embodiments are only part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present application.

[0068] Some of the terms used in the embodiments of the present application are explained below to facilitate understanding by those skilled in the art.

[0069] Paper objects: In terms of graphics drawing, they can be understood as drawings that actually exist in the real world, supporting actual physical units (centimeter, decimeter, meter, kilometer) and pixel units; however, unlike graphics in the real world, paper objects can respond to peripheral operation events such as mouse, touch screen, keyboard, etc. The paper objects proposed in the embodiments of the present application are particularly suitable for industrial control software development and creation scenarios in the field of computer technology, so the creation of graphic UI applications can be realized through paper objects.

[0070] Screen: can be understood as the physical screen of the terminal device, which refers to the hardware device that actually displays the graphics; split screen: can be understood as the result of splitting the physical screen of the terminal device.

[0071] Roaming: In computer programming, roaming is one of the extremely important functions implemented when using OpenGL and programming language (VC++) for system development and creation. It is a way of browsing three-dimensional virtual scenes, including: turning left, turning right, moving forward, moving backward, ascending, descending, looking up, looking down, etc. Zooming: that is, zooming in and out.

[0072] Operation object: the creator of the graphical UI application using the graphics library.

[0073] Simple DirectMedia Layer (SDL) is an open source cross-platform multimedia development and creation library written in C language, mainly used to create video games and multimedia applications. SDL provides several functions for controlling graphics, sound, input and output, and provides a simple interface for accessing hardware features (such as video hardware, audio equipment, keyboard, mouse, game controller, etc.), which makes it easier to write portable code without worrying about the underlying hardware differences. You only need to use the same or similar code to develop and create application software across multiple operating systems and platforms (such as Windows, Linux, macOS, Android, iOS, etc.). Therefore, in the embodiment of the present application, a graphical UI application across multiple terminal devices can be developed and created through SDL.

[0074] Skia library: is an open source 2-dimensional (2D) graphics processing library, which is widely used in a variety of operating systems and platforms (such as Android, Chrome, Firefox, Skype, etc.), and supports various graphics operations (such as geometric transformations, filter effects, path drawing, text rendering, etc.). Therefore, in the embodiment of the present application, through the Skia library, in the scenario across multiple terminal devices, it is possible to provide consistent graphics rendering effects in different hardware and software environments.

[0075] The term “exemplary” hereafter means “serving as an example, example, or illustration.” Any embodiment described as “exemplary” is not necessarily to be construed as preferred or advantageous over other embodiments.

[0076] The terms "first" and "second" in the following text are used for descriptive purposes only and should not be understood as explicitly or implicitly indicating relative importance or implicitly indicating the number of technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present application, unless otherwise specified, "plurality" means two or more.

[0077] The term "and / or" in the following text describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the associated objects are in an "or" relationship.

[0078] Hereinafter, the term "at least one" means one or more, and "plurality" refers to two or more; the term "at least one" means one or more, and "plurality" refers to two or more.

[0079] The terms "comprises," "comprising," and "having," and their variations, hereinbelow, are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or apparatus comprising a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such process, method, product, or apparatus.

[0080] The following is a brief introduction to the design concept of the embodiment of the present application:

[0081] In the field of computer technology, especially in the field of industrial control software development and creation, most graphical UI applications are implemented using underlying libraries for graphics rendering, such as Qt, MFC, and other underlying libraries. When implementing graphical UI applications through underlying libraries, the window objects provided in the underlying libraries are used to perform layout management, resolution adaptation, content adaptation, and interaction mode adaptation. Figure 1 As shown in the figure, it is a schematic diagram of screen segmentation in the related art that manages the layout through the window object of the underlying library; for example, when a thermal power company draws a full-screen interface for the boiler status, it hopes to display the boiler status through three areas, that is, it is necessary to divide the physical screen of the terminal device into three areas A, B, and C; among which: area A is used to present a line chart about boiler information, area B is used to present the boiler schematic diagram, and area C is used to present other operation buttons. In this case, it is necessary to create a graphical UI application through the underlying library and manage the layout through the window object provided by the underlying library.

[0082] Therefore, when using Qt, MFC and other underlying libraries to create graphical UI applications, the following problems exist:

[0083] Problem 1: Developers who use the underlying library are required to have a strong foundation in graphics, programming skills, and performance optimization capabilities. For some non-professional industrial control technicians, it is very difficult to learn and master these technologies, resulting in a high threshold for development and creation, difficult operation, and increased development and creation costs and time.

[0084] Problem 2: The window objects provided by underlying libraries such as Qt and MFC need to be adapted to terminal devices with different screen sizes, that is, specific interaction methods need to be designed and implemented for each terminal device to adapt to its screen size, resolution, and user operating habits. Therefore, the compatibility between graphical UI applications and different terminal devices is poor; and different terminal devices have different operating methods when using graphical UI applications, that is, the user experience between different terminal devices is inconsistent, which leads to a poor user experience and reduces the coherence of the system.

[0085] In view of this, the embodiments of the present application provide a graphical interface display method, device, equipment and storage medium, which relate to the field of computer technology, especially to the technical fields of computer graphics, computer information systems, the Internet of Things, etc., and are applied to graphical UI applications in terminal devices. The graphical UI application is created through a graphical library (also known as a graphical UI application development and creation system) to improve the compatibility between the graphical UI application and different terminal devices, improve the user experience and system consistency, and reduce costs.

[0086] In the embodiment of the present application, the screen of the terminal device is decoupled from the paper object in the graphic UI application. The design of the paper object does not need to be adapted to the terminal devices with different screen sizes through the window object. It is only necessary to adjust the initial mapping area in the paper object according to the screen size of the terminal device. The operation is simple, reducing the development creation cost and development creation time. Only one paper object is set for different terminal devices to realize the same graphic content being presented on the screens of different terminal devices, thereby improving the adaptability between the graphic UI application and different terminal devices. Then, when the terminal device responds to the graphic interface display instruction, the initial mapping area of ​​the paper object is obtained, which is determined based on the screen size associated with the terminal device, and the graphic content in the initial mapping area is mapped to the screen of the corresponding terminal device; it can be seen that for different terminal devices, the implementation method of presenting the graphic content on the screen is consistent, thereby improving the user experience of the graphic UI application and the coherence of the system.

[0087] In order to better understand the technical solutions provided in the embodiments of the present application, the following briefly introduces the application scenarios to which the technical solutions provided in the embodiments of the present application are applicable. It should be noted that the application scenarios introduced below are only used to illustrate the embodiments of the present application and are not limited thereto. In specific implementation, the technical solutions provided in the embodiments of the present application can be flexibly applied according to actual needs.

[0088] See also Figure 2 , Figure 2 A schematic diagram of an application scenario provided for an embodiment of the present application, the application scenario includes: a terminal device 210 and a server 220, and the terminal device 210 and the server 220 can communicate with each other through a communication network.

[0089] In an optional implementation, the communication network may be a wired network or a wireless network. Therefore, the terminal device 110 and the server 120 may be directly or indirectly connected via a wired or wireless communication. For example, the terminal device 110 may be indirectly connected to the server 120 via a wireless access point, or the terminal device 110 may be directly connected to the server 120 via the Internet, and this application does not limit this.

[0090] In the embodiment of the present application, the terminal device 110 includes but is not limited to mobile phones, tablet computers, laptop computers, desktop computers, e-book readers, intelligent voice interaction devices, smart home appliances, vehicle-mounted terminals, embedded devices and other devices; the terminal device can be installed with clients such as graphical UI applications and graphical libraries for creating graphical UI applications. The client can be software (such as a browser, application software, etc.), or a web page, a mini-program, etc.

[0091] Server 120 is a background server corresponding to the client, etc.; it can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers. It can also be a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDN), as well as big data and artificial intelligence platforms.

[0092] In a possible application scenario, based on SDL and skia library implementation:

[0093] The creator of the graphic UI application triggers a graphic UI application creation instruction for the graphic library in the terminal device. The terminal device responds to the graphic UI application creation instruction and reports the graphic UI application creation instruction to the server. The server implements the creation of the graphic UI application based on the graphic UI application creation instruction and stores the relevant data of the successfully created graphic UI application. Among them, the graphic library is a subsystem of the operating system and is used for drawing graphics. The operating system provides a functional unit model as a development and creation environment. Code is written in a scripting language (such as a metalanguage) provided by the operating system. After the code is compiled, the functional unit copy is executed to generate an executable file. Running the file can execute the program written by the creator of the graphic UI application to realize the operation of the graphic UI application.

[0094] Afterwards, the user of the graphical UI application triggers a graphical interface display instruction for the graphical UI application in the terminal device, the terminal device responds to the graphical interface display instruction, and reports the graphical interface display instruction to the server. The server obtains the initial mapping area of ​​the paper object matching the terminal device based on the relevant data of the successfully created graphical UI application, and feeds back the mapping graphic content associated with the initial mapping area to the terminal device to present the mapping graphic content on the screen of the terminal device.

[0095] See also Figure 3 , is a flow chart of a method for creating a graphical UI application based on a graphics library provided in an embodiment of the present application, comprising the following steps:

[0096] Step S300: creating a functional unit model in a virtual development creation environment.

[0097] Step S301, write a meta-language script in the functional unit model, and call the graphics library creation function to execute:

[0098] Step S3010, creating a paper object based on the paper object attribute information;

[0099] Paper object attribute information includes but is not limited to: paper object name, size (any size, support customization, no size limit), unit (actual unit, such as millimeter, centimeter, decimeter, meter, kilometer, etc.), background, and border.

[0100] It should be noted that the paper object supporting actual units proposed in the embodiment of the present application is more in line with production needs in many industrial control scenarios; further, the graphical UI application created using the graphics library has strong unit adaptability in actual industrial control applications compared to underlying libraries such as Qt and MFC, can directly meet the precision requirements of industrial control production, and has a good graphic content display effect.

[0101] Step S3011, creating a graphic object in the paper object;

[0102] Graphic objects are used to draw graphic content, and paper objects are used to carry various graphic objects used to draw graphic content. Therefore, the creator can directly draw various graphic content on the paper object, that is, to achieve complete graphic content drawing, thereby realizing the creation of graphic UI applications. Figure 4 As shown, a schematic diagram of a paper object provided for the implementation of the present application is provided, and the paper object includes at least one 2D graphic content.

[0103] Step S3012: for the paper object, create a screen object based on the screen object attribute information, and set the initial mapping area of ​​the paper object;

[0104] The screen object attribute information includes but is not limited to: screen object name, size (full screen), unit (percentage unit).

[0105] In step S3012, a screen object is created for the paper object and an initial mapping area is set, that is, the paper object is associated with the screen object, and it is determined on which screen the graphic content in the paper object is browsed. In order to better present the graphic content on the screen, the initial mapping area is set based on the screen size. The size of the initial mapping area can be consistent with the screen size, or it can be scaled proportionally to the screen size. The initial mapping area defines the graphic content that needs to be presented on the current screen.

[0106] Step S303 , compiling the written code, and after the compilation is completed, copying the functional units to generate an executable graphical UI application file.

[0107] In the present application, a graphics library for implementing the creation of a graphic UI application based on a paper object is proposed. In the graphics library, the decoupling of the screen and the paper object is achieved by introducing a paper object as a carrier of the graphic content. At this time, when the creation of a graphic UI application is realized by calling the graphics library, it is only necessary to associate the screen object with the paper object, and set the initial mapping area in the paper object based on the screen size. The creator does not need to consider the screen size of different terminal devices, because the graphic UI application will inevitably map the graphic content in the paper object to the screen of the terminal device for display, thereby realizing a unified cross-terminal interface design method. Therefore, for different terminal devices, the creator only needs to design and implement a set of interfaces based on a paper object of a fixed size, that is, to draw various graphic contents on the paper object, without additionally considering the layout, adaptation and other factors caused by the difference in the screen size of the terminal device, resulting in the need to design the interface separately according to the different terminal devices. Therefore, when creating a graphic UI application through a graphics library, the operation and maintenance are simple, thereby reducing the amount of code, reducing the development creation time and development creation cost, and improving the development creation efficiency.

[0108] Considering that different scenes need to be observed through different screens in actual industrial control scenarios, screen segmentation is usually required when industrial control software is developed and created. For example, when developing and creating graphical UI applications, screen segmentation is usually required manually. In the related art, when using Qt, MFC and other underlying libraries to develop and create graphical UI applications, the split-screen function is realized through the provided window object. The creator must design and manage multiple views by himself, and use specific classes to control their layout and size ratio. Manual operation increases the complexity of design, development and creation, is prone to errors, and has high maintenance costs. Therefore, in an embodiment of the present application, when developing and creating graphical UI applications through the above-mentioned graphics library, a flexible split-screen function is provided in the graphics library, so that the creator can freely combine and arrange different split-screen effects, and realize split-screen display by creating screen objects, that is, after setting the screen division, a screen object is created for each split screen, and each screen object is associated with a paper object, so that each split screen is associated with a paper object respectively, and each split screen does not interfere with each other, thereby supporting the independent display of different UI interfaces.

[0109] For example, the five-split screen provided by the built-in enumeration item of the graphics library is used as the basis for splitting the screen into a full screen or multiple screens. A single call to the screen splitting function can create up to five screens. If further splitting is required, the graphics library can be called again to split the specified screen object. Figure 5 As shown, it is a schematic diagram of five-split screen on different devices provided in an embodiment of the present application.

[0110] Among them, the five-split screen is only a feasible implementation method, and in actual application, it can be set according to the operation of the creator. The following is a detailed description of the split screen function provided in the graphics library.

[0111] See also Figure 6 , Figure 6 A flowchart of a method for setting a split-screen function for a PC terminal through a graphics library provided in an embodiment of the present application includes the following steps:

[0112] Step S600, in response to the five-split screen creation instruction input to the PC, the screen splitting function in the graphics library is called, and the physical screen of the PC is split into five split screens based on the split screen size and combination arrangement in the five-split screen creation instruction.

[0113] When actually splitting the physical screen on the PC, the creator can input the number of split screens, the size of each split screen, and the combination and arrangement of the split screens according to needs, and then the graphics library calls the screen splitting function to split the physical screen based on the input number of split screens, the aspect ratio of each split screen, and the combination and arrangement of the split screens. In this process, the creator does not need to perform manual operations, which reduces the complexity of design and development, avoids errors, and has low maintenance costs.

[0114] It should be noted that the split screen size can be the actual size of the split screen or the aspect ratio of the split screen.

[0115] Step S601, in response to the operation instructions of setting paper objects respectively for the five split screens, and for each split screen, executing: associating the split screen with the corresponding paper object, and setting an initial mapping area in the corresponding paper object based on the split screen size of the split screen.

[0116] In a possible implementation, in step S601, it is further possible to perform: setting graphic content on the paper object corresponding to the split screen.

[0117] In another possible implementation, the graphic content on the paper object corresponding to the split screen has been created before.

[0118] It should be noted that when selecting mapped paper objects for the five split screens respectively, any two or more split screens can be mapped to the same paper object or different paper objects, and the initial mapping area is selected according to the size of the split screen.

[0119] In the present application, each split screen is used to browse a paper object. The size of the paper object is fixed. The mapping area on the paper object represents the area that needs to be presented on the split screen. The creator can set the initial mapping area on the paper object and map the graphic content associated with the initial mapping area to the split screen.

[0120] Step S602: In response to the zoom and roam selection instructions respectively set for each of the five split screens, a zoom and roam selection mode is set for each split screen.

[0121] In a possible implementation, the creator can also choose whether to perform zooming and roaming operations on the split screen according to actual needs.

[0122] For example, after determining that the roaming mode is selected for a certain split screen based on the zoom roaming selection instruction, when the graphical interface is displayed through a graphical UI application, an adjustment instruction for roaming the indication mapping area can be triggered for the split screen, and the corresponding graphic content in the split screen can be updated based on the adjustment instruction; similarly, after determining that the zoom mode is selected for a certain split screen based on the zoom roaming selection instruction, when the graphical interface is displayed through a graphical UI application, an adjustment instruction for zooming the indication mapping area can be triggered for the split screen, and the corresponding graphic content in the split screen can be updated based on the adjustment instruction.

[0123] Another example is that after determining that the roaming mode and the zoom mode are not selected for a certain split screen based on the zoom roaming selection instruction, when the graphical interface is displayed through a graphical UI application, the adjustment instruction for indicating roaming of the mapping area and the adjustment instruction for indicating zooming of the mapping area cannot be triggered for the split screen; or, the adjustment instruction for indicating roaming of the mapping area and the adjustment instruction for indicating zooming of the mapping area can be triggered for the split screen, but the instruction will not be responded to, that is, the corresponding graphic content in the split screen will not be updated based on the adjustment instruction.

[0124] It should be noted that the implementation method of setting the zoom roaming selection instruction is applicable to each screen.

[0125] Step S603, creation is successful.

[0126] See also Figure 7 , Figure 7 A flow chart of a method for setting a split screen for a mobile terminal through a graphics library provided in an embodiment of the present application includes the following steps:

[0127] Step S700, in response to a two-split screen creation instruction input to the mobile terminal, the screen splitting function in the graphics library is called, and the physical screen of the mobile terminal is split into two split screens based on the split screen size and combination arrangement in the two-split screen creation instruction.

[0128] Step S701, in response to the operation instruction of setting paper objects respectively for the two split screens, and for each split screen, executing: associating the split screen with the corresponding paper object, and setting an initial mapping area in the corresponding paper object based on the split screen size of the split screen.

[0129] Step S702: In response to the zoom and roam selection instructions respectively set for the two split screens, a zoom and roam selection mode is set for each split screen.

[0130] Step S703, creation is successful.

[0131] It should be noted that the instructions for creating split screens for different devices are the same, that is, if you want to create two split screens on the mobile terminal, you need to enter the split screen sizes and combination arrangement of the two split screens, associate the paper object to be mapped, the initial mapping area on the paper object, set whether to zoom and roam, etc. For details, please refer to the above content and will not be repeated here.

[0132] In the embodiment of the present application, after the creator splits the physical screen, he can also adjust the split screen obtained by splitting by calling the screen splitting function in the graphics library; wherein the split screen adjustment includes but is not limited to: adjusting the size of the split screen, adjusting the position of the split screen, deleting the split screen, and splitting the split screen into N sub-screens; wherein N is greater than or equal to 2. Preferably, N is less than or equal to 5.

[0133] Exemplarily, each split screen adjustment is described below with examples, and in actual application, multiple split screen adjustments can be applied in combination.

[0134] See also Figure 8 , Figure 8 A schematic diagram of adjusting the size of a split screen provided in an embodiment of the present application; Figure 8 On the basis of dividing the full screen into a left and right combination arrangement and the size of the left split screen being larger than the size of the right split screen, the size of the right split screen is adjusted so that the size of the right split screen is equal to the size of the left split screen.

[0135] See also Fig. 9 , Fig. 9 A schematic diagram of adjusting the split screen position provided in an embodiment of the present application, Fig. 9 On the basis of dividing the full screen into a left and right combination arrangement, the left and right split screens are adjusted to top and bottom split screens.

[0136] See also Fig.10 , Fig.10 A schematic diagram of deleting a split screen provided in an embodiment of the present application; Fig.10 On the basis of dividing the full screen into four evenly spaced screens, the left split screen 2 in the upper left corner is deleted.

[0137] See also Fig.11 , Fig.11 A schematic diagram of creating a sub-split screen in a split screen provided in an embodiment of the present application; Fig.11 On the basis of dividing the full screen into a combination of up, down, left, right and center, continue to divide the middle screen into five parts, so that the middle screen becomes five parts of up, down, left, right and center. At this time, the full screen is divided into nine parts.

[0138] In this application, a method for splitting the screen is provided. In the graphics library, screen objects are created to split the area within the physical screen range. The creator can flexibly and freely choose the screen relationship to be split, that is, choose to create or split a screen to create business needs that meet the needs.

[0139] It should be noted that during the creation process of the above-mentioned graphical UI application, the operation methods for full screen and split screen are the same, and both require creating a paper object, associating the paper object with the screen, setting the initial mapping area for the paper object based on the screen size, setting zoom and roaming operations, etc.; the same operation parts can refer to each other, and no redundant description is given.

[0140] In an embodiment of the present application, after a graphic UI application is created, a user of the graphic UI application can browse graphic content through the graphic UI application, that is, present the graphic content on the screen of a terminal device.

[0141] See also Fig.12 , Fig.12 A flowchart of a graphical interface display method provided in an embodiment of the present application includes the following steps:

[0142] Step S1200, in response to a graphical interface display instruction triggered by a graphical user interface UI application in a terminal device, an initial mapping area of ​​a paper object is obtained; wherein the initial mapping area is set based on a screen size associated with the terminal device.

[0143] In a possible implementation, the paper object is created based on paper object attribute information by calling a graphics library creation function, and is used to carry various graphic objects used to draw graphic content; the paper object attribute information includes: at least one of the paper object name, size, background, and border.

[0144] Step S1201: presenting the mapping graphic content associated with the initial mapping area on the screen of the terminal device.

[0145] In a possible implementation, if the split-screen mode is not set for the terminal device in the graphic UI application, the graphic interface display instruction carries a full-screen ID, and based on the full-screen ID, a paper object related to the full-screen is obtained, and the paper object includes an initial mapping area set based on the full-screen size, and complete graphic content. Then, based on the initial mapping area, the mapping graphic content matching the initial mapping area can be obtained in the complete graphic content, and the mapping graphic content can be presented on the screen of the terminal device through a full-screen display method.

[0146] For example, see Fig.13 , Fig.13 A schematic diagram of presenting graphic content on the screen of a terminal device based on an initial mapping area provided for the implementation of this application. Fig.13 It can be seen that different terminal devices correspond to different initial mapping areas, so the graphic contents presented on the screens of different terminal devices are different, but the graphic contents presented on the screen of each terminal device are the complete graphic contents in the associated initial mapping area.

[0147] In another possible implementation, if a split-screen mode is set for the terminal device in the graphic UI application, the graphic interface display instruction includes: the split-screen IDs of at least two split-screens in the split-screen mode; and respectively determining the paper objects corresponding to the at least two split-screen IDs, and obtaining the paper objects related to the full screen based on the full-screen ID, each of which includes the initial mapping area set based on the split-screen size of the split screen determined based on the corresponding split-screen ID, and the complete graphic content. Then, according to the initial mapping area, the mapping graphic content matching the initial mapping area associated with each split screen can be obtained in the complete graphic content, and the mapping graphic content can be presented in the corresponding split screen of the terminal device through full-screen display.

[0148] In the present application, for different types of terminal devices, when displaying a graphical interface, they all respond to the graphical interface display instruction, obtain the initial mapping area of ​​the paper object, and map the graphic content in the initial mapping area to the screen of the corresponding terminal device; it can be seen that for different types of terminal devices, the implementation method of presenting the graphic content on the screen is consistent, and a single design is implemented for a variety of terminal devices. There is no need to set a specific implementation method for each different type of terminal device to adapt to its unique screen size, resolution and operating habits, thereby improving the user experience of the graphical UI application and the continuity of the system.

[0149] Considering that the size of a paper object exceeds the full screen and / or split screen of a terminal device, if only the graphic content of the initial mapping area is presented on the screen of the terminal device, it will result in failure to obtain all the graphic content, resulting in missing graphic content and low efficiency in obtaining graphic content. Therefore, in order to browse all the graphic content in the paper object, a default interaction method (such as zooming and roaming) is proposed to browse all the graphic content in the paper object, so as to realize a flexible and efficient way to browse and manage a large amount of information on different terminal devices.

[0150] In an embodiment of the present application, after the mapping graphic content of the initial mapping area is presented on the screen of the terminal device, the user of the graphic UI application can also trigger a mapping adjustment instruction to adjust the initial mapping area in the paper object, thereby adjusting the graphic content presented on the screen of the terminal device.

[0151] See also Fig.14 , Fig.14 A flowchart of mapping a paper object and a screen provided in an embodiment of the present application includes the following steps:

[0152] Step S1400: determining an initial mapping area of ​​a paper object associated with the screen of a terminal device, and presenting mapping graphic content of the initial mapping area on the screen of the terminal device.

[0153] Step S1401 : in response to a mapping adjustment instruction for an initial mapping area associated with mapping graphic content, determining an adjusted target mapping area based on the mapping adjustment instruction.

[0154] The mapping adjustment instruction at least includes: an adjustment instruction for instructing scaling of the mapping area; and an adjustment instruction for instructing roaming of the mapping area.

[0155] Step S1402: based on the target mapping area, obtaining target graphic content corresponding to the target mapping area in the paper object, and presenting the target graphic content on the screen of the terminal device.

[0156] In a possible implementation, a user of a graphical UI application sends an event through a UI operation, so that a mapping area is changed according to the event information in an SDL event loop, thereby displaying contents of different areas of a paper object.

[0157] For example, on a mobile device, you can trigger the default interactive operation (changing the mapping area by zooming and roaming) with your finger, and on a PC, you can trigger the default interactive operation (changing the mapping area by zooming and roaming) with your mouse, so as to achieve the purpose of observing all the content within the paper range.

[0158] For example, see Fig.15 , Fig.15 A schematic diagram of presenting graphic content on the screen of a terminal device based on a target mapping area after zooming and roaming provided for the implementation of the present application. Fig.15 It can be seen that the graphic content presented in the terminal device after zooming and roaming is different from that before zooming and roaming.

[0159] In an embodiment of the present application, the implementation method of presenting the graphic content in the corresponding split screen is consistent with the method of presenting the mapping content in the full screen, and the method of adjusting the initial mapping area of ​​the split screen is consistent with the method of adjusting the initial mapping area of ​​the full screen. Therefore, the implementation method of the split screen will not be repeated and will not be illustrated through the drawings.

[0160] In this application, it is supported to adjust the position and size of the mapping area as needed to achieve the preliminary screening and positioning of the paper content. Through the interactive operation of roaming and zooming, the size and position of the mapping area on the paper object can be changed, and the graphic content in the mapping area can be continuously presented on the screen. In this way, no matter what the size of the paper object is, the purpose of observing all the graphic content can be achieved through the mapping of the mapping area.

[0161] It should be noted that the embodiments described above are only used to illustrate and explain the present application, and are not used to limit the present application. In addition, the embodiments and features in the embodiments of the present application may be combined with each other if there is no conflict.

[0162] Based on the same inventive concept, the embodiment of the present application also provides a graphical interface display device, the principle of solving the problem of the device is similar to the method of the above embodiment, so the implementation of the device can refer to the implementation of the above method, and the repeated parts will not be repeated.

[0163] See also Fig.16 , Fig.16 A structural diagram of a graphical interface display device provided in an embodiment of the present application, the graphical interface display device 1600 includes:

[0164] The acquisition unit 1601 is used to acquire an initial mapping area of ​​the paper object in response to a graphical interface display instruction triggered by a graphical user interface UI application in the terminal device; wherein the initial mapping area is set based on a screen size associated with the terminal device;

[0165] The presenting unit 1602 is used to present the mapping graphic content associated with the initial mapping area on the screen of the terminal device.

[0166] In a possible implementation, the paper object is created based on the paper object attribute information by calling a graphics library creation function, and is used to carry various graphics objects used to draw graphics content;

[0167] The paper object attribute information includes at least one of the paper object name, size, background, and frame.

[0168] In a possible implementation, the presenting unit 1602 is specifically configured to:

[0169] The mapped graphic content is presented on the screen of the terminal device through full-screen display.

[0170] In a possible implementation, the presenting unit 1602 is further configured to:

[0171] After presenting the mapping graphic content on the screen of the terminal device, in response to a mapping adjustment instruction for the initial mapping area associated with the mapping graphic content, determining an adjusted target mapping area based on the mapping adjustment instruction;

[0172] Based on the target mapping area, obtaining target graphic content corresponding to the target mapping area in the paper object;

[0173] The target graphic content is presented on the screen of the terminal device.

[0174] In a possible implementation, the mapping adjustment instruction is at least one of the following:

[0175] Adjustment instructions for indicating the scaling of the mapping area;

[0176] An adjustment command used to indicate roaming of the mapping area.

[0177] In a possible implementation, if a split-screen mode is set for the terminal device, the graphical interface display instruction includes: split-screen IDs of at least two split-screens in the split-screen mode; the acquisition unit 1601 is specifically used to:

[0178] Initial mapping areas of paper objects corresponding to at least two split-screen IDs are respectively determined; wherein the initial mapping areas are set based on the split-screen sizes of the split-screens determined by the split-screen IDs.

[0179] In a possible implementation, at least two split screens and corresponding split screen sizes are set by the operation object for different types of terminal devices by calling a screen splitting function in a graphics library.

[0180] In a possible implementation, for each split screen, the split screen is split into N sub-screens by calling a screen splitting function in a graphics library; wherein N is greater than or equal to 2.

[0181] For the convenience of description, the above parts are divided into modules (or units) according to their functions and described separately. Of course, when implementing this application, the functions of each module (or unit) can be implemented in the same or multiple software or hardware.

[0182] After introducing the graphical interface display method and device according to the exemplary embodiment of the present application, next, an electronic device according to another exemplary embodiment of the present application is introduced.

[0183] Based on the same inventive concept as the above method embodiment, an electronic device is also provided in the embodiment of the present application. In one embodiment, the electronic device may be a server or a terminal device. In this embodiment, the structure of the electronic device may be as follows: Fig.17 As shown, it includes a memory 1701 , a communication module 1703 and one or more processors 1702 .

[0184] The memory 1701 is used to store computer programs executed by the processor 1702. The memory 1701 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and programs required for running the instant messaging function, etc.; the data storage area may store various instant messaging information and operation instruction sets, etc.

[0185] The memory 1701 may be a volatile memory, such as a random-access memory (RAM); the memory 1701 may also be a non-volatile memory, such as a read-only memory, a flash memory, a hard disk drive (HDD) or a solid-state drive (SSD); or the memory 1701 may be any other medium that can be used to carry or store a desired computer program in the form of instructions or data structures and can be accessed by a computer, but is not limited thereto. The memory 1701 may be a combination of the above memories.

[0186] The processor 1702 may include one or more central processing units (CPU) or a digital processing unit, etc. The processor 1702 is used to implement the above-mentioned graphical interface display method when calling the computer program stored in the memory 1701 .

[0187] The communication module 1703 is used to communicate with terminal devices and other servers.

[0188] The specific connection medium between the memory 1701, the communication module 1703 and the processor 1702 is not limited in the embodiment of the present application. Fig.17 In the embodiment, the memory 1701 and the processor 1702 are connected via a bus 1704. The bus 1704 is connected to the processor 1702 via a bus 1704. Fig.17 The connections between the other components are described with bold lines, which are only for illustration and are not intended to be limiting. The bus 1704 can be divided into an address bus, a data bus, a control bus, etc. For ease of description, Fig.17 The diagram shows that only one thick line is used, but this does not mean that there is only one bus or one type of bus.

[0189] An embodiment of the present application provides a computer-readable storage medium, which stores a computer program. When the computer program runs on an electronic device, the computer program is used to enable the electronic device to execute the steps in the graphical interface display method of the above embodiment.

[0190] The computer-readable storage medium in the above embodiments can be any available medium or data storage device that can be accessed by the processor in the device, including but not limited to magnetic storage such as floppy disks, hard disks, magnetic tapes, magneto-optical disks (MO), etc., optical storage such as CDs, DVDs, BDs, HVDs, etc., and semiconductor storage such as ROM, EPROM, EEPROM, non-volatile memory (NAND FLASH), solid-state drives (SSDs), etc.

[0191] In some possible implementations, various aspects of the graphical interface display method provided in the embodiments of the present application may also be implemented in the form of a program product, which includes a computer program. When the program product is run on an electronic device, the computer program is used to enable the electronic device to execute the steps of the graphical interface display method according to various exemplary embodiments of the present application described above in this specification.

[0192] The program product may use any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The 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 readable storage media (a non-exhaustive list) include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), 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.

[0193] The program product of the embodiment of the present application may adopt a portable compact disk read-only memory (CD-ROM) and include a computer program, and can be run on an electronic device. However, the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium containing or storing a program, which can be used by or in combination with a command execution system, apparatus, or device.

[0194] A readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, wherein a readable computer program is carried. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A readable signal medium may also be any readable medium other than a readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with a command execution system, apparatus, or device.

[0195] The computer program embodied on the readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0196] The computer program for performing the operation of the present application can be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java, C++, etc., and also conventional procedural programming languages ​​such as "C" language or similar programming languages. The computer program can be executed entirely on the user electronic device, partially on the user electronic device, as a separate software package, partially on the user electronic device and partially on a remote electronic device, or entirely on a remote electronic device or server. In the case of a remote electronic device, the remote electronic device can be connected to the user electronic device through any type of network including a local area network (LAN) or a wide area network (WAN), or can be connected to an external electronic device (for example, using an Internet service provider to connect through the Internet).

[0197] It should be noted that, although several units or subunits of the device are mentioned in the above detailed description, this division is merely exemplary and not mandatory. In fact, according to the embodiments of the present application, the features and functions of two or more units described above can be embodied in one unit. Conversely, the features and functions of one unit described above can be further divided into multiple units to be embodied.

[0198] In addition, although the operations of the method of the present application are described in a specific order in the drawings, this does not require or imply that the operations must be performed in this specific order, or that all the operations shown must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step, and / or one step may be decomposed into multiple steps.

[0199] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment in combination with software and hardware. Moreover, the present application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) that contain a computer-usable computer program.

[0200] The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program commands. These computer program commands can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to generate a machine, so that the commands executed by the processor of the computer or other programmable data processing device generate commands for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0201] These computer program commands may also be stored in a computer readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the commands stored in the computer readable memory produce an article of manufacture comprising a command device, the command device implementing the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0202] These computer program commands can also be loaded onto a computer or other programmable data processing device so that a series of operation steps are executed on the computer or other programmable device to produce a computer-implemented process, so that the commands executed on the computer or other programmable device provide the instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0203] Although the preferred embodiments of the present application have been described, those skilled in the art may make additional changes and modifications to these embodiments once they have learned the basic creative concept. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments and all changes and modifications falling within the scope of the present application.

[0204] Obviously, those skilled in the art can make various changes and modifications to the present application without departing from the spirit and scope of the present application. Thus, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

Claims

1. A graphical interface display method, characterized in that: The method comprises: In response to a graphical interface display instruction triggered by a graphical user interface (UI) application in a terminal device, an initial mapping area of ​​a paper object is acquired; wherein the initial mapping area is set based on a screen size associated with the terminal device; The mapping graphic content associated with the initial mapping area is presented on the screen of the terminal device.

2. The method according to claim 1, characterized in that The paper object is created based on the paper object attribute information by calling the graphics library creation function, and is used to carry various graphic objects used to draw graphic content; The paper object attribute information includes at least one of the paper object name, size, background, and frame.

3. The method according to claim 1, characterized in that The step of presenting the mapping graphic content associated with the initial mapping area on the screen of the terminal device includes: The mapping graphic content is presented on the screen of the terminal device in a full-screen display manner.

4. The method according to claim 1, characterized in that After presenting the mapping graphic content on the screen of the terminal device, the method further includes: In response to a mapping adjustment instruction for an initial mapping area associated with the mapping graphic content, determining an adjusted target mapping area based on the mapping adjustment instruction; Based on the target mapping area, acquiring target graphic content corresponding to the target mapping area in the paper object; The target graphic content is presented on the screen of the terminal device.

5. The method according to claim 4, characterized in that The mapping adjustment instruction is at least one of the following: Adjustment instructions for indicating the scaling of the mapping area; An adjustment command used to indicate roaming of the mapping area.

6. The method according to claim 1, characterized in that If a split-screen mode is set for the terminal device, the graphical interface display instruction includes: split-screen identification IDs of at least two split screens in the split-screen mode; The step of obtaining an initial mapping area of ​​the paper object includes: Initial mapping areas of paper objects corresponding to at least two of the split-screen IDs are respectively determined; wherein the initial mapping areas are set based on the split-screen sizes of the split-screens determined by the split-screen IDs.

7. The method according to claim 6, characterized in that The at least two split screens and the corresponding split screen sizes are: the operation object is set for different types of terminal devices by calling the screen splitting function in the graphics library.

8. The method according to claim 6, characterized in that For each of the split screens, the split screen is split into N sub-screens by calling a screen splitting function in a graphics library; wherein N is greater than or equal to 2.

9. A graphical interface display device, characterized in that: The device comprises: An acquisition unit, configured to acquire an initial mapping area of ​​a paper object in response to a graphical interface display instruction triggered by a graphical UI application in a terminal device; wherein the initial mapping area is set based on a screen size associated with the terminal device; A presentation unit is used to present the mapping graphic content associated with the initial mapping area on the screen of the terminal device.

10. An electronic device, characterized in that: It comprises a processor and a memory, wherein the memory stores a computer program, and when the computer program is executed by the processor, the processor executes the steps of any one of the methods of claims 1 to 8.

11. A computer-readable storage medium, characterized in that: It includes a computer program. When the computer program is run on an electronic device, the computer program is used to enable the electronic device to execute the steps of any method described in claims 1 to 8.

12. A computer program product, characterized in that The computer program product comprises: a computer program code, and when the computer program code is run on a computer, the computer is enabled to execute the steps of any one of the methods as claimed in claims 1 to 8.

Images