HK40068134B - Method and apparatus for adjusting interface layout, device, and storage medium - Google Patents

Description

A method, apparatus, device, and storage medium for adjusting interface layout.

Technical Field

The embodiments of the present invention relate to the field of front-end technology, and in particular to a method, apparatus, device and storage medium for adjusting interface layout.

Background Technology

With the development of terminal devices, the demand for them is increasing. To meet different needs, various applications can be installed on terminal devices. The interface layout of these applications greatly influences the user experience.

In related technologies, the baseline application interface of an application often corresponds to the baseline resolution of a baseline screen, such as 1280px*720px. However, the target resolution of the screen to be adapted for different terminal devices may be different. Therefore, in order to adapt to different terminal devices, related technologies adjust the physical size of the interface elements presented in the baseline application interface according to the proportional relationship between the baseline resolution and different target resolutions, so as to obtain the adapted application interface displayed on different terminal devices.

Since different terminal devices have different target resolutions, the ratio between different target resolutions and the baseline resolution is also different. Therefore, by using different ratios to adjust the physical size of the interface elements in the same baseline application interface, the resulting adapted application interfaces will also be different. That is, the physical size of the interface elements in the adapted application interface presented on different terminal devices is different, which in turn affects the visual presentation effect of the application interface.

Summary of the Invention

This application provides a method, apparatus, device, and storage medium for adjusting the layout of an application interface to improve the visual presentation of the application interface.

On one hand, embodiments of this application provide a method for adjusting the interface layout, the method comprising:

In response to a trigger operation for a target application, an adapted application interface of the target application is displayed on the target screen. The adapted application interface includes multiple interface elements, and the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface.

Each of the first physical dimensions is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target point density of the target screen, wherein the target virtual pixel size is the same as the reference virtual pixel size of the interface element in the base application interface.

On one hand, embodiments of this application provide an application interface adaptation device, the device comprising:

The display module is used to respond to a trigger operation for the target application and display the adapted application interface of the target application through the target screen. The adapted application interface includes multiple interface elements, and the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface.

Each of the first physical dimensions is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target point density of the target screen, wherein the target virtual pixel size is the same as the reference virtual pixel size of the interface element in the base application interface.

Optionally, it may also include a processing module;

The processing module is specifically used for:

Based on the target virtual pixel size of the interface element and the target point density, determine the target pixel size of the interface element in the adapted application interface.

Based on the target pixel size of the interface element, determine the first physical size of the interface element as presented in the adapted application interface.

Optionally, the processing module is further configured to:

Based on the target resolution and the original screen density of the target screen, the effective width and effective height of the target screen are determined;

Based on the first difference between the effective width and the reference width of the reference screen, and the second difference between the effective height and the reference height of the reference screen, the standardization adjustment direction of the target screen is determined;

Based on the standardized adjustment direction, the original pixel density of the target screen is adjusted to obtain the target pixel density.

Optionally, the processing module is further configured to:

Before determining the standardization adjustment direction of the target screen based on a first difference between the effective width and the reference width of the reference screen, and a second difference between the effective height and the reference height of the reference screen, the first difference is determined based on the ratio of the effective width to the reference width; and the second difference is determined based on the ratio of the effective height to the reference height.

Determine that either the first difference or the second difference is less than 1.

Optionally, the processing module is specifically used for:

If the first difference is greater than the second difference, then the height direction is used as the standardization adjustment direction of the target screen;

If the first difference is less than or equal to the second difference, then the width direction is used as the standardization adjustment direction of the target screen.

Optionally, the processing module is specifically used for:

Based on the target resolution, determine the number of target pixels corresponding to the target screen in the normalization adjustment direction;

Based on the target number of pixels and the reference number of pixels of the reference screen corresponding to the normalization adjustment direction, the original screen density is adjusted to obtain the target screen density;

Based on the target screen density and the reference point density, the original pixel density is adjusted to determine the target point density.

Optionally, the adapted application interface also includes multiple adaptation information guidance areas, each of which is used to display interface elements associated with a type of guidance information;

The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined based on the initial pixel size of the adaptation information guide area and the target width of the target screen. The initial pixel size of the adaptation information guide area is determined based on the reference virtual pixel size of the corresponding reference information guide area in the reference application interface and the target point density.

The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed in each adaptation information guide area, are determined based on the initial pixel size of the adaptation information guide area and the target height of the target screen.

Optionally, the processing module is further configured to:

Based on the reference width range and the reference point density of the reference screen, the target width adjustment range of the adaptation information guidance area is determined;

Based on the initial pixel size, determine the initial pixel width of the adaptation information guidance area;

Based on the target width of the target screen and the width adjustment range, the initial pixel width is adjusted to obtain the target pixel width of the adaptation information guide area, and based on the target pixel width, the physical width of the adaptation information guide area presented in the adaptation application interface is determined.

Optionally, the processing module is specifically used for:

The ratio of the preset point density corresponding to the reference width range to the reference point density of the reference screen is used as the adjustment ratio of the reference width adjustment range;

The target width adjustment range of the adaptation information guidance area is obtained by multiplying the upper and lower boundary values of the reference width adjustment range by the adjustment ratio.

Optionally, the processing module is further configured to:

Based on the initial pixel size, determine the initial pixel height of the adaptation information guidance area;

Based on the target height and the display status information of the reference information guide area, the height adjustment value of the preliminary pixel height is determined;

Based on the height adjustment value and the preliminary pixel height, the target pixel height of the adaptation information guide area is determined, and based on the target pixel height, the physical height of the adaptation information guide area presented in the adaptation application interface is determined.

Optionally, the processing module is further configured to:

Based on the target height and the display status information of the baseline information guide area, determine the number of elements to be adjusted in the adaptation information guide area;

Based on the adjusted number of elements and the baseline number of interface elements displayed by the baseline information guide area in the baseline application interface, the target number of interface elements displayed by the adaptation information guide area in the adaptation application interface is determined.

Optionally, the adapted application interface further includes an adapted control area, which is used to display interface elements associated with the operation controls, and the plurality of adapted information guidance areas include a target dynamic information guidance area;

The target display position of the adaptation control area in the adaptation application interface is determined based on the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface.

Optionally, the processing module is further configured to:

If the pixel size of the blank area is greater than a preset threshold, then the blank area will be used as the target display position of the adaptation control area in the adaptation application interface.

If the pixel size of the blank area is less than or equal to a preset threshold, the target display position of the adaptation control area in the adaptation application interface is determined based on the display position relationship between the benchmark dynamic information guide area and the benchmark control area in the benchmark application interface, and the display position of the target dynamic information guide area in the adaptation application interface.

Optionally, the target application includes multiple independent business layers, including a notification layer, a branch layer, a main layer, a control layer, and a bottom layer.

Optionally, the plurality of adaptation information guidance areas are located in the mainline layer;

The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined in the main layer based on the initial pixel size of the adaptation information guide area and the target width of the target screen;

The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed by each adaptation information guide area, are determined in the main layer based on the initial pixel size of the adaptation information guide area and the target height of the target screen.

Optionally, the adaptation control area is located in the control layer;

The target display position of the adaptation control area in the adaptation application interface is determined by the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface in the control layer.

On one hand, embodiments of this application provide a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the steps of the above-described application interface adaptation method.

On one hand, embodiments of this application provide a computer-readable storage medium storing a computer program executable by a computer device, which, when run on the computer device, causes the computer device to perform the steps of the above-described image processing method.

On one hand, embodiments of this application provide a computer program product, the computer program product including a computer program stored on a computer-readable storage medium, the computer program including program instructions, which, when executed by a computer device, cause the computer device to perform the steps of the above-described application interface adaptation method.

In this embodiment, the first physical size of the interface elements in the adapted application interface is determined by taking the equality of the baseline virtual pixel size and the target virtual pixel size of the interface elements as a benchmark, and combining the relationship between the virtual pixel size, pixel size, and dot density of the interface elements. This ensures that the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the baseline application interface. This ensures that the visual presentation effect of each interface element in the adapted application interface displayed on the target screen is the same as that of the corresponding interface elements in the baseline application interface displayed on the baseline screen. It also ensures that the visual presentation effect of the interface elements in the adapted application interface displayed on different terminal devices is the same, thereby improving the user experience. Secondly, by standardizing the target screen, a single baseline application interface can meet the adaptation requirements of different screens such as automotive, tablet, and mobile phones, avoiding the waste of resources caused by repeatedly designing baseline application interfaces. In addition, after physically adapting the information guidance area and control area in the application interface, the information guidance area and control area are further dynamically adjusted (including left-right and top-bottom adaptation). At the same time, the display position of the control area in the application interface is adjusted, which increases the control over details and makes more reasonable use of the application interface space.

Attached Figure Description

To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

Figure 1 is a schematic diagram of a system architecture provided in an embodiment of this application;

Figure 2 is a schematic diagram of an application scenario provided by an embodiment of this application;

Figure 3 is a flowchart illustrating an application interface adaptation method provided in an embodiment of this application;

Figure 4 is a schematic diagram of a service layering provided in an embodiment of this application;

Figure 5 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 6 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 7 is a schematic diagram of a functional area provided in an embodiment of this application;

