WO2022063158A1

WO2022063158A1 - Local screen adaptation method and device

Info

Publication number: WO2022063158A1
Application number: PCT/CN2021/119825
Authority: WO
Inventors: 杨华
Original assignee: 上海连尚网络科技有限公司
Priority date: 2020-09-27
Filing date: 2021-09-23
Publication date: 2022-03-31
Also published as: CN112181568A

Abstract

Disclosed are a local screen adaptation method and a device. One particular embodiment of the method comprises: in response to the startup of an application, acquiring original width and height pixels of a current screen; if an original width-to-height pixel ratio of the current screen is not a width-to-height pixel ratio of a standard screen, performing ratio calculation on the original width and height pixels of the current screen and width and height pixels of the standard screen, so as to generate a standard width-to-height pixel ratio of the current screen; acquiring original width and height pixels of a view to be adapted on a page to be displayed of the application; on the basis of the standard width-to-height pixel ratio of the current screen, performing ratio transformation on the view to be adapted, so as to obtain standard width and height pixels of the view to be adapted; and setting, in the page to be displayed, the standard width and height pixels of the view to be adapted, and rendering and displaying the page to be displayed. A screen adaptation solution with a high flexibility and a high stability is provided, and the unification of the styles of application pages displayed on terminals with different screen densities is realized.

Description

Partial adaptation screen method and device

technical field

The embodiments of the present application relate to the field of computer technologies, and in particular, to a method and device for partially adapting a screen.

Background technique

At present, the width and height pixels of common terminal screens are very different, while the pixels of the application pages are fixed, which cannot be directly adapted to terminal screens of various width and height pixels. If the page of the application is directly displayed on an unsuitable terminal screen, the page will be deformed.

The more mainstream screen adaptation schemes now include the following two: first, generate multiple sets of resource files for different screens, and then select resource files for adaptation with the minimum width limit; second, modify the density of the system to perform global proportional adaptation.

SUMMARY OF THE INVENTION

The embodiments of the present application propose a method and device for partially adapting a screen.

In a first aspect, an embodiment of the present application provides a method for locally adapting a screen, including: in response to application startup, obtaining the original width and height pixels of the current screen; Ratio, perform proportional operation on the original width and height pixels of the current screen and the width and height pixels of the standard screen to generate the standard width and height pixel ratio of the current screen; obtain the original width and height pixels of the view to be adapted on the page to be displayed of the application; based on The standard width and height pixel ratio of the current screen is scaled to the view to be adapted to obtain the standard width and height pixels of the view to be adapted; the standard width and height pixels of the view to be adapted are set to the page to be displayed, and the page to be displayed is rendered. show.

In some embodiments, scaling the to-be-adapted view based on the standard aspect ratio of the current screen includes: calling a reset scale view function to perform local dynamic transformation of the to-be-adapted view and a sub-view set of the to-be-adapted view.

In some embodiments, calling the reset scale view function to perform local dynamic transformation on the view to be adapted and the sub-view set of the view to be adapted includes: if the view to be adapted consists of a sub-view set, traversing the sub-views of the view to be adapted Set, and call the reset scale view function to recursively transform the set of subviews of the view to be adapted.

In some embodiments, calling the reset scale view function to perform local dynamic transformation on the view to be adapted and the subview set of the view to be adapted further includes: acquiring layout parameters of the view to be adapted; if based on the layout of the view to be adapted The parameters determine that the view to be adapted is a text view, and obtain the original text size of the view to be adapted; calculate the product of the standard aspect ratio of the current screen and the original text size of the view to be adapted to obtain the standard text size of the view to be adapted .

In some embodiments, calling the reset scale view function to perform local dynamic transformation on the view to be adapted and the subview set of the view to be adapted further includes: if it is determined based on the layout parameters of the view to be adapted that the width of the view to be adapted is greater than 0, calculate the product of the standard width and height pixel ratio of the current screen and the original width pixels of the view to be adapted to obtain the standard width pixels of the view to be adapted; if it is determined based on the layout parameters of the view to be adapted that the height of the view to be adapted is greater than 0, calculate the product of the standard aspect ratio of the current screen and the original height pixels of the view to be adapted to obtain the standard height pixels of the view to be adapted.

