WO2018176841A1

WO2018176841A1 - Screen size self-adaptation method and device, user terminal and readable storage medium

Info

Publication number: WO2018176841A1
Application number: PCT/CN2017/109921
Authority: WO
Inventors: 成文驰; 陈少杰; 张文明
Original assignee: 武汉斗鱼网络科技有限公司
Priority date: 2017-03-31
Filing date: 2017-11-08
Publication date: 2018-10-04
Also published as: CN106951267A

Abstract

A screen size self-adaptation method and device. The method comprises: acquiring the screen size of a current user terminal (S110); acquiring the ratio of the screen size of the current user terminal to the screen size of a pre-stored sample user terminal (S120); calculating the product of the said ratio and the size of a control displayed on the sample user terminal to obtain a display size of the control on the screen of the current user terminal (S130); and displaying the control on the current user terminal according to the obtained display size (S140). According to the method, the ratio of the screen size of the current user terminal to the screen size of the sample user terminal is obtained, and the size of the control adapted to the screen size of the current user terminal is obtained according to the ratio of the size of a pre-stored control to the screen size of the sample user terminal, thus solving the problem that the display size of the control and the screen size of the user terminal are disproportional.

Description

Screen size adaptive method, device, user terminal and readable storage medium

The present application claims priority to Chinese Patent Application No. CN201710205243.2 entitled "Screen Size Adaptation Method and Apparatus", filed on March 31, 2017, the entire contents of which is incorporated herein by reference. .

Technical field

The present application relates to the field of computer technology, and in particular, to a screen size adaptation method, apparatus, user terminal, and readable storage medium.

Background technique

With the continuous development of technology, the user terminals used by people are more and more diversified, and the sizes between different user terminals often have large differences. Therefore, mobile applications developed nowadays often need to be adapted to users of various sizes. The screen of the terminal.

Existing solutions for adapting various sizes of user terminal screens are often implemented by using unit dp (device independent pixels) in React native. The physical size of the control according to the dp does not change as the screen resolution of the user terminal and the physical size of the screen change. That is to say, regardless of the physical size of the screen of the user terminal and the change of the screen resolution, the size displayed by the control on the screen of the user terminal is consistent, and the problem that the size of the control display is inconsistent with the screen size of the user terminal is apt to occur.

Summary of the invention

In view of this, the embodiment of the present application provides a screen size adaptation method, apparatus, user terminal, and readable storage medium, which can adapt the size of the control display to the screen of different user terminals to improve the display of the control. The problem that the size is inconsistent with the screen size of the user terminal.

To achieve the above objective, an embodiment of the present application provides a screen size adaptation method, the method comprising: acquiring a screen size of a current user terminal; obtaining a screen size of the current user terminal and a screen of a sample user terminal stored in advance a ratio of the size; obtaining the control at the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a control displayed on the sample user terminal Display size of the screen; based on the display size, displaying the control on the current user terminal.

The embodiment of the present application further provides a screen size adaptation device, which is disposed on a user terminal, and the device includes: a screen size acquisition module, configured to acquire a screen size of the current user terminal; and a ratio obtaining module, configured to obtain the current a ratio of a screen size of the user terminal to a screen size of the sample user terminal stored in advance; a display size obtaining module configured to calculate a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and displayed in the a product of a size of a control of the sample user terminal to obtain a display size of the screen of the control at the current user terminal; and a control display module configured to display the control on the current user terminal based on the display size.

The embodiment of the present application further provides a user terminal, including a processor and a non-volatile memory storing a plurality of computer instructions. When the computer instruction is executed by the processor, the user terminal performs the screen size described above. Adaptive method.

The embodiment of the present application further provides a readable storage medium, the readable storage medium comprising a computer program, the computer program controlling the electronic device where the readable storage medium is located to perform the screen size adaptation method described above.

The beneficial effects of the screen size adaptation method and apparatus provided by the embodiments of the present application include, for example:

The screen size adaptation method, device, user terminal and readable storage medium provided by the embodiments of the present application firstly obtain the ratio of the screen size of the current user terminal to the screen size of the sample user terminal stored in advance; The ratio is the product of the size of the control displayed on the sample user terminal to obtain the display size of the screen of the control at the current user terminal; finally, the control is displayed at the current user terminal according to the obtained display size. The technical solution provided by the embodiment of the present application improves the problem that the size of the control display is inconsistent with the screen size of the user terminal.

DRAWINGS

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present application, and other drawings can be obtained according to the drawings without any creative work for those skilled in the art.

FIG. 1 is a structural block diagram of a user terminal provided by an embodiment of the present application;

FIG. 2 is a schematic flowchart diagram of a screen size adaptation method provided by the first embodiment of the present application;

FIG. 3a is a schematic diagram showing an interface displayed by a control of a first user terminal in the prior art; FIG.

FIG. 3b is a schematic diagram showing an interface of a control display of a second user terminal in the prior art;

4a is a schematic diagram of an interface displayed by a control of a first user terminal according to an embodiment of the present application;

FIG. 4b is a schematic diagram of an interface displayed by a control of a second user terminal according to an embodiment of the present application;

FIG. 5 is a schematic diagram showing the sub-steps of step S130 in FIG. 2;

Figure 6 is a schematic diagram showing the sub-steps of step S131 in Figure 5;

FIG. 7 is a schematic diagram showing the sub-steps of step S132 in FIG. 5;

FIG. 8 is a structural block diagram of a screen size adaptation apparatus according to a second embodiment of the present application;

FIG. 9 is a block diagram showing the structure of the screen size acquisition module of FIG.

detailed description

FIG. 1 is a block diagram showing the structure of a user terminal 20 that can be applied to an embodiment of the present application. As shown in FIG. 1, the user terminal 20 includes a memory 202, a memory controller 204, one or more (only one shown) processor 206, a peripheral interface 208, a radio frequency module 210, an audio module 212, and a touch. Control screen 214 and the like. These components pass one or more The communication bus/signal line 216 enables communication with each other.

The memory 202 can be used to store software programs and modules, such as the screen size adaptation method and the program instructions/modules corresponding to the apparatus in the embodiment of the present application. The processor 206 executes each of the software programs and modules stored in the memory 202. A functional application and data processing, such as the screen size adaptation method provided by the embodiment of the present application.

Memory 202 can include high speed random access memory and can also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. Access to the memory 202 by the processor 206 and other possible components can be performed under the control of the memory controller 204.

Peripheral interface 208 couples various input/output devices to processor 206 and memory 202. In some embodiments, peripheral interface 208, processor 206, and memory controller 204 can be implemented in a single chip. In other instances, they can be implemented by separate chips.

The radio frequency module 210 is configured to receive and transmit electromagnetic waves, and realize mutual conversion between electromagnetic waves and electric signals, thereby communicating with a communication network or other devices.

The audio module 212 provides an audio interface to the user, which may include one or more microphones, one or more speakers, and audio circuitry.

The touch screen 214 provides an output and input interface simultaneously between the user terminal 20 and the user. Optionally, the touch screen 214 displays video output to the user, and the content of the video output may include text, graphics, video, and any combination thereof.

It will be understood that the structure shown in FIG. 1 is merely illustrative, and the user terminal 20 may also include more or less components than those shown in FIG. 1, or have a different configuration than that shown in FIG. The components shown in Figure 1 can be implemented in hardware, software, or a combination thereof.

First embodiment

For details, please refer to FIG. 2 . FIG. 2 is a schematic flowchart diagram of a screen size adaptation method according to the first embodiment of the present application. The method is applied to the user terminal 20 in FIG. 1 , and the method may include the following steps:

Step S110: Acquire a screen size of the current user terminal.

The screen size may include one of a screen width or a screen length, that is, a client running on the current user terminal may acquire one of a screen width or a screen length of the current user terminal.