Figure 8 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 9 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 10 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 11 is a schematic diagram of a baseline application interface and an adapted application interface provided in an embodiment of this application;

Figure 12 is a flowchart illustrating an application interface adaptation method provided in an embodiment of this application;

Figure 13 is a schematic diagram of the structure of an application interface adaptation device provided in an embodiment of this application;

Figure 14 is a schematic diagram of the structure of a computer device provided in an embodiment of this application.

Detailed Implementation

To make the objectives, technical solutions, and beneficial effects of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

For ease of understanding, the terms used in the embodiments of this invention are explained below.

Application Interface: Also known as User Interface (UI), it is the medium for interaction and information exchange between the system and the user. Its purpose is to enable users to operate the hardware conveniently and efficiently to achieve two-way interaction and complete the work they want to accomplish with the help of the hardware.

dpi: dots per inch, also known as dot density, is a unit of measurement for the resolution of devices such as printers and mice, that is, pixels per inch. The formula for calculating dpi is shown in the following formula (1):

dpi＝sqrt(X ² +Y ² )/C………………(1)

Where X and Y represent the width and height in the screen resolution, respectively, and C represents the length of the screen diagonal, in feet.

ppi: point per pnch, the number of pixels per foot, i.e., pixel density.

density: screen density, density = screen dpi / 160.

dp: Virtual pixel unit. 1 dp is equal to 1 pixel on a screen with a dpi of 160, 2 pixels on a screen with a dpi of 320, and 3 pixels on a screen with a dpi of 480.

The relationship between the pixel size of an interface element, the virtual pixel size, and the pixel density of the screen is shown in the following formula (2):

p＝d*(dpi/160)………………(2)

Where p represents the pixel size of the interface element, in pixels (px); d represents the virtual pixel size of the interface element, in dp.

Pixel size: Size represented by the number of pixels occupied. For example, if a UI element occupies 3 pixels in width and 3 pixels in height, then the pixel size of that UI element is 3px * 3px.

Physical size: A size measured using physical methods; it is a visible size. For example, by physically measuring a UI element displayed on a screen, the physical size of that UI element is obtained as 0.1 feet * 0.1 feet.

The design concept of the embodiments of this application will be introduced below.

In related technologies, the baseline application interface of an application often corresponds to the baseline resolution of a baseline screen, such as 1280px*720px. However, the target resolution of the screen to be adapted for different terminal devices may be different. Therefore, in order to adapt to different terminal devices, related technologies adjust the physical size of the interface elements presented in the baseline application interface according to the proportional relationship between the baseline resolution and different target resolutions, so as to obtain the adapted application interface displayed on different terminal devices.

Since different terminal devices have different target resolutions, the ratio between different target resolutions and the baseline resolution is also different. Therefore, by using different ratios to adjust the physical size of the interface elements in the same baseline application interface, the resulting adapted application interfaces will also be different. That is, the physical size of the interface elements in the adapted application interface presented on different terminal devices is different, which in turn affects the visual presentation effect of the application interface.

Considering that a screen to be adapted typically corresponds to two attributes—target resolution and target pixel density—the physical size of the interface elements in the adapted application interface is related not only to the target resolution but also to the target pixel density when displaying the adapted application interface on that screen. Therefore, it is necessary to adjust the physical size of the interface elements by combining the relationship between the target resolution and the baseline resolution, as well as the relationship between the target pixel density and the baseline pixel density. This ensures that the physical size of the interface elements presented in the adapted application interface is the same as the corresponding physical size of the interface elements presented in the baseline application interface, thereby achieving the effect of consistent physical size of interface elements in the adapted application interface across different terminal devices.

To further simplify the process of adjusting the physical size of interface elements, this application obtains a virtual pixel size based on the parameters of resolution and pixel density. Then, for each interface element, the physical size of the interface elements in the baseline application interface is adjusted based on the premise that the baseline virtual pixel size of the interface element is equal to the target virtual pixel size of the interface element, to obtain an adapted application interface, so that the physical size of the interface elements presented in the adapted application interface is the same as the physical size of the corresponding interface elements presented in the baseline application interface.

Based on the above ideas, this application provides a method for application interface adaptation. The method includes: in response to a trigger operation for a target application, displaying an adapted application interface of the target application on a target screen, wherein the adapted application interface includes multiple interface elements, and the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface; and each first physical size is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target point density of the target screen, wherein the target virtual pixel size is the same as the base virtual pixel size of the interface element in the base application interface.

In this embodiment, the first physical size of the interface elements in the adapted application interface is determined by taking the equality of the base virtual pixel size and the target virtual pixel size of the interface elements as a benchmark, and combining the relationship between the virtual pixel size, pixel size, and dot density of the interface elements. This ensures that the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface. As a result, the visual presentation effect of each interface element in the adapted application interface displayed on the target screen is the same as that of the corresponding interface elements in the base application interface displayed on the base screen. This also ensures that the visual presentation effect of the interface elements in the adapted application interface displayed on different terminal devices is the same, thereby improving the user experience.

Referring to Figure 1, which is a system architecture diagram applicable to an embodiment of this application, the system architecture includes at least a terminal device 101 and a server 102. The number of terminal devices 101 can be one or more, and the number of servers 102 can also be one or more. This application does not specifically limit the number of terminal devices 101 and servers 102.

The target application is pre-installed in the terminal device 101. The type of target application can be a client application, a web application, a mini-program application, etc. Specifically, the target application can be a map application, a vehicle-to-everything (V2X) application, an instant messaging application, a shopping application, etc. The terminal device 101 can be a smartphone, tablet, laptop, desktop computer, smart home appliance, smart voice interaction device, smart in-vehicle device, etc., but is not limited to these.

Server 102 is the backend server of the target application. Server 102 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms. Terminal device 101 and server 102 can be connected directly or indirectly through wired or wireless communication, which is not limited herein.

The method for adjusting the interface layout in this embodiment can be executed by the terminal device 101, the server 102, or by the interaction between the terminal device 101 and the server 102.

Taking the method of adjusting the interface layout in the embodiments of this application executed by terminal device 101 as an example, it includes the following steps:

Terminal device 101 pre-installs a target application. In response to a trigger operation for the target application, terminal device 101 displays an adapted application interface of the target application on the target screen. The adapted application interface includes multiple interface elements. The first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface. Each first physical size is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target pixel density of the target screen. The target virtual pixel size is the same as the base virtual pixel size of the interface element in the base application interface.

In practical applications, the method for adjusting the interface layout in this application embodiment can be applied to the interface layout adjustment of applications such as map applications, vehicle networking applications, instant messaging applications, and shopping applications.

Taking a map application as an example, as shown in Figure 2, the baseline application interface is displayed on a baseline screen. The baseline screen has a baseline resolution of 1280px * 720px and a dpi of 160. Taking interface element 201 as an example, interface element 201 is the text "coffee," and the physical size of interface element 201 displayed on the baseline application interface is set to 5cm * 2cm.

The first adapted application interface is displayed on the first screen to be adapted. The base resolution of the first screen to be adapted is 1920px * 720px, and the dpi of the base screen is 160. At this time, the physical size of the interface element 202 corresponding to the interface element 201 in the first adapted application interface is 5cm * 2cm, that is, the same interface element has the same visual presentation effect on two screens with different resolutions but the same dpi.

The second adapted application interface is displayed on the second screen to be adapted. The base resolution of the second screen to be adapted is 1280px*720px, and the dpi of the base screen is 240. At this time, the physical size of the interface element 203 corresponding to the interface element 201 in the second adapted application interface is 5cm*2cm, that is, the same interface element has the same visual presentation effect on two screens with the same resolution but different dpi.

It should be noted that in the above embodiment scenario description, only interface element 201 in the baseline application interface is used as an example; the adjustment methods for other interface elements are the same as those for interface element 201. Furthermore, the visual presentation effect of the same interface element is the same on two screens with different resolutions and dpi, which will not be elaborated further here.

Based on the system architecture diagram shown in Figure 1, this application embodiment provides a flowchart of a method for adjusting the interface layout, as shown in Figure 3. The flowchart of this method is executed by a computer device, which may be the terminal device 101 and/or the server 102 shown in Figure 1, and includes the following steps:

Step S301: Obtain the target application.

Specifically, the target application can be a map application, a vehicle-to-everything (V2X) application, an instant messaging application, a shopping application, etc. In some embodiments, to better support business functions and reduce page coupling of the target application, the target application is split into multiple business layers in this application embodiment. That is, the target application includes multiple independent business layers, including a notification layer, a branch layer, a main layer, a control layer, and a bottom layer. Each business layer carries different business functions, and the jump logic and common relationships between each business layer are pre-defined.

In this embodiment, interface elements related to different services are located at different service levels. When adjusting the physical size of the interface elements, only the service level associated with the interface element needs to be adjusted, and it is not necessary to adjust all service levels, thereby improving the flexibility of interface element adjustment and the coupling of the application interface.

Taking a map application as an example, as shown in Figure 4, the map application is divided into five business layers, from top to bottom: notification layer 401, branch layer 402, main layer 403, control layer 404, and bottom layer 405.