In some embodiments, calling the reset scale view function to perform local dynamic transformation on the view to be adapted and the subview set of the view to be adapted further includes: performing a size of the outer margin of the view to be adapted based on the layout parameters of the view to be adapted Appropriate scaling; transforming the core of the view to be adapted based on the layout parameters of the view to be adapted; appropriately scaling the filling of the view to be adapted based on the layout parameters of the view to be adapted.

In some embodiments, transforming the core of the view to be adapted based on the layout parameters of the view to be adapted includes: if the product of the size of the view to be adapted and the standard aspect ratio of the current screen is within a preset value range, Convert the product from float to integer.

In some embodiments, scaling the view to be adapted based on the standard aspect ratio of the current screen includes: performing local dynamic transformation on all views of the page to be displayed by using a rescaled view function.

In some embodiments, the method further includes: if the original aspect ratio of the current screen is the aspect ratio of a standard screen, rendering and displaying the page to be displayed.

In a second aspect, an embodiment of the present application provides a device for partially adapting a screen, including: a first obtaining unit, configured to obtain the original width and height pixels of the current screen in response to application startup; The original aspect ratio of the screen is not the aspect ratio of the standard screen, and the ratio operation is performed on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen; the second obtaining unit, is configured to obtain the original width and height pixels of the view to be adapted on the page to be displayed of the application; the transformation unit is configured to perform a scale transformation of the view to be adapted based on the standard aspect ratio of the current screen, to obtain the size of the view to be adapted. Standard width and height pixels; the first rendering unit is configured to set standard width and height pixels of the view to be adapted into the page to be displayed, and render and display the page to be displayed.

In some embodiments, the transformation unit includes: a first transformation sub-unit configured to call a reset scale view function to perform local dynamic transformation of the view to be adapted and the set of sub-views of the view to be adapted.

In some embodiments, the first transform sub-unit is further configured to: if the view to be adapted consists of a set of subviews, traverse the set of subviews of the view to be adapted, and call the reset scale view function of the subviews of the view to be adapted The set is recursively transformed.

In some embodiments, the first transformation subunit is further configured to: obtain layout parameters of the view to be adapted; if it is determined based on the layout parameters of the view to be adapted that the view to be adapted is a text view, obtain the original Text size: Calculate the product of the standard aspect ratio of the current screen and the original text size of the view to be adapted to obtain the standard text size of the view to be adapted.

In some embodiments, the first transforming subunit is further configured to: if it is determined based on the layout parameters of the view to be adapted that the width of the view to be adapted is greater than 0, calculate the standard aspect ratio of the current screen and the ratio of the pixels to be adapted to the standard aspect ratio of the view to be adapted. The product of the original width pixels is used to obtain the standard width pixels of the view to be adapted; if the height of the view to be adapted is determined to be greater than 0 based on the layout parameters of the view to be adapted, calculate the ratio of the standard width to height pixels of the current screen and the size of the view to be adapted. The product of the original height pixels to get the standard height pixels of the view to be adapted.

In some embodiments, the first transformation sub-unit is further configured to: appropriately scale the size of the outer margin of the view to be adapted based on the layout parameters of the view to be adapted; and the core of the view to be adapted based on the layout parameters of the view to be adapted Transform; appropriately scale the padding of the view to be adapted based on the layout parameters of the view to be adapted.

In some embodiments, the first transform subunit is further configured to: if the product of the size of the view to be adapted and the standard aspect ratio of the current screen is within a preset value range, convert the product from a floating point type to an integer type.

In some embodiments, the transformation unit includes a second transformation sub-unit configured to locally dynamically transform all views of the page to be displayed using the reset scale view function.

In some embodiments, the apparatus further includes: a second rendering unit configured to render and display the page to be displayed if the original aspect ratio of the current screen is the aspect ratio of a standard screen.

In a third aspect, embodiments of the present application provide a computer device, the computer device includes: one or more processors; a storage device on which one or more programs are stored; when one or more programs are stored by one or more The multiple processors execute such that the one or more processors implement a method as described in any one of the implementations of the first aspect.

In a fourth aspect, an embodiment of the present application provides a computer-readable medium on which a computer program is stored, and when the computer program is executed by a processor, implements the method described in any implementation manner of the first aspect.