Optionally, the client can create a new tool class LayoutUtils.js. Get the width or height dimension of the screen of the current user terminal by let Dimensions=require(‘Dimensions’), and construct an object for storing the width dimension value or height dimension value by var LayoutUtils={}. The following can be taken as an example to obtain the width of the screen.

In the LayoutUtils object, set the properties for the width dimension value:

SCREED_WIDTH: Dimensions.get(‘window’).width,

Among them, SCREED_WIDTH represents the width dimension value of the current user terminal.

Step S120: Obtain a ratio of a screen size of the current user terminal to a screen size of a sample user terminal stored in advance.

The screen size of the sample user terminal (for example, as a width size value) may be pre-stored in the memory 202 of the current user terminal, or may be stored in the server, and acquired by the current user terminal from the server.

In the LayoutUtils object, the ratio of the width dimension value of the current user terminal to the width dimension value of the screen of the sample user terminal is obtained by WIDTH_SCALE: SCREED_WIDTH/a. The width dimension value of the sample user terminal can be set to a, where a>0 and is a constant.

It should be noted that a is a constant value, which is related to the width dimension value of the sample user terminal. For example, if the width dimension value of the screen of the sample user terminal is 360, the above code segment can be expressed as WIDTH_SCALE: SCREED_WIDTH/360, if the sample The width of the screen of the user terminal is 420, and the above code segment can be represented as WIDTH_SCALE: SCREED_WIDTH/420.

Next, you can expose the WIDTH_SCALE object property of LayoutUtils to other classes by using the program export default LayoutUtils.

Step S130: Obtain a product of the control at the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a control displayed on the sample user terminal. The display size of the screen.

Optionally, in this embodiment, the control may include a text control or a button control. Taking the text control as an example, the ratio of the screen size of the current user terminal to the screen size of the sample user terminal may be calculated and displayed on the sample user terminal. The manner in which the product of the size of the text control is multiplied to obtain the display size of the text control at the current user terminal.

The size of the text control may be the font size of the text control, and the ratio of the screen size of the current user terminal to the screen size of the sample user terminal is multiplied by the font size of the text control to obtain the display size of the text control on the screen of the current user terminal. .

The above process can be implemented by the following code snippet:

Where Text is a text label, fontSize is an attribute for setting a text font size, that is, a font size, *LayoutUtils.WIDTH_SCALE is a ratio of a screen size of the current user terminal to a screen size of a sample user terminal, and color is an attribute for setting a text color. , #fff is a white color value.

Taking the button control as an example, by calculating the product of the ratio of the screen size of the current user terminal to the screen size of the sample user terminal and the size of the button control displayed on the sample user terminal, the display of the button control on the screen of the current user terminal is obtained. size.

The size of the button control of the sample user terminal may be the preset width value of the button control and the preset height value, which can be The ratio of the screen size of the current user terminal to the screen size of the sample user terminal is multiplied by the preset width value of the button control and the preset height value, respectively, to obtain the display size of the button control on the screen of the current user terminal.

The above process can be implemented by the following code segment:

Among them, TouchableOpactiy is the control of the corresponding touch, style is the property of the control, width:200*LayoutUtils.WIDTH_SCALE is the ratio of the screen size of the current user terminal to the screen size of the sample user terminal by wide 200*, height:55*LayoutUtils.WIDTH_SCALE is High 55* The ratio of the screen size of the current user terminal to the screen size of the sample user terminal. Width: 200 is the preset width value, and height: 55 is the preset height value. It can be understood that the values of the preset width value and the preset height value may be adjusted according to actual conditions, and the above examples are not to be construed as limiting the application.

Step S140, displaying the control on the current user terminal based on the display size.

After the display size is obtained, the control is displayed on the current user terminal in accordance with the obtained display size.