The notification layer 401 primarily carries notifications and functions with global attributes. It floats above the branch layer and does not affect the layout of other business layers. The notification layer 401 can be displayed as dialog boxes, pop-up windows, etc.

The branch layer 402 primarily handles temporary branch tasks. Branch tasks are typically single-task flows with independent operation pages, can be initiated from any scenario, and exit the current branch page upon completion of the branch task.

The main layer (403), also known as the functional layer or scenario layer, carries functions for different business scenarios. For example, navigation functions in a navigation scenario, and path planning functions in a path planning scenario.

The 404 control layer primarily supports interactive functions via controls. For example, in the base map interaction function, the control layer provides controls for base map overview and zooming. In navigation scenarios, it provides navigation-related controls.

The bottom layer 405 mainly carries basic map information and guidance information, such as road network, traffic conditions and navigation routes.

In this embodiment, the target application is layered into multiple independent business layers, reducing business coupling. Therefore, when adjusting the physical size of interface elements, only the business layer associated with the interface element needs to be adjusted, rather than all business layers, thus improving the flexibility of interface element adjustment. Secondly, layering the target application into business layers improves the clarity of business logic, facilitates the implementation of basic technical components, and reduces technical maintenance costs, thereby achieving the goal of cost reduction and efficiency improvement.

Step S302: In response to a trigger operation for the target application, the adapted application interface of the target application is displayed on the target screen. The adapted application interface includes multiple interface elements, and the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface.

Specifically, the triggering operation can be a click, double-click, swipe, etc. The target screen is the screen to be adapted to; its target resolution can be the same as or different from the baseline resolution of the reference screen. The target pixel density of the target screen can also be the same as or different from the baseline pixel density of the reference screen.

In some embodiments, the interface element may be text, image, video, etc. Each of the first physical dimensions is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target point density of the target screen. The target virtual pixel size is the same as the reference virtual pixel size of the interface element in the reference application interface. The reference virtual pixel size of the interface element is obtained by substituting the pixel size of the interface element and the reference point density of the reference application interface into the above formula (2).

In this embodiment, the first physical size of the interface elements in the adapted application interface is determined by taking the equality of the base virtual pixel size and the target virtual pixel size of the interface elements as a benchmark, and combining the relationship between the virtual pixel size, pixel size, and dot density of the interface elements. This ensures that the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface. As a result, the visual presentation effect of each interface element in the adapted application interface displayed on the target screen is the same as that of the corresponding interface elements in the base application interface displayed on the base screen. This also ensures that the visual presentation effect of the interface elements in the adapted application interface displayed on different terminal devices is the same, thereby improving the user experience.

Optionally, in step S302 above, the first physical size of each interface element presented in the adapted application interface is determined in the following way:

Based on the target virtual pixel size of the interface element and the target point density of the adapted application interface, the target pixel size of the interface element in the adapted application interface is determined. Then, based on the target pixel size of the interface element, the first physical size of the interface element presented in the adapted application interface is determined.

Specifically, virtual pixels are also known as device-independent pixels. Since the various interface elements in the benchmark application interface are designed with virtual pixels as the unit of measurement, the benchmark virtual pixel size of the interface element in the benchmark application interface determines the second physical size of the interface element presented in the benchmark application interface.

To ensure that the first physical size of the interface element presented in the adapted application interface is the same as the corresponding second physical size presented in the base application interface, the target virtual pixel size of the interface element in the adapted application interface needs to be the same as the base virtual pixel size of the interface element in the base application interface. Substituting the target virtual pixel size and the target pixel density of the target screen into the above formula (2), the target pixel size of the interface element in the adapted application interface can be obtained. Then, based on the physical size of the unit pixel and the target pixel size of the interface element, the first physical size of the interface element presented in the adapted application interface can be obtained.

For example, as shown in Figure 5, a benchmark application interface is displayed on a benchmark screen. The benchmark screen has a benchmark resolution of 1280px * 720px, a benchmark screen dpi = 160, and a physical size of 1/160 * 1/160 (in feet) per pixel. In this case, interface element 501 is the text "Range". The benchmark virtual pixel size of interface element 501 in the benchmark application interface is 10dp * 10dp, and the benchmark pixel size is 10px * 10px. Therefore, the second physical size of interface element 501 presented in the benchmark application interface is 1/16 * 1/16 (in feet).

Display the adapted application interface on the target screen. The target screen resolution is 1920px * 720px, the target screen dpi = 160, and the physical size of a unit pixel is 1/160 * 1/160 (in feet). At this time, the target virtual pixel size of the interface element 502 corresponding to the interface element 501 in the adapted application interface is the same as the base virtual pixel size of the interface element 501, which is 10dp * 10dp. Substituting the target virtual pixel size of the interface element 502 and the dpi of the target screen into the above formula (2), we obtain that the target pixel size of the interface element 502 is 10px * 10px.

Based on the physical size of the unit pixel (1/160*1/160) and the target pixel size (10px*10px), the first physical size of the interface element presented in the adapted application interface can be obtained as 1/16*1/16 (in feet). That is, the first physical size of the interface element 501 presented in the adapted application interface is the same as the second physical size of the corresponding interface element 502 presented in the base application interface.

For example, as shown in Figure 6, a benchmark application interface is displayed on a benchmark screen. The benchmark screen has a benchmark resolution of 1280px * 720px, a benchmark screen dpi = 160, and a physical size of 1/160 * 1/160 (in feet) per pixel. At this time, interface element 501 is the text "Range". The benchmark virtual pixel size of interface element 501 in the benchmark application interface is 10dp * 10dp, and the benchmark pixel size is 10px * 10px. Therefore, the second physical size of interface element 501 presented in the benchmark application interface is 1/16 * 1/16 (in feet).

The adapted application interface is displayed on the target screen. The base resolution of the target screen is 1280px*720px, the dpi of the target screen is 320, and the physical size of each pixel is 1/320*1/320 (in feet). At this time, the target virtual pixel size of the interface element 503 corresponding to the interface element 501 in the adapted application interface is the same as the base virtual pixel size of the interface element 501, which is 10dp*10dp. Substituting the target virtual pixel size of the interface element 503 and the dpi of the target screen into the above formula (2), the target pixel size of the interface element 503 in the adapted application interface is obtained as 20px*20px.

Based on the physical size of the unit pixel (1/320*1/320) and the target pixel size of the interface element 503 (20px*20px), the first physical size of the interface element presented in the adapted application interface can be obtained as 1/16*1/16 (in feet). That is, the first physical size of the interface element 501 presented in the adapted application interface is the same as the second physical size of the corresponding interface element 503 presented in the base application interface.

In this embodiment, the target virtual pixel size of the interface element is set to the base virtual pixel size of the interface element in the base application interface to ensure that the physical size of the interface element presented in the adapted application interface is the same as that presented in the base application interface. Then, based on the target virtual pixel size of the interface element and the target point density of the target screen, the number of pixels occupied by the interface element is determined. Based on the number of pixels and the physical size of the unit pixel, the first physical size of the interface element presented in the adapted application interface is determined, thereby improving the efficiency of adjusting the physical size of the interface element and improving the visual presentation effect of the interface element.

Optionally, in practical applications, there are two types of screens with drastically different widths: one type is large-width screens such as tablet screens and automotive screens, with a width ranging from 600dp to 1080dp; the other type is small-width screens such as mobile phone screens, with a width ranging from 300dp to 500dp. If a single baseline application interface is used for adaptation on these two types of screens with drastically different widths, content may exceed the acceptable range in either the horizontal or vertical orientation. Designing different baseline application interfaces for different screen widths would result in wasted resources.

Therefore, in this embodiment of the application, before adapting the application interface to the target screen, the original pixel density of the target screen is first standardized to obtain the target pixel density, so as to ensure that the base application interface can be adapted to the target screen. Specifically, the target pixel density of the target screen is determined in the following way:

The effective width and effective height of the target screen are determined based on its target resolution and original screen density. Then, based on a first difference between the effective width and the reference width of the reference screen, and a second difference between the effective height and the reference height of the reference screen, the normalization adjustment direction of the target screen is determined. Based on this normalization adjustment direction, the original pixel density of the target screen is adjusted to obtain the target pixel density.

Specifically, the target resolution of the target screen includes the target width and target height. The target width represents the number of pixels in the width direction, and the target height represents the number of pixels in the height direction. The ratio of the target width to the original screen density is taken as the effective width, and the ratio of the target height to the original screen density is taken as the effective height. The effective width and effective height of the target screen constitute the target virtual pixel size of the target screen.

For example, if the target screen resolution is set to 1920px * 720px and the original screen density is 1, then the target screen width = 1920px, the target screen height = 720px, the effective screen width = 1920dp, and the effective screen height = 720dp.

In this embodiment, by standardizing the screens to be adapted, screens of different widths can be adapted to a single baseline application interface, avoiding the waste of resources caused by repeatedly designing the baseline application interface. At the same time, it ensures the uniformity of the physical size of the interface elements displayed on different screens to be adapted, and improves the visual presentation effect of the interface elements.