According to the local screen adaptation method and device provided by the embodiments of the present application, when the application starts, if the original aspect ratio of the current screen is not the aspect ratio of the standard screen, the original aspect ratio of the current screen and the width of the standard screen are compared. Perform the ratio operation on the high pixels to generate the standard aspect ratio of the current screen; then obtain the original aspect ratio of the view to be adapted on the page to be displayed of the application; then based on the standard aspect ratio of the current screen Scale transformation to obtain standard width and height pixels of the view to be adapted; finally, the standard width and height pixels of the view to be adapted are set in the page to be displayed, and the page to be displayed is rendered and displayed. A screen adaptation solution with high flexibility and high stability is provided to solve the unification of the styles of application pages displayed on terminals with different screen densities.

Description of drawings

Other features, objects and advantages of the present application will become more apparent by reading the detailed description of non-limiting embodiments made with reference to the following drawings:

FIG. 1 is an exemplary system architecture to which some embodiments of the present application may be applied;

FIG. 2 is a flowchart of an embodiment of a method for partially adapting a screen according to the present application;

Fig. 3 is a flow chart of still another embodiment of a method for partially adapting a screen according to the present application;

FIG. 4 is a flowchart of another embodiment of a method for partially adapting a screen according to the present application;

FIG. 5 is a schematic structural diagram of a computer system suitable for implementing the computer device of the embodiment of the present application.

detailed description

The present application 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 only used to explain the related invention, but not to limit the invention. In addition, it should be noted that, for the convenience of description, only the parts related to the related invention are shown in the drawings.

It should be noted that the embodiments in the present application and the features of the embodiments may be combined with each other in the case of no conflict. The present application will be described in detail below with reference to the accompanying drawings and in conjunction with the embodiments.

FIG. 1 illustrates an exemplary system architecture 100 to which embodiments of the locally adapted screen method of the present application may be applied.

As shown in FIG. 1 , the system architecture 100 may include

devices

101 , 102 and a network 103 . The medium used by network 103 to provide a communication link between device 101 and device 102 . The network 103 may include various connection types, such as wired, wireless target communication links, or fiber optic cables, among others.

The

devices

101, 102 may be hardware devices or software that support network connections to provide various network services. When the device is hardware, it can be a variety of electronic devices including, but not limited to, smart phones, tablet computers, laptop computers, desktop computers, and servers, among others. At this time, as a hardware device, it can be implemented as a distributed device group composed of multiple devices, or can be implemented as a single device. When the device is software, it can be installed in the electronic devices listed above. At this time, as software, it may be implemented as a plurality of software or software modules for providing distributed services, or may be implemented as a single software or software module. There is no specific limitation here.

In practice, the device can provide corresponding network services by installing a corresponding client application or server application. After the client application is installed on the device, it can be embodied as a client in network communication. Correspondingly, after the server application is installed, it can be embodied as a server in network communication.

As an example, in FIG. 1, device 101 is embodied as a client, and device 102 is embodied as a server. Specifically, the device 101 may be a client installed with an Android application, and the device 102 may be a server of the Android application.

It should be noted that the partial screen adaptation method provided by the embodiment of the present application may be executed by the device 101 .

It should be understood that the number of networks and devices in Figure 1 is merely illustrative. There can be any number of networks and devices depending on the implementation needs.

Continuing to refer to FIG. 2 , it shows a flow 200 of one embodiment of a method for locally adapting a screen according to the present application. The partial screen adaptation method includes the following steps:

Step 201, in response to application startup, obtain the original width and height pixels of the current screen.

In this embodiment, various applications are installed on the terminal, and when the user starts the application, the terminal can obtain the original width and height pixels of the current screen and save them in the memory.

The application may be any application installed on the terminal. The pixels of the screen of the terminal may be different for different brands and models. Generally, the screen of a terminal with a high resolution is high in pixels. Pixels are usually represented as width pixels×height pixels. Common pixels such as 1920×1080, 1280×720, 1280×800, 1024×768 and so on.

Step 202, if the original aspect ratio of the current screen is not the aspect ratio of the standard screen, perform a ratio operation on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen.

In this embodiment, the terminal may calculate the original aspect ratio of the current screen and compare it with the aspect ratio of the standard screen. If the original aspect ratio of the current screen is not the aspect ratio of the standard screen, the terminal can perform a ratio operation between the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen.

The pixels of the standard screen may be the pixels of the prototype image of the UI design of the application. For example, if the width and height pixels of the prototype image are 1920×1080, then the width and height pixels of the standard screen are 1920×1080. At this time, the aspect ratio of the standard screen is 1920/1080. If the original aspect ratio of the current screen is 1024×768, then the original aspect ratio of the current screen is 1024/768. Since 1024/768 is not equal to 1920/1080, the current screen is not a standard screen. At this time, divide the original width pixels of the current screen by the width pixels of the standard screen, that is, 1024/1920 is the standard width pixel ratio of the current screen, and at the same time, divide the original height pixels of the current screen by the height pixels of the standard screen, that is, 768 /1080 is the standard height pixel ratio of the current screen.