For details, please refer to FIG. 3a and FIG. 3b. FIG. 3a and FIG. 3b respectively show the prior art display manners of displaying the same interface on two different types of user terminals. It can be clearly seen that the user terminal shown in FIG. 3a The screen size is inconsistent with the screen size of the user terminal shown in Figure 3b, but the text control "Publish" in the two figures and the button control in which the text control is located are the same size, so that the text control "Publish" and the button control where the text control is located It appears larger in Figure 3a and smaller in Figure 3b.

4a and 4b are diagrams showing the same interface displayed on two different models of user terminals by using the screen size adaptive method provided by the present application, and the model of the user terminal shown in FIG. 4a and the user terminal shown in FIG. 3a The model number is the same, and the model of the user terminal shown in FIG. 4b is the same as the model of the user terminal shown in FIG. 4b. As can be seen from FIG. 4a and FIG. 4b, the control is adjusted according to the screen size of the user terminal, so that the proportions of the controls displayed on different screen sizes are substantially the same, so as to improve the problem that the size of the control display is inconsistent with the screen size of the user terminal. .

For details, please refer to FIG. 5. FIG. 5 is a schematic diagram showing the sub-steps of step S130 in FIG. 2, including the following steps:

Step S131, obtaining a text control in the current user by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a text control displayed on the sample user terminal. The display size of the terminal.

The above process can be implemented by the following code snippet:

Where Text is a text label, fontSize is an attribute for setting a text font size, *LayoutUtils.WIDTH_SCALE is a ratio of a screen size of the current user terminal to a screen size of a sample user terminal, and color is an attribute for setting a text color, #fff is White color value.

Step S132, obtaining a button control at the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a button control displayed on the sample user terminal. The display size of the screen.

The size of the button control of the sample user terminal may be a preset width of the button control and a preset height value, and the ratio of the screen size of the current user terminal to the screen size of the sample user terminal and the preset width value of the button control and the preset respectively Multiply the height values to obtain the display size of the button control on the screen of the current user terminal.

The above process can be implemented by the following code segment:

Among them, TouchableOpactiy is the control of the corresponding touch, style is the property of the control, width:200*LayoutUtils.WIDTH_SCALE is the ratio of the screen size of the current user terminal to the screen size of the sample user terminal by wide 200*, height:55*LayoutUtils.WIDTH_SCALE is High 55* The ratio of the screen size of the current user terminal to the screen size of the sample user terminal.

For details, please refer to FIG. 6. FIG. 6 is a schematic diagram showing the steps of step S131, including the following steps:

Step S1311: Obtain a ratio of a screen size of the current user terminal to a screen size of the sample user terminal.

The ratio of the screen size of the current user terminal to the screen size of the sample user terminal is obtained by step S120, where the previously obtained ratio of the screen size of the current user terminal to the screen size of the sample user terminal can be called by the correlation function.

Step S1312: Multiply the ratio of the screen size of the current user terminal to the screen size of the sample user terminal by the font size of the text control to obtain the display size of the text control on the screen of the current user terminal.

The above process can be implemented by the following code snippet:

For details, please refer to FIG. 7. FIG. 7 shows a schematic diagram of the steps of step S132, including the following steps:

Step S1321: Obtain a ratio of a screen size of the current user terminal to a screen size of the sample user terminal.

The ratio of the screen size of the current user terminal to the screen size of the sample user terminal is obtained by step S120, where the previously obtained screen size of the current user terminal and the screen size of the sample user terminal can be called by the correlation function. ratio.

Step S1322: Multiply a ratio of a screen size of the current user terminal to a screen size of the sample user terminal by a preset width value of the button control and a preset height value of the button control to obtain the button control. The display size of the screen of the current user terminal.

The above process can be implemented by the following code segment:

Among them, TouchableOpactiy is the control of the corresponding touch, style is the property of the control, width:200*LayoutUtils.WIDTH_SCALE is the ratio of the screen size of the current user terminal to the screen size of the sample user terminal by wide 200*, height:55*LayoutUtils.WIDTH_SCALE is High 55* The ratio of the screen size of the current user terminal to the screen size of the sample user terminal. Width: 200 is the preset width value, and height: 55 is the preset height value. It can be understood that the values of the preset width value and the preset height value may be adjusted according to actual conditions, and should not be construed as limiting the application.