In one possible implementation, a first degree of difference is determined based on the ratio of the effective width to the reference width; and a second degree of difference is determined based on the ratio of the effective height to the reference height.

Specifically, the reference resolution of the reference screen includes its reference width and reference height. The reference width represents the number of pixels in the width direction of the reference screen, and the reference height represents the number of pixels in the height direction of the target screen. Since the reference screen density is 1 by default, the reference width and effective width of the reference screen are the same, and the reference height is also the same. The effective width and effective height of the reference screen constitute the reference virtual pixel size of the reference screen.

If the first or second difference is less than 1, it means that the target screen cannot be directly adapted to the baseline application interface. The target screen needs to be standardized in advance. That is, based on the first and second difference, the standardization adjustment direction of the target screen is determined, and the original pixel density of the target screen is adjusted based on the standardization adjustment direction to obtain the target pixel density.

If both the first and second differences are greater than 1, it means that the target screen can be directly adapted to the baseline application interface, so there is no need to standardize the target screen.

When selecting the standardization adjustment direction based on the first degree of difference and the second degree of difference, this application provides at least the following implementation methods:

If the first difference is greater than the second difference, the height direction is used as the standardization adjustment direction of the target screen; if the first difference is less than or equal to the second difference, the width direction is used as the standardization adjustment direction of the target screen.

In this embodiment, based on the relationship between the effective width of the target screen and the baseline width of the reference screen, and the relationship between the effective height of the target screen and the baseline height of the reference screen, it is determined whether the target screen can be adapted to the reference application interface. If not, the direction with the greater difference between the width and length directions is selected as the standardization adjustment direction to ensure that when the adapted application interface is displayed on the target screen, the content will not exceed the range in either the horizontal or vertical direction.

Optionally, when adjusting the original pixel density of the target screen based on the standardized adjustment direction to obtain the target pixel density, the embodiments of this application provide at least the following implementation methods:

Based on the target resolution, the number of target pixels corresponding to the target screen in the normalization adjustment direction is determined. Then, based on the number of target pixels and the number of reference pixels corresponding to the reference screen in the normalization adjustment direction, the original screen density is adjusted to obtain the target screen density. Finally, based on the target screen density and the reference pixel density, the original pixel density is adjusted to determine the target pixel density.

Specifically, the ratio of the number of target pixels to the number of reference pixels is used as the target screen density. Then, the product of the target screen density and the reference pixel density is used as the target pixel density.

For example, the baseline resolution of the base screen is set to 1280px * 720px, the base screen dpi = 160, and the base screen density is 1. The target screen has a target resolution of 3200px * 1440px, a target screen dpi = 480, and a target screen density of 3.

The ratio of the target screen width to the original screen density is calculated, and the effective width of the target screen is 1066dp; the ratio of the target screen height to the original screen density is calculated, and the effective height of the target screen is 480dp.

The ratio of the effective width of the target screen to the reference width of the reference screen is calculated, yielding a first difference of 0.833; the ratio of the effective height of the target screen to the reference height of the reference screen is calculated, yielding a second difference of 0.667. Since both the first and second differences are less than 1, the target screen needs to be standardized. Because the first difference is greater than the second difference, the height direction is chosen as the standardization direction.

The ratio of the number of target pixels in the height direction of the target screen to the number of reference pixels in the height direction of the reference screen is calculated, resulting in a target screen density of 2. Then, the product of the target screen density and the reference pixel density is calculated, resulting in a target pixel density of 320. At this point, the effective width of the adjusted target screen is 1600 dp, and the effective height is 720 dp. Correspondingly, based on the adjusted effective width and effective height, the first and second differences are calculated. Since both the first and second differences are greater than 1, the target screen can now be adapted to the reference application interface, thus obtaining an adapted application interface.

In this embodiment, by standardizing the screens to be adapted, screens of different widths can be adapted to a single baseline application interface, avoiding the waste of resources caused by repeatedly designing the baseline application interface. At the same time, it ensures the uniformity of the physical size of the interface elements displayed on different screens to be adapted, and improves the visual presentation effect of the interface elements.

Optionally, the adapted application interface also includes multiple adaptation information guide areas, each of which displays interface elements associated with a type of guide information.

The physical width of each adaptation information guide area presented in the adaptation application interface is determined based on the initial pixel size of the adaptation information guide area and the target width of the target screen. The initial pixel size of the adaptation information guide area is determined based on the baseline virtual pixel size of the corresponding baseline information guide area in the baseline application interface and the target point density.

The physical height of each adaptation guide area within the adapted application interface, as well as the target number of interface elements displayed by each of the multiple adaptation guide areas, are determined based on the initial pixel size of the adaptation guide area and the target height of the target screen.

Specifically, the application interface can be pre-divided into multiple functional areas based on functional modules. Each functional area refers to an information container within the application interface that holds interface elements. These multiple functional areas include control areas and multiple information guidance areas, such as dynamic information guidance areas and background image guidance areas. The positions of these functional areas within the application interface can be set according to the actual situation.

For example, as shown in Figure 7, the application interface includes a dynamic information guide area 701, a background image guide area 702, and a control area 703.

In the process of adjusting the interface elements in the benchmark application interface to obtain the interface elements in the adaptable application interface, the same method is used to adjust each benchmark functional area in the benchmark application interface to obtain each adaptable functional area in the adaptable application interface with a corresponding initial pixel size. The adaptable functional areas include the adaptation information guidance area, the adaptation control area, etc. Specifically, the initial pixel size of the adaptable functional area is determined based on the benchmark virtual pixel size of the benchmark functional area and the target point density of the target screen. Then, the initial pixel size of each adaptable functional area is dynamically adjusted to obtain the final adaptable functional areas in the adaptable application interface.

It should be noted that the process of determining the initial pixel size of the adaptation function area based on the baseline virtual pixel size of the baseline function area and the target point density of the target screen is the same as the method of determining the target pixel size of the interface elements based on the baseline virtual pixel size of the interface elements in the baseline application interface and the target point density of the target screen, and will not be repeated here. When dynamically adjusting the initial pixel size of the adaptation function area, only the pixel size of the adaptation function area as an information container is adjusted, and the pixel size of the interface elements in the adaptation function area is not adjusted. Therefore, the physical size of the adaptation function area may be different from the physical size of the corresponding baseline function area, but the physical size of the interface elements in the adaptation function area is always the same as the physical size of the interface elements in the corresponding baseline function area.

In this embodiment, during the process of adjusting the interface elements in the baseline application interface to obtain the interface elements in the adapted application interface, the baseline information guidance area in the baseline application interface is adjusted accordingly to obtain the preliminary adaptation information guidance area in the adapted application interface. Then, the preliminary adaptation information guidance area is dynamically adjusted to make the adaptation information guidance area more compatible with the adapted application interface, thereby improving the visual presentation effect.

In some embodiments, the physical width of each adaptation information guide area presented in the adaptation application interface is determined in the following manner:

Based on the baseline width range and the baseline pixel density of the baseline screen, the target width adjustment range of the adaptation information guide area is determined. Based on the initial pixel size, the initial pixel width of the adaptation information guide area is determined. Then, based on the target width of the target screen and the width adjustment range, the initial pixel width is adjusted to obtain the target pixel width of the adaptation information guide area. Based on the target pixel width, the physical width of the adaptation information guide area presented in the adapted application interface is determined.

Specifically, a baseline width range is set, which corresponds to a preset pixel density, for example (preset dpi = 160). Then, the ratio of the preset pixel density corresponding to the baseline width range to the baseline pixel density of the baseline screen is used as the adjustment ratio of the baseline width adjustment range. Then, the upper and lower boundary values of the baseline width adjustment range are multiplied by the adjustment ratio respectively to obtain the target width adjustment range of the adaptation information guidance area.

Based on the target width of the target screen, a width value is selected from the target width adjustment range according to preset selection rules, and this value is used as the target pixel width of the adaptation information guide area in the adaptation application interface. Then, the target pixel width is multiplied by the physical size of the unit pixel to obtain the physical width of the adaptation information guide area in the adaptation application interface. The smaller the target width of the target screen, the smaller the physical width of the adaptation information guide area in the adaptation application interface; the larger the target width of the target screen, the larger the physical width of the adaptation information guide area in the adaptation application interface.

For example, as shown in Figure 8, the baseline resolution of the baseline screen is set to 1920px*720px, the baseline pixel density of the baseline screen is 160, the baseline width adjustment range is 480px～560px, and the preset pixel density corresponding to the baseline width range is 160.

Since the reference point density of the reference screen is the same as the preset point density corresponding to the reference width range, the adjustment ratio of the reference width adjustment range is 1. Based on the adjustment ratio, the target width adjustment range can be obtained as 480px to 560px, and the pixel width of the reference information guide area 801 is 560px.

The default selection rules are as follows:

When the screen width is less than 1440px, the target pixel width of the adaptation information guide area in the adaptation application interface is the minimum width MinN2 of the target width adjustment range.

When the screen width is greater than or equal to 1440px and less than 1660px, the target pixel width of the adaptation information guide area in the adaptation application interface is the average of the minimum width MinN2 and the maximum width MaxN2 of the target width adjustment range.