In some embodiments, if the original aspect ratio of the current screen is the aspect ratio of a standard screen, the terminal can directly render and display the page to be displayed, which can display a page with the same ratio as the standard screen.

Step 203: Obtain the original width and height pixels of the view to be adapted on the page to be displayed of the application.

In this embodiment, the terminal may acquire the original width and height pixels of the view to be adapted on the page to be displayed of the application.

The page to be displayed may be a page that needs to be displayed during the running of the application. For example, when the user clicks the icon of the application, the page to be displayed is the main page of the application. The view to be adapted can be a view that does not match the aspect ratio of the page to be displayed and the standard screen. If the sub-current screen is displayed without adaptation, part of the display on the current screen will be deformed. The attempts to be adapted can be all views of the system, not limited to custom views. The to-be-adapted attempt is the unit that needs to be adapted, which can be the controls on the page to be displayed, or the entire page.

Step 204 , scale-transform the view to be adapted based on the standard aspect ratio of the current screen to obtain the standard aspect ratio of the view to be adapted.

In this embodiment, the terminal may perform scale transformation of the view to be adapted based on the standard aspect ratio of the current screen to obtain the standard aspect ratio of the view to be adapted. The ratio transformation may be the standard width pixel ratio obtained by multiplying the standard width pixels of the view to be adapted by the standard width pixel ratio of the current screen, and at the same time multiplying the standard height pixels of the view to be adapted by the standard height pixel ratio of the current screen. High pixels can be adapted to the current screen, showing the same ratio as the standard screen, so that the page is not deformed.

Step 205: Set standard width and height pixels of the view to be adapted into the page to be displayed, and render and display the page to be displayed.

In this embodiment, the terminal may set the standard width and height pixels of the view to be adapted into the page to be displayed, and replace the width and height pixels of the to-be-adapted view. Then, the page to be displayed is rendered and displayed, and the page with the same proportion as the standard screen can be displayed.

In the partial screen adaptation method provided by the embodiment of the present application, when the application starts, if the original aspect ratio of the current screen is not the aspect ratio of the standard screen, the original aspect ratio of the current screen and the aspect ratio of the standard screen are compared. Perform scale operation to generate the standard aspect ratio of the current screen; then obtain the original aspect ratio of the view to be adapted on the page to be displayed of the application; then scale the view to be adapted based on the standard aspect ratio of the current screen. to obtain the standard width and height pixels of the view to be adapted; finally, the standard width and height pixels of the view to be adapted are set in the page to be displayed, and the page to be displayed is rendered and displayed. A screen adaptation solution with high flexibility and high stability is provided to solve the unification of the styles of application pages displayed on terminals with different screen densities.

Continuing to refer to FIG. 3 , it shows a process 300 of yet another embodiment of the method for locally adapting a screen according to the present application. The partial screen adaptation method includes the following steps:

Step 301, in response to application startup, obtain the original width and height pixels of the current screen.

Step 302, if the original aspect ratio of the current screen is not the aspect ratio of the standard screen, perform a ratio operation on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen.

Step 303: Obtain the original width and height pixels of the view to be adapted on the page to be displayed of the application.

In this embodiment, the specific operations of steps 301-303 have been described in detail in steps 201-203 in the embodiment shown in FIG. 2, and will not be repeated here.

Step 304 , calling the reset scale view function to perform local dynamic transformation on the view to be adapted and the sub-view set of the view to be adapted, so as to obtain standard width and height pixels of the view to be adapted.

In this embodiment, the terminal may call the reset scale view function resetViewWithScale(view) to perform local dynamic transformation of the view to be adapted and the subview set of the view to be adapted, so as to obtain standard width and height pixels of the view to be adapted. Local dynamic transformation is performed only on the view to be adapted and the subview set of the view to be adapted, and the width and height pixels of other views on the page to be displayed are not affected.

Alternatively, the terminal may also use the rescale view function to perform local dynamic transformation of all views of the page to be displayed.

Step 305: Set standard width and height pixels of the view to be adapted into the page to be displayed, and render and display the page to be displayed.