The screen size adaptation method provided by the first embodiment of the present application acquires the screen size of the current user terminal, so as to calculate a ratio of the screen size of the current user terminal to the screen size of the sample user terminal; and according to the obtained ratio and the current user terminal. The size of the control corresponding to the sample user terminal stored in advance, and the display size of the control at the current user terminal is obtained, so that the current user terminal displays the control according to the obtained display size. Compared with the existing control display method, the first embodiment of the present application can automatically adjust the size of the control displayed on the screen according to the screen size of the current user terminal, so that the display size of the control is more coordinated with the screen size of the current user terminal.

Second embodiment

For details, please refer to FIG. 8. FIG. 8 shows a screen size adaptation apparatus according to a second embodiment of the present application. The apparatus 300 includes the following modules:

The screen size obtaining module 310 is configured to acquire a screen size of the current user terminal.

In this embodiment, the manner in which the screen size obtaining module 310 acquires the screen size of the current user terminal includes:

Create a tool class, optionally, you can create a new tool class LayoutUtils.js.

Obtaining the screen size of the current user terminal, optionally, the width dimension or height dimension of the screen of the current user terminal may be obtained by let Dimensions=require(‘Dimensions’).

An object for storing the screen size of the current user terminal is constructed by the created tool class.

Optionally, you can use var LayoutUtils={} to construct an object that holds the width or height dimension values.

In this embodiment, the screen size obtaining module 310 is further configured to acquire a screen size of the sample user terminal.

The manner in which the screen size acquisition module acquires the screen size of the sample user terminal includes:

Obtaining, from the current user terminal, a screen size of the sample user terminal, wherein a screen size of the sample user terminal is pre-stored in the current user terminal; or

Obtaining a screen size of the sample user terminal from a server communicatively coupled to the current user terminal, wherein a screen size of the sample user terminal is pre-stored in the server.

The above screen size may be one of the screen width or the screen length.

The ratio obtaining module 320 is configured to obtain a ratio of a screen size of the current user terminal to a screen size of the sample user terminal stored in advance.

The display size obtaining module 330 is configured to obtain the control in the product by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a control displayed on the sample user terminal. The display size of the screen of the current user terminal.

The control display module 340 is configured to display the control on the current user terminal based on the display size.

The screen size adaptive device shown in FIG. 8 corresponds to the method shown in FIG. 2 and will not be described herein.

For details, referring to FIG. 9, the screen size obtaining module 310 includes:

a text display size sub-module 311, configured to obtain the text by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a text control displayed on the sample user terminal The display size of the control at the current user terminal.

a button display size sub-module 312, configured to obtain the button control by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a button control displayed on the sample user terminal The display size of the screen of the current user terminal.

The size of the button control of the sample user terminal may specifically be a preset width of the button control and a preset height value, and the ratio of the screen size of the current user terminal to the screen size of the sample user terminal and the preset width value of the button control respectively The preset height values are multiplied to obtain the display size of the button control on the screen of the current user terminal.

The screen size adaptation method, the device, the user terminal, and the readable storage medium provided by the embodiment of the present application acquire the screen size of the current user terminal, and obtain the ratio of the screen size of the current user terminal to the screen size of the sample user terminal stored in advance. By calculating the product of the above ratio and the size of the control displayed on the sample user terminal, the display size of the screen of the control at the current user terminal is obtained, and the control is displayed at the current user terminal according to the obtained display size. The embodiment of the present application obtains the ratio of the screen size of the current user terminal to the screen size of the sample user terminal, and obtains the screen size of the current user terminal according to the ratio between the size of the pre-stored control and the screen size of the sample user terminal. The size of the control is improved, and the problem that the size of the control display is inconsistent with the screen size of the user terminal is improved.