When the screen width is greater than or equal to 1660px, the target pixel width of the adaptation information guide area in the adaptation application interface is the maximum width of the target width adjustment range, MaxN2.

The target screen resolution is set to 1560px * 720px, and the target pixel density is set to 160. Since the target pixel density of the target screen is the same as the reference pixel density of the base screen, the initial pixel size of the adaptation information guidance area is the same as the reference pixel size of the base information guidance area.

Since the target width of the target screen is 1560px, according to the above selection rules, the target pixel width of the adaptation information guide area 802 in the adaptation application interface can be determined to be 520px. Therefore, the initial pixel width of the adaptation information guide area 802 of 560px is adjusted to the target pixel width of 520px. Finally, the target pixel width is multiplied by the physical width of the unit pixel to obtain the physical width of the adaptation information guide area in the adaptation application interface.

For example, as shown in Figure 9, the baseline resolution of the baseline screen is set to 1920px*720px, the baseline pixel density of the baseline screen is 200, the baseline width adjustment range is 480px～560px, and the preset pixel density corresponding to the baseline width range is 160.

Since the ratio of the reference point density of the reference screen to the preset point density corresponding to the reference width range is 1.25, the adjustment ratio of the reference width adjustment range is 1.25. Based on the adjustment ratio, the target width adjustment range can be obtained as 600px to 700px, and the pixel width of the reference information guide area 901 is 700px.

The default selection rules are as follows:

When the screen width is less than 1440px, the target pixel width of the adaptation information guide area in the adaptation application interface is the minimum width MinN of the target width adjustment range.

When the screen width is greater than or equal to 1440px and less than 1660px, the target pixel width of the adaptation information guide area in the adaptation application interface is the average of the minimum width MinN and the maximum width MaxN of the target width adjustment range.

When the screen width is greater than or equal to 1660px, the target pixel width of the adaptation information guide area in the adaptation application interface is the maximum width MaxN of the target width adjustment range.

The target screen resolution is set to 1560px*720px, and the target screen dpi = 200. Since the target pixel density of the target screen is the same as the reference pixel density of the reference screen, the initial pixel size of the adaptation information guidance area is the same as the reference pixel size of the reference information guidance area.

Since the target screen width is 1560px, according to the above selection rules, the target pixel width of the adaptation information guide area 902 in the adaptation application interface can be determined to be 650px. Therefore, the initial pixel width of the adaptation information guide area 902 of 700px is adjusted to the target pixel width of 650px. Finally, the target pixel width is multiplied by the physical width of the unit pixel to obtain the physical width of the adaptation information guide area in the adaptation application interface.

In this embodiment, based on the correlation between the baseline width of the reference screen and the target width of the target screen, the left and right widths of the adaptation information guidance area presented in the adaptation application interface are adapted, so that the size of the adaptation information guidance area matches the adaptation application interface better, thereby improving the visual presentation effect of the adaptation application interface.

In some embodiments, the aforementioned multiple adaptation information guide areas are located in the mainline layer of each business layer of the target application; the physical width of each adaptation information guide area presented in the adaptation application interface is determined in the mainline layer based on the initial pixel size of the adaptation information guide area and the target width of the target screen.

The physical height of each adaptation guide area in the adapted application interface, as well as the target number of interface elements displayed in each adaptation guide area, are determined in the main layer based on the initial pixel size of the adaptation guide area and the target height of the target screen.

In some embodiments, the physical height of each adaptation information guide area presented in the adaptation application interface is determined in the following way:

Based on the initial pixel dimensions, the initial pixel height of the adaptation information guide area is determined. Then, based on the target height of the target screen and the display status information of the baseline information guide area, the height adjustment value of the initial pixel height is determined. Based on the height adjustment value and the initial pixel height, the target pixel height of the adaptation information guide area is determined, and based on the target pixel height, the physical height of the adaptation information guide area presented in the adapted application interface is determined.

In some embodiments, the target number of interface elements displayed in each adaptation information guide area is determined in the following manner:

Based on the target height and the display status information of the baseline information guide area, the number of elements to be adjusted in the adaptation information guide area is determined. Then, based on the number of elements adjusted and the baseline number of interface elements displayed in the baseline application interface by the baseline information guide area, the target number of interface elements displayed in the adaptation application interface by the adaptation information guide area is determined.

Specifically, if the display status information of the baseline information guide area indicates that the baseline information guide area has not displayed all interface elements, the corresponding adaptation information guide area can display more interface elements by increasing the display area.

In practice, when the target height of the application interface can be adapted to display the adaptation information guide area with the initial pixel height, and there is also an additional blank area that can be used to display the adaptation information guide area, the height adjustment value of the initial pixel height and the number of elements to be adjusted in the adaptation information guide area are determined based on the pixel height of the blank area. At this time, both the height adjustment value and the number of elements to be adjusted are greater than 0.

When the target height of the application interface can be adapted to display the adaptation information guide area with the initial pixel height, and there is no additional blank area that can be used to display the adaptation information guide area, then the height adjustment value of the initial pixel height and the number of elements adjusted in the adaptation information guide area are both 0.

When the target height of the application interface cannot be adapted to display the entire initial pixel height of the adaptation information guide area, the height adjustment value of the initial pixel height and the number of elements to be adjusted in the adaptation information guide area are determined based on the pixel height that cannot be displayed in the adaptation information guide area. At this time, both the height adjustment value and the number of elements to be adjusted are less than 0.

If the display status of the baseline information guide area indicates that all interface elements have been displayed, then the initial pixel height adjustment value and the number of elements adjusted to adapt to the information guide area are both 0.

Add the height adjustment value to the initial pixel height of the adaptation information guide area to determine the target pixel height of the adaptation information guide area in the adapted application interface. Then, multiply the target pixel height of the adaptation information guide area by the physical height of the unit pixel to obtain the physical height of the displayed adaptation information guide area. Add the element adjustment quantity to the baseline number of interface elements displayed by the baseline information guide area in the baseline application interface to determine the target number of interface elements displayed by the information guide area in the adapted application interface.

For example, as shown in Figure 10, the baseline resolution of the baseline screen is set to 1920px*720px, the dpi of the baseline screen is 160, the pixel height of the baseline information guide area 1001 is 400px, and the baseline number of interface elements in the baseline information guide area 1001 is 4.

The target screen resolution is set to 1920px*1080px, and the target screen dpi=160. Since the target point density is the same as the reference point density, the initial pixel height of the adaptation information guide area 1002 is the same as the reference pixel height of the reference information guide area 1001.

The display status information of the baseline information guide area 1001 is set to indicate that the baseline information guide area 1001 does not display all interface elements and adapts to the target height of the application interface. It can display the adaptation information guide area 1002 with a preliminary pixel height and there is also an additional blank area that can be used to display the adaptation information guide area. Based on the pixel height of the blank area, the height adjustment value of the preliminary pixel height is determined to be 300px and the number of elements in the adaptation information guide area is adjusted to 3.

The height adjustment value is added to the initial pixel height of the adaptation information guide area 1002 to determine the target pixel height of 700px in the adapted application interface. Then, the target pixel height is multiplied by the physical height per unit pixel to obtain the physical height of the adapted information guide area 1002. The number of elements adjusted is added to the baseline number of interface elements displayed in the baseline application interface of the baseline information guide area 1001 to determine the target number of interface elements displayed in the adapted application interface of 7. When performing vertical adaptation and displaying the adapted information guide area 1002, the spacing between interface elements in the height direction remains unchanged, while the information container changes with the height, increasing the displayed content.

In this embodiment, based on the target height of the target screen and the display status information in the reference information guide area, the vertical height of the adaptation information guide area presented in the adaptation application interface is adapted, so that the number of interface elements displayed in the adaptation information guide area can be adjusted accordingly according to the target height of the target screen, thereby making full use of the space of the adaptation application interface, avoiding space waste and ensuring the visual presentation effect of the application interface.

Optionally, the adapted application interface also includes an adapted control area, which is used to display interface elements associated with the operation controls. This adapted control area includes a target dynamic information guide area among multiple adapted information guide areas. The target display position of the adapted control area within the adapted application interface is determined based on the pixel dimensions of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adapted application interface.

Specifically, based on the baseline virtual pixel size of the baseline control area and the target pixel density of the target screen, the initial pixel size of the adaptation control area is determined. This initial pixel size can be directly used as the target pixel size for display, or the target pixel size of the adaptation control area can be determined by using the same method as the target pixel size of the aforementioned adaptation information guide area. Based on the initial pixel size of the adaptation control area and the physical size of a unit pixel, the physical size of the adaptation control area presented in the adapted application interface is determined.

In some embodiments, the adaptation control area is located in the control layer of each business level of the target application. The target display position of the adaptation control area in the adaptation application interface is determined by the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface in the control layer.

In a baseline application interface, the baseline dynamic information guidance area is typically displayed on the far left, while the baseline control area is usually displayed to the right of it. However, in automotive applications, the left side of the baseline application interface, closer to the driver, is the prime area for operation and display. Therefore, when adapting the interface, if there is still blank space on the left side after displaying the target dynamic information guidance area, the adapted control area can be moved below the target dynamic information guidance area. This makes good use of the prime area in the adapted application interface and facilitates driver operation.