In this embodiment, the specific operation of step 305 has been described in detail in step 205 in the embodiment shown in FIG. 2 , and details are not repeated here.

As can be seen from FIG. 3 , compared with the embodiment corresponding to FIG. 2 , the process 300 of the method for local adaptation to the screen in this embodiment highlights the local dynamic transformation step. Therefore, the solution described in this embodiment only performs partial dynamic transformation on the view to be adapted and the sub-view set of the view to be adapted, and does not affect the width and height pixels of other views on the page to be displayed. Provides a screen adaptation solution with small impact scope, small code changes, and less intrusion to the original code.

Referring further to FIG. 4, it shows a process 400 of another embodiment of a method for locally adapting a screen according to the present application. The partial screen adaptation method includes the following steps:

Step 401, in response to application startup, obtain the original width and height pixels of the current screen.

Step 402, if the original aspect ratio of the current screen is not the aspect ratio of the standard screen, perform a ratio operation on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen.

Step 403: Obtain the original width and height pixels of the view to be adapted on the page to be displayed of the application.

In this embodiment, the specific operations of steps 401-403 have been described in detail in steps 301-303 in the embodiment shown in FIG. 3, and are not repeated here.

Step 404 , if the view to be adapted consists of a sub-view set, traverse the sub-view set of the view to be adapted, and call the reset scale view function to recursively transform the sub-view set of the view to be adapted.

In this embodiment, if the view to be adapted consists of sub-view sets, the terminal may traverse the sub-view sets of the view to be adapted, and call the reset scale view function to recursively transform the sub-view sets of the view to be adapted. Among them, each subview calls the reset scale view function to transform.

Step 405: Obtain layout parameters of the view to be adapted.

In this embodiment, the terminal may acquire the layout parameters of the adapted view. The layout parameters may include, but are not limited to, the type of the view to be adapted, width and height attributes, text size, margin size, core, padding, and the like. The types of views to be adapted may include, but are not limited to, text, images, and the like.

Step 406 , if it is determined based on the layout parameters of the view to be adapted that the view to be adapted is a text view, obtain the original text size of the view to be adapted.

In this embodiment, the terminal may extract the type of the view to be adapted from the layout parameters of the view to be adapted. If the view to be adapted is a text view, the terminal may obtain the original text size of the view to be adapted.

Step 407: Calculate the product of the standard aspect ratio of the current screen and the original text size of the view to be adapted to obtain the standard text size of the view to be adapted.

In this embodiment, the terminal may perform proportional transformation on the original text size of the view to be adapted based on the standard aspect ratio of the current screen to obtain the standard text size of the view to be adapted. Specifically, the terminal may calculate the product of the standard aspect ratio of the current screen and the original text size of the view to be adapted to obtain the standard text size of the view to be adapted.

Step 408, if it is determined that the width of the view to be adapted is greater than 0 based on the layout parameters of the view to be adapted, calculate the product of the standard aspect ratio of the current screen and the original width pixel of the view to be adapted to obtain the standard of the view to be adapted. width in pixels.

In this embodiment, the terminal may extract the width of the view to be adapted from the layout parameters of the view to be adapted. If the width of the to-be-adapted view is greater than 0, the terminal may scale-transform the original width pixels of the to-be-adapted view based on the standard aspect ratio of the current screen to obtain the standard-width pixels of the to-be-adapted view. Specifically, the terminal may calculate the product of the standard width and height pixel ratio of the current screen and the original width pixels of the view to be adapted to obtain the standard width pixels of the view to be adapted.

Step 409, if it is determined that the height of the view to be adapted is greater than 0 based on the layout parameters of the view to be adapted, calculate the product of the standard aspect ratio of the current screen and the original height pixel of the view to be adapted to obtain the standard of the view to be adapted. height in pixels.

In this embodiment, the terminal may extract the height of the view to be adapted from the layout parameters of the view to be adapted. If the height of the view to be adapted is greater than 0, the terminal may perform proportional transformation on the original height pixels of the view to be adapted based on the standard aspect ratio of the current screen to obtain standard height pixels of the view to be adapted. Specifically, the terminal may calculate the product of the standard aspect ratio of the current screen and the original height pixels of the view to be adapted to obtain the standard height pixels of the view to be adapted.

Step 410: Appropriately scale the size of the outer margin of the view to be adapted based on the layout parameters of the view to be adapted.

In this embodiment, the terminal may extract the margin size of the view to be adapted from the layout parameters of the view to be adapted, and appropriately scale the margin size of the view to be adapted.