It should be noted that each embodiment in the specification is described in a progressive manner, and each embodiment focuses on differences from other embodiments, and the same similar parts between the embodiments are referred to each other. can. For the device type embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment.

In the several embodiments provided by the present application, it should be understood that the disclosed apparatus and method may also be implemented in other manners. The apparatus embodiments described above are merely illustrative, for example, the flowcharts and block diagrams in the figures illustrate the architecture, functionality, and functionality of possible implementations of apparatus, methods, and computer program products according to various embodiments of the present application. operating. In this regard, each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may also occur in a different order than those illustrated in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, can be implemented in a dedicated hardware-based system that performs the specified function or function. Or it can be implemented by a combination of dedicated hardware and computer instructions.

In addition, each functional module in each embodiment of the present application may be integrated to form a separate part, or each module may exist separately, or two or more modules may be integrated to form a separate part.

The functions, if implemented in the form of software functional modules and sold or used as separate products, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application, which is essential or contributes to the prior art, or a part of the technical solution, may be embodied in the form of a software product, which is stored in a storage medium, including The instructions are used to cause a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present application. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like. . It should be noted that, in this context, relational terms such as first and second are used merely to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply such entities or operations. There is any such actual relationship or order between them. Furthermore, the term "comprises" or any other variants thereof is intended to cover a non-exclusive inclusion, such that a process, method, article, or device that comprises a plurality of elements includes not only those elements but also other elements not specifically listed. Or it also includes elements inherent to such a process, method, article or device. An element that is defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device that comprises the element.

The above description is only the preferred embodiment of the present application, and is not intended to limit the present application, and various changes and modifications may be made to the present application. Any modifications made within the spirit and principles of this application, Equivalent substitutions, improvements, etc., are intended to be included within the scope of the present application. It should be noted that similar reference numerals and letters indicate similar items in the following figures, and therefore, once an item is defined in a drawing, it is not necessary to further define and explain it in the subsequent drawings.

The foregoing is only a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto, and any person skilled in the art can easily think of changes or substitutions within the technical scope disclosed in the present application. It should be covered by the scope of protection of this application. Therefore, the scope of protection of the present application should be determined by the scope of the claims.

Industrial applicability

The embodiment of the present application obtains the ratio of the screen size of the current user terminal to the screen size of the sample user terminal, and obtains the screen size of the current user terminal according to the ratio between the size of the pre-stored control and the screen size of the sample user terminal. The size of the control is improved, and the problem that the size of the control display is inconsistent with the screen size of the user terminal is improved.

Claims

A screen size adaptation method, the method comprising:

Obtain the screen size of the current user terminal;

Obtaining a ratio of a screen size of the current user terminal to a screen size of a sample user terminal stored in advance;

Obtaining a display of the control on a screen of the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a control displayed on the sample user terminal size;

The control is displayed on the current user terminal based on the display size.
The method according to claim 1, wherein the control comprises a text control, and the ratio of a screen size of the current user terminal to a screen size of the sample user terminal is calculated and displayed on the sample user The product of the size of the control of the terminal, obtaining the display size of the control on the screen of the current user terminal, including:

Obtaining a display of the text control at the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a text control displayed on the sample user terminal size.
The method according to claim 2, wherein said calculating a ratio of a screen size of said current user terminal to a screen size of said sample user terminal and a size of a text control displayed on said sample user terminal a product, obtaining a display size of the text control at the current user terminal, including:

Obtaining a ratio of a screen size of the current user terminal to a screen size of the sample user terminal;

Multiplying a ratio of a screen size of the current user terminal to a screen size of the sample user terminal by a font size of the text control to obtain a display size of the text control on a screen of the current user terminal.
The method according to claim 1, wherein the control comprises a button control, and the ratio of the screen size of the current user terminal to the screen size of the sample user terminal is calculated and displayed on the sample user The product of the size of the control of the terminal, obtaining the display size of the control on the screen of the current user terminal, including:

Obtaining a display of the button control on a screen of the current user terminal by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a button control displayed on the sample user terminal size.
The method according to claim 4, wherein said calculating a ratio of a screen size of said current user terminal to a screen size of said sample user terminal and a size of a text control displayed on said sample user terminal a product, obtaining a display size of the text control at the current user terminal, including:

Obtaining a ratio of a screen size of the current user terminal to a screen size of the sample user terminal;

Multiplying a ratio of a screen size of the current user terminal to a screen size of the sample user terminal by a preset width value of the button control and a preset height value of the button control to obtain the button control at the current user The display size of the screen of the terminal.
The method of any of claims 1-6, wherein the screen size is one of a screen width and a screen length.
The method according to claim 1, wherein the obtaining a screen size of the current user terminal comprises:

Create a tool class;

Obtaining a screen size of the current user terminal;

An object for storing the screen size of the current user terminal is constructed by the created tool class.
The method according to claim 1, wherein the method further comprises: acquiring a screen size of the sample user terminal;

The manner of obtaining the screen size of the sample user terminal includes:

Obtaining, from the current user terminal, a screen size of the sample user terminal, wherein a screen size of the sample user terminal is pre-stored in the current user terminal; or

Obtaining a screen size of the sample user terminal from a server communicatively coupled to the current user terminal, wherein a screen size of the sample user terminal is pre-stored in the server.
A screen size adaptive device is provided in a user terminal, wherein the device comprises:

a screen size obtaining module configured to obtain a screen size of the current user terminal;

a ratio obtaining module configured to obtain a ratio of a screen size of the current user terminal to a screen size of a pre-stored sample user terminal;

a display size obtaining module configured to obtain the control by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a control displayed on the sample user terminal The display size of the screen of the current user terminal;

A control display module configured to display the control on the current user terminal based on the display size.
The device according to claim 9, wherein the display size acquisition module comprises:

a text display size sub-module configured to obtain the text control by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a text control displayed on the sample user terminal The display size of the current user terminal.
The apparatus of claim 10 wherein said text display size sub-module is further configured to:

Obtaining a ratio of a screen size of the current user terminal to a screen size of the sample user terminal;

Multiplying a ratio of a screen size of the current user terminal to a screen size of the sample user terminal by a font size of the text control to obtain a display size of the text control on a screen of the current user terminal.
The device according to claim 9, wherein the display size acquisition module comprises:

a button display size sub-module configured to obtain the button control by calculating a product of a ratio of a screen size of the current user terminal to a screen size of the sample user terminal and a size of a button control displayed on the sample user terminal The display size of the screen of the current user terminal.
The apparatus of claim 12 wherein said button display size sub-module is further configured to:

Obtaining a ratio of a screen size of the current user terminal to a screen size of the sample user terminal;

Multiplying a ratio of a screen size of the current user terminal to a screen size of the sample user terminal by a preset width value of the button control and a preset height value of the button control to obtain the button control at the current user The display size of the screen of the terminal.
Apparatus according to any one of claims 9-13, wherein the screen size is one of a screen width or a screen length.
The device according to claim 9, wherein the screen size acquisition module is further configured to:

Create a tool class;

Obtaining a screen size of the current user terminal;

An object for storing the screen size of the current user terminal is constructed by the created tool class.
The device according to claim 9, wherein the screen size acquisition module is further configured;

Obtaining, from the current user terminal, a screen size of the sample user terminal, wherein a screen size of the sample user terminal is pre-stored in the current user terminal; or

Obtaining a screen size of the sample user terminal from a server communicatively coupled to the current user terminal, wherein a screen size of the sample user terminal is pre-stored in the server.
A user terminal comprising a processor and a non-volatile memory storing a plurality of computer instructions, wherein the user terminal performs any one of claims 1-7 when the computer instruction is executed by the processor The screen size adaptation method described in the item.
A readable storage medium, the readable storage medium comprising a computer program, characterized by:

The computer program controlling the electronic device in which the readable storage medium is located to perform the screen size adaptation method according to any one of claims 1-7.