Therefore, in this embodiment, if the pixel size of the aforementioned blank area is greater than a preset threshold, the blank area is taken as the target display position of the adaptation control area in the adaptation application interface. If the pixel size of the blank area is less than or equal to the preset threshold, the target display position of the adaptation control area in the adaptation application interface is determined based on the display position relationship between the baseline dynamic information guidance area and the baseline control area in the baseline application interface, and the display position of the target dynamic information guidance area in the adaptation application interface.

Specifically, when the pixel size of the blank area is greater than a preset threshold, it means that the blank area between the lower boundary of the target dynamic information guidance area and the lower boundary of the adapted application interface can still display the adapted control area. Therefore, this blank area is taken as the target display position of the adapted control area in the adapted application interface.

If the pixel size of the blank area is less than or equal to a preset threshold, it means that the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adapted application interface cannot display the adapted control area. Then, based on the display position relationship between the benchmark dynamic information guide area and the benchmark control area in the benchmark application interface, the display position relationship between the target dynamic information guide area and the adapted control area in the adapted application interface is determined. Then, based on the display position relationship between the target dynamic information guide area and the adapted control area in the adapted application interface, and the display position of the target dynamic information guide area in the adapted application interface, the target display position of the adapted control area in the adapted application interface is determined.

For example, as shown in Figure 11, the baseline resolution of the baseline screen is set to 1920px * 720px, the baseline screen dpi = 160, and the baseline control area 1101 is located in the lower right corner of the baseline dynamic information guide area 1102. The target resolution of the target screen is 1920px * 1080px, and the target screen dpi = 160.

After the target screen displays all the content of the target dynamic information guide area 1103 corresponding to the baseline dynamic information guide area 1102, if there is a blank area between the lower boundary of the target dynamic information guide area 1103 and the lower boundary of the adapted application interface, and the pixel size of the blank area is greater than a preset threshold, then the adapted control area 1104 is displayed below the target dynamic information guide area 1103.

It should be noted that if the pixel size of the blank area between the lower boundary of the target dynamic information guidance area 1103 and the lower boundary of the adapted application interface is less than or equal to a preset threshold, the adapted control area 1104 will be displayed in the lower right corner of the target dynamic information guidance area 1103.

In this embodiment, based on the display of the adaptation information guidance area in the adaptation application interface, the display position of the adaptation control area in the adaptation application interface is dynamically adjusted. This increases the control over interface details to address individual screen differences, makes more reasonable use of the application interface space, and improves the convenience of operation.

To better explain the embodiments of this application, the following describes a method for application interface adaptation provided by the embodiments of this application in conjunction with a specific implementation scenario. The process of this method can be executed by the terminal device 101 shown in Figure 1, or by the server 102, or by the interaction between the terminal device 101 and the server 102. It includes the following steps, as shown in Figure 12:

Step S1201: Obtain the target resolution, original pixel density, and original screen density of the target screen.

Step S1202: Perform screen standardization adjustments on the target screen.

Specifically, based on the target screen's target resolution and original screen density, the effective width and effective height of the target screen are determined. The ratio of the effective width to the reference width is used as the first difference factor; and the ratio of the effective height to the reference height is used as the second difference factor.

If either the first or second difference score is greater than 1, screen standardization adjustment is not required for the target screen; the original pixel density of the target screen is directly used as the target pixel density. If either the first or second difference score is less than 1, screen standardization adjustment is required for the target screen. The specific process for screen standardization adjustment is as follows:

If the first difference is greater than the second difference, the height direction is used as the normalization adjustment direction for the target screen; if the first difference is less than or equal to the second difference, the width direction is used as the normalization adjustment direction for the target screen. Based on the target resolution of the target screen, the number of target pixels corresponding to the target screen in the normalization adjustment direction is determined. The ratio of the number of target pixels to the number of reference pixels of the reference screen in the normalization adjustment direction is used as the target screen density. Then, the product of the target screen density and the reference pixel density of the reference screen is used as the target pixel density.

Step S1203, business layering.

Specifically, the target application is split into multiple business layers, including a notification layer, a branch layer, a main layer, a control layer, and a bottom layer. Each business layer carries different business functions, and the jump logic and common relationships between each business layer are pre-defined.

Step S1204, physical adaptation.

Specifically, for interface elements in the application interface, the baseline virtual pixel size of the interface element is used as the target virtual pixel size of the interface element in the adapted application interface. Then, based on the target virtual pixel size of the interface element and the target pixel density of the target screen, the target pixel size of the interface element in the adapted application interface is determined. Based on the target pixel size of the interface element and the physical size of a unit pixel in the target screen, the physical size of the interface element presented in the adapted application interface is determined. At this point, the physical size of the interface element presented in the adapted application interface is the same as the physical size of the interface element presented in the baseline application interface.

Specifically, regarding the functional areas in the application interface, a functional area refers to an information container that carries interface elements. A functional area includes one or more interface elements and can be an information guide area, a control area, etc. Taking the information guide area as an example, the baseline virtual pixel size of the baseline information guide area is used as the target virtual pixel size of the corresponding adapted information guide area in the adapted application interface. Then, based on the target virtual pixel size of the adapted information guide area and the target pixel density of the target screen, the initial pixel size of the adapted information guide area in the adapted application interface is determined. The method for physically adapting other functional areas is the same as that for physically adapting the information guide area, and will not be repeated here.

Step S1205: Dynamic adjustment.

Specifically, after obtaining the initial pixel size of the adaptation function area through physical adaptation, it is necessary to dynamically adjust the initial pixel size of the adaptation function area to obtain the target pixel size of the adaptation function area. The adaptation function area includes the adaptation information guidance area, the adaptation control area, etc.

Taking the adaptation information guide area as an example, based on the initial pixel size, the initial pixel width and initial pixel height of the adaptation information guide area are determined. Based on the baseline width and pixel density of the baseline screen and the target pixel density of the target screen, the target width adjustment range of the adaptation information guide area is determined. Then, based on the target width of the target screen and the width adjustment range, the initial pixel width is adjusted to obtain the target pixel width of the adaptation information guide area. Next, based on the target height of the target screen and the display status information of the baseline information guide area, the initial pixel height adjustment value and the number of elements to be adjusted in the adaptation information guide area are determined. Based on the height adjustment value and the initial pixel height, the target pixel height of the adaptation information guide area is determined. Finally, based on the target pixel width and target pixel height of the adaptation information guide area, the target pixel size of the adaptation information guide area is obtained.

Based on the target pixel size of the adaptation information guide area and the physical size of a unit pixel on the target screen, the physical size of the adaptation information guide area presented in the adapted application interface is determined. However, since the target pixel size of the adaptation information guide area may differ from its initial pixel size, the physical size presented in the adapted application interface may also differ from the physical size presented in the baseline application interface.

It should be noted that when dynamically adjusting the adaptation information guide area, only the pixel size of this information container is adjusted, and the pixel size of the interface elements within the adaptation information guide area is not adjusted. Furthermore, since the adaptation information guide area is located in the main layer 403 of the various business layers shown in Figure 4, when dynamically adjusting the adaptation information guide area, only the adaptation information guide area in the main layer 403 needs to be adjusted, and other business layers do not need to be adjusted.

Additionally, when adjusting the initial pixel height of the adaptation information guide area, the number of elements to be adjusted in the adaptation information guide area is determined based on the target height of the target screen and the display status information of the baseline information guide area. Then, based on the number of elements adjusted and the baseline number of interface elements displayed in the baseline application interface by the baseline information guide area, the target number of interface elements to be displayed in the adaptation application interface by the adaptation information guide area is determined, and the target number of interface elements is displayed in the adaptation information guide area.

For the adaptation control area, the target pixel size is determined to be the same as that of the above-mentioned adaptation information guide area. After determining the target pixel size of the adaptation control area, if the pixel size of the blank area between the lower boundary of the target dynamic information guide area on the far left of the target screen and the lower boundary of the adaptation application interface is greater than a preset threshold, then the adaptation control area is displayed below the target dynamic information guide area.

Furthermore, when dynamically adjusting the adaptation control area, only the pixel size of this information container is adjusted; the pixel sizes of the interface elements within the adaptation control area are not adjusted. Since the adaptation control area is located in control layer 404 of each business layer shown in Figure 4, when dynamically adjusting the adaptation control area, only the adaptation control area within control layer 404 needs to be adjusted, without needing to adjust other business layers.

In this embodiment, the first physical size of the interface elements in the adapted application interface is determined by taking the equality of the baseline virtual pixel size and the target virtual pixel size of the interface elements as a benchmark, and combining the relationship between the virtual pixel size, pixel size, and dot density of the interface elements. This ensures that the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the baseline application interface. This ensures that the visual presentation effect of each interface element in the adapted application interface displayed on the target screen is the same as that of the corresponding interface elements in the baseline application interface displayed on the baseline screen. It also ensures that the visual presentation effect of the interface elements in the adapted application interface displayed on different terminal devices is the same, thereby improving the user experience. Secondly, by standardizing the target screen, a single baseline application interface can meet the adaptation requirements of different screens such as automotive, tablet, and mobile phones, avoiding the waste of resources caused by repeatedly designing baseline application interfaces. In addition, after physically adapting the function areas in the application interface, we further dynamically adjusted the function areas (including left-right and top-bottom adaptation) and adjusted the display position of some function areas in the application interface, which increased the control over details and made more reasonable use of the application interface space.