Step 411 , transform the core of the view to be adapted based on the layout parameters of the view to be adapted.

In this embodiment, the terminal may extract the core of the view to be adapted from the layout parameters of the view to be adapted, and transform the core of the view to be adapted. For example, if the product of the size of the view to be adapted and the standard aspect ratio of the current screen is within a preset value range, the terminal may convert the product from a floating point type to an integer type.

Step 412: Appropriately scale the filling of the view to be adapted based on the layout parameters of the view to be adapted.

In this embodiment, the terminal may extract the padding of the view to be adapted from the layout parameters of the view to be adapted, and appropriately scale the padding of the view to be adapted.

Step 413: Set standard width and height pixels of the view to be adapted into the page to be displayed, and render and display the page to be displayed.

In this embodiment, the specific operation of step 413 has been described in detail in step 305 in the embodiment shown in FIG. 3 , and will not be repeated here.

As can be seen from FIG. 4 , compared with the embodiment corresponding to FIG. 3 , the process 400 of the method for local adaptation to the screen in this embodiment highlights the local dynamic transformation step. Therefore, the solution described in this embodiment performs corresponding transformation on the views according to different layout parameters of the views, thereby providing a screen adaptation solution with a wide range of adaptation.

For ease of understanding, the partial codes that can realize the local adaptation screen method of the embodiment of the present application are provided below, and the details are as follows:

Referring next to FIG. 5, it shows a schematic structural diagram of a computer system 500 suitable for implementing the computer device of the embodiment of the present application. The computer device shown in FIG. 5 is only an example, and should not impose any limitations on the functions and scope of use of the embodiments of the present application.

As shown in FIG. 5, a computer system 500 includes a central processing unit (CPU) 501 which can be loaded into a random access memory (RAM) 503 according to a program stored in a read only memory (ROM) 502 or a program from a storage section 508 Instead, various appropriate actions and processes are performed. In the RAM 503, various programs and data required for the operation of the system 500 are also stored. The CPU 501, the ROM 502, and the RAM 503 are connected to each other through a bus 504. An input/output (I/O) interface 505 is also connected to bus 504 .

The following components are connected to the I/O interface 505: an input section 506 including a keyboard, a mouse, etc.; an output section 507 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 508 including a hard disk, etc. ; and a communication section 509 including a network interface card such as a LAN card, a modem, and the like. The communication section 509 performs communication processing via a network such as the Internet. A drive 510 is also connected to the I/O interface 505 as needed. A removable medium 511, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is mounted on the drive 510 as needed so that a computer program read therefrom is installed into the storage section 508 as needed.

In particular, according to embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart. In such an embodiment, the computer program may be downloaded and installed from the network via the communication portion 509 and/or installed from the removable medium 511 . When the computer program is executed by the central processing unit (CPU) 501, the above-described functions defined in the method of the present application are performed.

It should be noted that the computer-readable medium of the present application may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing. In this application, a computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In this application, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

Computer program code for carrying out the operations of the present application may be written in one or more programming languages, including object-oriented programming languages - such as Java, Smalltalk, C++, but also conventional procedures, or a combination thereof programming language - such as the "C" language or similar programming language. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or electronic device. Where a remote computer is involved, the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (eg, using an Internet service provider through Internet connection).

The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks 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 flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented in dedicated hardware-based systems that perform the specified functions or operations , or can be implemented in a combination of dedicated hardware and computer instructions.

The units involved in the embodiments of the present application may be implemented in a software manner, and may also be implemented in a hardware manner. The described unit may also be provided in the processor, for example, it may be described as: a processor includes a first obtaining unit, an arithmetic unit, a second obtaining unit, a transforming unit and a first rendering unit. In this case, the names of these units do not constitute a limitation on the unit itself. For example, the first obtaining unit may also be described as "a unit that obtains the original width and height pixels of the current screen in response to application startup".

As another aspect, the present application also provides a computer-readable medium. The computer-readable medium may be included in the computer device described in the above embodiments; it may also exist independently without being assembled into the computer device. middle. The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the computer equipment, the computer equipment: in response to application startup, obtain the original width and height pixels of the current screen; The original aspect ratio is not the aspect ratio of the standard screen. The ratio operation is performed on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard aspect ratio of the current screen; The original width and height pixels of the view to be adapted; scale the view to be adapted based on the standard aspect ratio of the current screen to obtain the standard width and height pixels of the view to be adapted; set the standard width and height pixels of the view to be adapted to the page to be displayed, and the page to be displayed is rendered and displayed.