Based on the same technical concept, this application provides a schematic diagram of the structure of an application interface adaptation device, as shown in Figure 13. The device 1300 includes:

The display module 1301 is used to respond to a trigger operation for the target application and display the adapted application interface of the target application through the target screen. The adapted application interface includes multiple interface elements, and the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface.

Each of the first physical dimensions is determined based on the target virtual pixel size of the interface element in the adapted application interface and the target point density of the target screen, wherein the target virtual pixel size is the same as the reference virtual pixel size of the interface element in the base application interface.

Optionally, it also includes a processing module 1302;

The processing module 1302 is specifically used for:

Based on the target virtual pixel size of the interface element and the target point density, determine the target pixel size of the interface element in the adapted application interface;

Based on the target pixel size of the interface element, determine the first physical size of the interface element as presented in the adapted application interface.

Optionally, the processing module 1302 is further configured to:

Based on the target resolution and the original screen density of the target screen, determine the effective width and effective height of the target screen;

Based on the first difference between the effective width and the reference width of the reference screen, and the second difference between the effective height and the reference height of the reference screen, the standardization adjustment direction of the target screen is determined;

Based on the standardized adjustment direction, the original pixel density of the target screen is adjusted to obtain the target pixel density.

Optionally, the processing module 1302 is further configured to:

Before determining the standardization adjustment direction of the target screen based on a first difference between the effective width and the reference width of the reference screen, and a second difference between the effective height and the reference height of the reference screen, the first difference is determined based on the ratio of the effective width to the reference width; and the second difference is determined based on the ratio of the effective height to the reference height.

Determine that either the first difference or the second difference is less than 1.

Optionally, the processing module 1302 is specifically used for:

If the first difference is greater than the second difference, then the height direction is used as the standardization adjustment direction of the target screen;

If the first difference degree is less than or equal to the second difference degree, then the width direction is used as the standardization adjustment direction of the target screen.

Optionally, the processing module 1302 is specifically used for:

Based on the target resolution, determine the number of target pixels corresponding to the target screen in the normalization adjustment direction;

Based on the target number of pixels and the reference number of pixels of the reference screen corresponding to the normalization adjustment direction, the original screen density is adjusted to obtain the target screen density;

Based on the target screen density and the reference point density, the original pixel density is adjusted to determine the target point density.

Optionally, the adapted application interface also includes multiple adaptation information guidance areas, each of which is used to display interface elements associated with a type of guidance information;

The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined based on the initial pixel size of the adaptation information guide area and the target width of the target screen. The initial pixel size of the adaptation information guide area is determined based on the reference virtual pixel size of the corresponding reference information guide area in the reference application interface and the target point density.

The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed in each adaptation information guide area, are determined based on the initial pixel size of the adaptation information guide area and the target height of the target screen.

Optionally, the processing module 1302 is further configured to:

Based on the reference width range and the reference point density of the reference screen, the target width adjustment range of the adaptation information guidance area is determined;

Based on the initial pixel size, determine the initial pixel width of the adaptation information guidance area;

Based on the target width of the target screen and the width adjustment range, the initial pixel width is adjusted to obtain the target pixel width of the adaptation information guide area, and based on the target pixel width, the physical width of the adaptation information guide area presented in the adaptation application interface is determined.

Optionally, the processing module 1302 is specifically used for:

The ratio of the preset point density corresponding to the reference width range to the reference point density of the reference screen is used as the adjustment ratio of the reference width adjustment range;

The target width adjustment range of the adaptation information guidance area is obtained by multiplying the upper and lower boundary values of the reference width adjustment range by the adjustment ratio.

Optionally, the processing module 1302 is further configured to:

Based on the initial pixel size, determine the initial pixel height of the adaptation information guidance area;

Based on the target height and the display status information of the reference information guide area, the height adjustment value of the preliminary pixel height is determined;

Based on the height adjustment value and the preliminary pixel height, the target pixel height of the adaptation information guide area is determined, and based on the target pixel height, the physical height of the adaptation information guide area presented in the adaptation application interface is determined.

Optionally, the processing module 1302 is further configured to:

Based on the target height and the display status information of the baseline information guide area, determine the number of elements to be adjusted in the adaptation information guide area;

Based on the adjusted number of elements and the baseline number of interface elements displayed by the baseline information guide area in the baseline application interface, the target number of interface elements displayed by the adaptation information guide area in the adaptation application interface is determined.

Optionally, the adapted application interface further includes an adapted control area, which is used to display interface elements associated with the operation controls, and the plurality of adapted information guidance areas include a target dynamic information guidance area;

The target display position of the adaptation control area in the adaptation application interface is determined based on the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface.

Optionally, the processing module 1302 is further configured to:

If the pixel size of the blank area is greater than a preset threshold, then the blank area will be used as the target display position of the adaptation control area in the adaptation application interface.

If the pixel size of the blank area is less than or equal to a preset threshold, the target display position of the adaptation control area in the adaptation application interface is determined based on the display position relationship between the benchmark dynamic information guide area and the benchmark control area in the benchmark application interface, and the display position of the target dynamic information guide area in the adaptation application interface.

Optionally, the target application includes multiple independent business layers, including a notification layer, a branch layer, a main layer, a control layer, and a bottom layer.

Optionally, the plurality of adaptation information guidance areas are located in the mainline layer;

The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined in the main layer based on the initial pixel size of the adaptation information guide area and the target width of the target screen;

The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed by each adaptation information guide area, are determined in the main layer based on the initial pixel size of the adaptation information guide area and the target height of the target screen.

Optionally, the adaptation control area is located in the control layer;

The target display position of the adaptation control area in the adaptation application interface is determined by the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface in the control layer.

In this embodiment, the first physical size of the interface elements in the adapted application interface is determined by taking the equality of the base virtual pixel size and the target virtual pixel size of the interface elements as a benchmark, and combining the relationship between the virtual pixel size, pixel size, and dot density of the interface elements. This ensures that the first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the base application interface. As a result, the visual presentation effect of each interface element in the adapted application interface displayed on the target screen is the same as that of the corresponding interface elements in the base application interface displayed on the base screen. This also ensures that the visual presentation effect of the interface elements in the adapted application interface displayed on different terminal devices is the same, thereby improving the user experience.

Based on the same technical concept, this application provides a computer device, which may be the terminal device shown in FIG1 and/or a server. As shown in FIG14, it includes at least one processor 1401 and a memory 1402 connected to at least one processor. This application does not limit the specific connection medium between the processor 1401 and the memory 1402. FIG14 shows an example where the processor 1401 and the memory 1402 are connected via a bus. The bus can be divided into address bus, data bus, control bus, etc.

In this embodiment of the application, the memory 1402 stores instructions that can be executed by at least one processor 1401. By executing the instructions stored in the memory 1402, at least one processor 1401 can perform the steps of the above-described application interface adaptation method.

The processor 1401 is the control center of the computer device, capable of connecting various parts of the computer device via various interfaces and lines. It adapts the application interface by running or executing instructions stored in the memory 1402 and accessing data stored in the memory 1402. Optionally, the processor 1401 may include one or more processing units. The processor 1401 may integrate an application processor and a modem processor. The application processor primarily handles the operating system, user interface, and applications, while the modem processor primarily handles wireless communication. It is understood that the modem processor may not be integrated into the processor 1401. In some embodiments, the processor 1401 and the memory 1402 may be implemented on the same chip; in other embodiments, they may be implemented on separate chips.

Processor 1401 can be a general-purpose processor, such as a central processing unit (CPU), digital signal processor, application-specific integrated circuit (ASIC), field-programmable gate array (FPGA), or other programmable logic device, discrete gate or transistor logic device, or discrete hardware component, capable of implementing or executing the methods, steps, and logic block diagrams disclosed in the embodiments of this application. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the methods disclosed in the embodiments of this application can be directly manifested as being executed by a hardware processor, or executed by a combination of hardware and software modules within the processor.

Memory 1402, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs, non-volatile computer-executable programs, and modules. Memory 1402 may include at least one type of storage medium, such as flash memory, hard disk, multimedia card, card-type memory, random access memory (RAM), static random access memory (SRAM), programmable read-only memory (PROM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), magnetic memory, magnetic disk, optical disk, etc. Memory 1402 can be any other medium capable of carrying or storing desired program code in the form of instructions or data structures and accessible by a computer device, but is not limited thereto. In the embodiments of this application, memory 1402 can also be a circuit or any other device capable of implementing storage functions for storing program instructions and/or data.

Based on the same inventive concept, embodiments of this application provide a computer-readable storage medium storing a computer program executable by a computer device, which, when run on the computer device, causes the computer device to perform the steps of the above-described application interface adaptation method.

Based on the same inventive concept, this application provides a computer program product, which includes a computer program stored on a computer-readable storage medium. The computer program includes program instructions, which, when executed by a computer device, cause the computer device to perform the steps of the above-described application interface adaptation method.

Those skilled in the art will understand that embodiments of the present invention can be provided as methods or computer program products. Therefore, the present invention can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention can take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

This invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in one or more blocks of the flowchart illustrations and/or one or more blocks of the block diagrams.

These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means that implement the functions specified in one or more flowcharts and/or one or more block diagrams.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, such that the instructions, which execute on the computer or other programmable apparatus, provide steps for implementing the functions specified in one or more flowcharts and/or one or more block diagrams.

Although preferred embodiments of the invention have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including both the preferred embodiments and all changes and modifications falling within the scope of the invention.

Obviously, those skilled in the art can make various modifications and variations to this invention without departing from its spirit and scope. Therefore, if these modifications and variations fall within the scope of the claims of this invention and their equivalents, this invention also intends to include these modifications and variations.

Claims (17)

1. A method for application interface adaptation, characterized in that it includes: In response to a trigger operation for a target application, an adapted application interface of the target application is displayed on a target screen. The adapted application interface includes multiple interface elements. The first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the baseline application interface. The baseline application interface is displayed on a baseline screen. The target virtual pixel size is the same as the baseline virtual pixel size of the interface element in the baseline application interface. The first physical size of each interface element presented in the adapted application interface is determined in the following way: the target pixel size of the interface element in the adapted application interface is determined based on the target virtual pixel size of the interface element and the target pixel density of the target screen; the first physical size is determined based on the physical size of a unit pixel and the target pixel size. The second physical size of each interface element presented in the benchmark application interface is determined by: determining the reference pixel size of the interface element in the benchmark application interface based on the reference virtual pixel size of the interface element and the reference dot density of the benchmark screen; and determining the second physical size based on the physical size of a unit pixel and the reference pixel size. The target point density of the target screen is determined in the following way: Based on the target resolution and the original screen density of the target screen, the effective width and effective height of the target screen are determined; Based on the first difference between the effective width and the reference width of the reference screen, and the second difference between the effective height and the reference height of the reference screen, the standardization adjustment direction of the target screen is determined; Based on the standardized adjustment direction, the original pixel density of the target screen is adjusted to obtain the target pixel density. 2. The method as described in claim 1, characterized in that, before determining the standardization adjustment direction of the target screen based on the first difference between the effective width and the reference width of the reference screen, and the second difference between the effective height and the reference height of the reference screen, the method further includes: A first degree of difference is determined based on the ratio of the effective width to the reference width; and a second degree of difference is determined based on the ratio of the effective height to the reference height. Determine that either the first difference or the second difference is less than 1. 3. The method as described in claim 2, characterized in that determining the standardization adjustment direction of the target screen based on a first difference between the effective width and the reference width of the reference screen, and a second difference between the effective height and the reference height of the reference screen, includes: If the first difference is greater than the second difference, then the height direction is used as the standardization adjustment direction of the target screen; If the first difference is less than or equal to the second difference, then the width direction is used as the standardization adjustment direction of the target screen. 4. The method as described in claim 1, wherein adjusting the original pixel density of the target screen based on the standardized adjustment direction to obtain the target pixel density includes: Based on the target resolution, determine the number of target pixels corresponding to the target screen in the normalization adjustment direction; Based on the target number of pixels and the reference number of pixels of the reference screen corresponding to the normalization adjustment direction, the original screen density is adjusted to obtain the target screen density; Based on the target screen density and the reference point density, the original pixel density of the target screen is adjusted to determine the target point density. 5. The method as described in claim 1, wherein the adapted application interface further includes multiple adaptation information guidance areas, each adaptation information guidance area being used to display interface elements associated with a type of guidance information; The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined based on the initial pixel size of the adaptation information guide area and the target width of the target screen. The initial pixel size of the adaptation information guide area is determined based on the reference virtual pixel size of the corresponding reference information guide area in the reference application interface and the target point density. The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed in each adaptation information guide area, are determined based on the initial pixel size of the adaptation information guide area and the target height of the target screen. 6. The method as described in claim 5, wherein the physical width of each of the adaptation information guidance areas presented in the adaptation application interface is determined in the following manner: Based on the reference width range and the reference point density of the reference screen, the target width adjustment range of the adaptation information guidance area is determined; Based on the initial pixel size, determine the initial pixel width of the adaptation information guidance area; Based on the target width of the target screen and the target width adjustment range, the initial pixel width is adjusted to obtain the target pixel width of the adaptation information guide area, and based on the target pixel width, the physical width of the adaptation information guide area presented in the adaptation application interface is determined. 7. The method as described in claim 6, wherein determining the target width adjustment range of the adaptation information guidance area based on the reference width range and the reference point density of the reference screen includes: The ratio of the preset point density corresponding to the reference width range to the reference point density of the reference screen is used as the adjustment ratio of the reference width adjustment range. The target width adjustment range of the adaptation information guidance area is obtained by multiplying the upper and lower boundary values of the reference width adjustment range by the adjustment ratio. 8. The method as described in claim 5, wherein the physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed in each adaptation information guide area, are determined in the following manner: Based on the initial pixel size, determine the initial pixel height of the adaptation information guidance area; Based on the target height and the display status information of the reference information guide area, the height adjustment value of the preliminary pixel height is determined; Based on the height adjustment value and the preliminary pixel height, the target pixel height of the adaptation information guide area is determined, and based on the target pixel height, the physical height of the adaptation information guide area presented in the adaptation application interface is determined. 9. The method as described in claim 5, wherein the target number of interface elements displayed in each of the adaptation information guidance areas is determined in the following manner: Based on the target height and the display status information of the baseline information guide area, determine the number of elements to be adjusted in the adaptation information guide area; Based on the adjusted number of elements and the baseline number of interface elements displayed by the baseline information guide area in the baseline application interface, the target number of interface elements displayed by the adaptation information guide area in the adaptation application interface is determined. 10. The method as described in claim 5, wherein the adapted application interface further includes an adapted control area, the adapted control area being used to display interface elements associated with the operation controls, and the plurality of adapted information guidance areas including a target dynamic information guidance area; The target display position of the adaptation control area in the adaptation application interface is determined based on the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface. 11. The method as described in claim 10, wherein the target display position of the adaptation control area in the adaptation application interface is determined by the following method: If the pixel size of the blank area is greater than a preset threshold, then the blank area will be used as the target display position of the adaptation control area in the adaptation application interface. If the pixel size of the blank area is less than or equal to a preset threshold, the target display position of the adaptation control area in the adaptation application interface is determined based on the display position relationship between the benchmark dynamic information guide area and the benchmark control area in the benchmark application interface, and the display position of the target dynamic information guide area in the adaptation application interface. 12. The method of claim 10, wherein the target application comprises multiple independent business layers, the multiple independent business layers comprising a notification layer, a branch layer, a main layer, a control layer, and a bottom layer. 13. The method as described in claim 12, wherein the plurality of adaptation information guidance areas are located in the mainline layer; The physical width of each of the adaptation information guide areas presented in the adaptation application interface is determined in the main layer based on the initial pixel size of the adaptation information guide area and the target width of the target screen; The physical height of each adaptation information guide area presented in the adaptation application interface, and the target number of interface elements displayed by each adaptation information guide area, are determined in the main layer based on the initial pixel size of the adaptation information guide area and the target height of the target screen. 14. The method as described in claim 12, wherein the adaptation control area is located in the control layer; The target display position of the adaptation control area in the adaptation application interface is determined by the pixel size of the blank area between the lower boundary of the target dynamic information guide area and the lower boundary of the adaptation application interface in the control layer. 15. An application interface adaptation device, characterized in that it comprises: The display module is used to respond to a trigger operation for a target application and display the adapted application interface of the target application on the target screen. The adapted application interface includes multiple interface elements. The first physical size of each interface element in the adapted application interface is the same as the second physical size of the corresponding interface element in the baseline application interface. The baseline application interface is displayed on the baseline screen. The target virtual pixel size is the same as the baseline virtual pixel size of the interface element in the baseline application interface. The processing module is specifically configured to, for each interface element, determine the target pixel size of the interface element in the adapted application interface based on the target virtual pixel size of the interface element and the target pixel density of the target screen; determine the first physical size based on the physical size of a unit pixel and the target pixel size; determine the reference pixel size of the interface element in the reference application interface based on the reference virtual pixel size of the interface element and the reference pixel density of the reference screen; and determine the second physical size based on the physical size of a unit pixel and the reference pixel size. The processing module is further configured to determine the effective width and effective height of the target screen based on the target resolution and the original screen density of the target screen; determine the normalization adjustment direction of the target screen based on a first difference between the effective width and the reference width of the reference screen, and a second difference between the effective height and the reference height of the reference screen; and adjust the original pixel density of the target screen based on the normalization adjustment direction to obtain the target pixel density. 16. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that the processor executes the program to implement the steps of any one of claims 1 to 14. 17. A computer-readable storage medium, characterized in that it stores a computer program executable by a computer device, which, when run on the computer device, causes the computer device to perform the steps of any one of the methods of claims 1 to 14.