The above description is only a preferred embodiment of the present application and an illustration of the applied technical principles. Those skilled in the art should understand that the scope of the invention involved in this application is not limited to the technical solution formed by the specific combination of the above technical features, and should also cover the above technical features or Other technical solutions formed by any combination of its equivalent features. For example, a technical solution is formed by replacing the above-mentioned features with the technical features disclosed in this application (but not limited to) with similar functions.

Claims

A method of partial adaptation to the screen, comprising:

In response to application startup, get the original width and height pixels of the current screen;

If the original aspect ratio of the current screen is not the aspect ratio of the standard screen, perform a ratio operation on the original aspect ratio of the current screen and the aspect ratio of the standard screen to generate the standard screen of the current screen. Aspect ratio;

obtaining the original width and height pixels of the view to be adapted on the page to be displayed of the application;

Perform scale transformation on the view to be adapted based on the standard aspect ratio of the current screen to obtain standard width and height pixels of the view to be adapted;

The standard width and height pixels of the to-be-adapted view are set in the to-be-displayed page, and the to-be-displayed page is rendered and displayed.
The method according to claim 1, wherein the scaling of the to-be-adapted view based on a standard aspect ratio of the current screen comprises:

The reset scale view function is called to perform local dynamic transformation on the to-be-adapted view and the sub-view set of the to-be-adapted view.
The method according to claim 2, wherein the invoking the reset scale view function to perform local dynamic transformation on the to-be-adapted view and the sub-view set of the to-be-adapted view comprises:

If the to-be-adapted view consists of a sub-view set, traverse the sub-view set of the to-be-adapted view, and call the reset scale view function to recursively transform the sub-view set of the to-be-adapted view.
The method according to claim 3, wherein the invoking the reset scale view function to perform local dynamic transformation on the to-be-adapted view and the sub-view set of the to-be-adapted view further comprises:

Obtain the layout parameters of the view to be adapted;

If it is determined that the to-be-adapted view is a text view based on the layout parameters of the to-be-adapted view, obtain the original text size of the to-be-adapted view;

Calculate the product of the standard aspect ratio of the current screen and the original text size of the to-be-adapted view to obtain the standard text size of the to-be-adapted view.
The method according to claim 4, wherein the invoking the reset scale view function to perform local dynamic transformation on the to-be-adapted view and the sub-view set of the to-be-adapted view further comprises:

If it is determined based on the layout parameters of the to-be-adapted view that the width of the to-be-adapted view is greater than 0, calculate the product of the standard aspect ratio of the current screen and the original width pixels of the to-be-adapted view to obtain the Describe the standard width pixels of the view to be adapted;

If it is determined based on the layout parameters of the to-be-adapted view that the height of the to-be-adapted view is greater than 0, calculate the product of the standard aspect ratio of the current screen and the original height pixels of the to-be-adapted view to obtain the Describes the standard height pixels of the view to be adapted.
The method according to claim 5, wherein the invoking the reset scale view function to perform local dynamic transformation on the to-be-adapted view and the sub-view set of the to-be-adapted view further comprises:

appropriately scaling the size of the outer margin of the view to be adapted based on the layout parameters of the view to be adapted;

transforming the core of the to-be-adapted view based on the layout parameters of the to-be-adapted view;

The padding of the to-be-adapted view is appropriately scaled based on the layout parameters of the to-be-adapted view.
The method according to claim 6, wherein the transforming the core of the to-be-adapted view based on the layout parameters of the to-be-adapted view comprises:

If the product of the size of the view to be adapted and the standard aspect ratio of the current screen is within a preset value range, the product is converted from a floating point type to an integer type.
The method according to claim 1, wherein the scaling of the to-be-adapted view based on a standard aspect ratio of the current screen comprises:

Local dynamic transformation is performed on all views of the to-be-displayed page by using the rescaled view function.
The method of any one of claims 1-7, wherein the method further comprises:

If the original aspect ratio of the current screen is the aspect ratio of the standard screen, the page to be displayed is rendered and displayed.
A computer device comprising:

one or more processors;

a storage device on which one or more programs are stored;

When executed by one or more processors, one or more programs cause the one or more processors to implement a method as in any of claims 1-9.
A computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, implements the method according to any one of claims 1-9.