Page element adjustment method, device, equipment, storage medium and program product

Abstract

The present application relates to a page element adjustment method, device, equipment, storage medium and program product, which can be used in the financial field or other fields. The method includes: after receiving an instruction to display a target page in a target application, obtaining size adjustment reference information, the size adjustment reference information includes element size configuration parameters, attribute parameters of the target page and attribute parameters of the page element; determining the adjustment order of each page element, and determining the page anchor element of each page element according to the adjustment order; obtaining size adjustment information and spacing adjustment information of each page element according to the size adjustment reference information, the size adjustment information indicates the target size of the page element, and the spacing adjustment information indicates the target spacing of the page element compared to the corresponding page anchor element; based on the target size and target spacing corresponding to each page element, displaying the target page. The use of this method can make the elements in the application program adaptively adjusted according to the mobile device system.

Description

Technical Field

[0001] The present application relates to the technical field of page layout, and in particular to a page element adjustment method, device, equipment, storage medium and program product. Background Art

[0002] Nowadays, users can adjust the size of various elements in the system of the mobile device they are using as needed for ease of use. Elements refer to the smallest unit in the page composition that can be used for user interaction or image display, including text, buttons, pictures, pop-ups, lists, grids, etc.

[0003] When using mobile devices, users will more or less install applications to perform related operations. In order to reduce the difficulty of page adaptation and ensure the uniformity of page layout and complete display of page information, most applications will set each element in the page to a fixed size to minimize the difficulty of adapting the page and its elements in the mobile device system.

[0004] However, for users, if the size of elements in the application page is inconsistent with the size of each element in the mobile device system, it will affect the use of the application. For example, the elderly need to set the elements in the mobile device system to large size, but when the size of the elements in the application is smaller than the elements in the mobile device system of the elderly, it will cause problems such as unclear viewing and inconvenience in use. Therefore, the problem of adaptive adjustment of the element size of the application according to the mobile device system needs to be solved urgently. Summary of the invention

[0005] Based on this, it is necessary to provide a page element adjustment method, device, equipment, readable storage medium and program product that can adaptively adjust the elements in the application according to the mobile device system in order to solve the above technical problems.

[0006] In a first aspect, the present application provides a method for adjusting page elements. The method comprises:

[0007] After receiving an instruction to display a target page in a target application, size adjustment reference information is obtained, the size adjustment reference information including element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; an adjustment order of the page elements in the target page is determined, and page anchor elements corresponding to each page element are determined according to the adjustment order of the page elements; size adjustment information and spacing adjustment information of each page element are obtained according to the size adjustment reference information, the size adjustment information is used to indicate an adjusted target size of the page element, and the spacing adjustment information is used to indicate an adjusted target spacing of the page element compared to the corresponding page anchor element; and the target page is displayed based on the target size and the target spacing corresponding to each page element.

[0008] In one of the embodiments, the element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element.

[0009] In one of the embodiments, the display requirement of the page element is used to characterize at least one of whether to emphasize the display of the page element, whether to maintain the original size of the page element, and to display the page element primarily or secondarily; the interaction requirement of the page element is used to characterize at least one of whether the page element requires a click operation and whether the page element requires a flashing prompt.

[0010] In one of the embodiments, the size adjustment information and spacing adjustment information of each page element are obtained according to the size adjustment reference information, including: determining the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determining the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determining the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0011] In one of the embodiments, the adjustment coefficient corresponding to each page element is determined according to the size adjustment reference information, including: for each page element, a first matrix is ​​constructed according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; a second matrix is ​​constructed according to the parameter value corresponding to the page type, the parameter value corresponding to the layout method, and the parameter value corresponding to the type of the page element; the first matrix, the second matrix, and the parameter value corresponding to the display requirement of the page element and the interaction requirement of the page element are multiplied to obtain the adjustment coefficient corresponding to the page element.

[0012] In one embodiment, the page anchor element corresponding to each page element is determined according to the adjustment order of each page element, including: for a first page element ranked first in the adjustment order, a virtual marking line in the target page is used as the page anchor element corresponding to the first page element, wherein the virtual marking line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page; for a second page element ranked i-th in the adjustment order, a page element in the target page adjacent to the second page element and located before the second page element in the adjustment order is used as the page anchor element corresponding to the second page element, where i is greater than 1.

[0013] In one of the embodiments, after receiving an instruction to display a target page in a target application, obtaining size adjustment reference information includes: after receiving an instruction to display the target page, detecting whether a trigger operation for an adjustment enable option is received, and the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, executing an operation to obtain the size adjustment reference information.

[0014] In a second aspect, the present application also provides a device for adjusting page elements. The device includes:

[0015] A first acquisition module is used to acquire size adjustment reference information after receiving an instruction to display a target page in a target application, wherein the size adjustment reference information includes element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page;

[0016] A first determination module, used to determine the adjustment order of the page elements in the target page, and determine the page anchor elements corresponding to each of the page elements according to the adjustment order of the page elements;

[0017] A second acquisition module is used to acquire size adjustment information and spacing adjustment information of each of the page elements according to the size adjustment reference information, wherein the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element;

[0018] The first display module is used to display the target page based on the target size and the target spacing corresponding to each of the page elements.

[0019] In one of the embodiments, the element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element.

[0020] In one of the embodiments, the display requirement of the page element is used to characterize at least one of whether to emphasize the display of the page element, whether to maintain the original size of the page element, and to display the page element primarily or secondarily; the interaction requirement of the page element is used to characterize at least one of whether the page element requires a click operation and whether the page element requires a flashing prompt.

[0021] In one of the embodiments, the second acquisition module is specifically used to: determine the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determine the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0022] In one of the embodiments, the second acquisition module is specifically used to: for each page element, construct a first matrix according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; construct a second matrix according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method, and the parameter values ​​corresponding to the type of the page element; multiply the first matrix, the second matrix, and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element to obtain the adjustment coefficient corresponding to the page element.

[0023] In one embodiment, the first determination module is specifically used to: for a first page element ranked 1st in the adjustment order, use a virtual calibration line in the target page as a page anchor element corresponding to the first page element, wherein the virtual calibration line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page; for a second page element ranked i-th in the adjustment order, use a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order as a page anchor element corresponding to the second page element, where i is greater than 1.

[0024] In one of the embodiments, the first acquisition module is specifically used to: after receiving an instruction to display the target page, detect whether a trigger operation for an adjustment enable option is received, and the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, execute an operation to obtain the size adjustment reference information.

[0025] In a third aspect, the present application further provides a computer device, including a memory and a processor, wherein the memory stores a computer program, and the processor implements the steps of any one of the methods described in the first aspect when executing the computer program.

[0026] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of any one of the methods described in the first aspect above.

[0027] In a fifth aspect, the present application further provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the steps of any one of the methods described in the first aspect are implemented.

[0028] The above-mentioned page element adjustment method, device, equipment, storage medium and program product can obtain size adjustment reference information including element size configuration parameters of the operating system, attribute parameters of the target page and attribute parameters of each page element in the target page after receiving an instruction to display the target page in the target application, so that size adjustment information and spacing adjustment information of each page element can be obtained according to the size adjustment reference information; at the same time, by determining the adjustment order of the page elements in the target page, the page anchor elements corresponding to each page element can be determined according to the adjustment order of the page elements; wherein the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the size of the page element compared to the corresponding The adjusted target spacing of the page anchor elements; further, the size of each page element can be adjusted based on the target size corresponding to each page element, and the position of each page element can be adjusted based on the target spacing of each page element, so the target page after the size and spacing of each page element are adjusted can be displayed; since the target size and target spacing corresponding to each page element are obtained according to the element size configuration parameters of the operating system, the target application is not affected to display the page elements in the target page normally and completely, and the adjusted page elements are kept consistent with the original font size of the operating system, that is, the adaptability of the target page to the operating system is improved, and the layout of each page element of the target page is guaranteed to be unified, while it is also convenient for users to view and operate each page element. BRIEF DESCRIPTION OF THE DRAWINGS

[0029] Figure 1 A schematic diagram of a flow chart of a method for adjusting page elements in one embodiment;

[0030] Figure 2 A schematic diagram of a process of obtaining size adjustment reference information according to an instruction in an embodiment;

[0031] Figure 3 A schematic diagram of a process for obtaining adjustment information in an embodiment;

[0032] Figure 4 A schematic diagram of a flow chart for obtaining an adjustment coefficient in one embodiment;

[0033] Figure 5 A schematic diagram of a process of adaptively adjusting page elements in one embodiment;

[0034] Figure 6 It is a structural block diagram of a device for adjusting page elements in one embodiment;

[0035] Figure 7 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0036] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0037] Nowadays, users can adjust the size of various elements in the system of the mobile device they are using as needed for ease of use. Elements refer to the smallest unit in the page composition that can be used for user interaction or image display, including text, buttons, pictures, pop-ups, lists, grids, etc.

[0038] When using mobile devices, users will more or less install applications to perform related operations. In order to reduce the difficulty of page adaptation and ensure the uniformity of page layout and complete display of page information, most applications will set each element in the page to a fixed size to minimize the difficulty of adapting the page and its elements in the mobile device system.

[0039] However, according to the work requirements of the "Special Action Plan for the Adaptation of Internet Applications to the Elderly and Accessibility" issued by the Ministry of Industry and Information Technology, the adaptability of my country's mobile Internet applications to the elderly needs to be improved. For the elderly, products with large fonts, large icons, high-contrast text and other functional features should be launched. For users, if the size of the elements in the application page is inconsistent with the size of the elements in the mobile device system, it will affect the use of the application. For example, the elderly need to set the elements in the mobile device system to large size, but when the size of the elements in the application is smaller than the elements in the elderly's mobile device system, it will cause problems such as unclear reading and inconvenience. Therefore, the problem of adaptive adjustment of the element size of the application according to the mobile device system needs to be solved urgently.

[0040] In one embodiment, Figure 1 As shown, a method for adjusting page elements is provided. The embodiment of the present application takes the method applied to a terminal as an example, wherein the terminal may be, but is not limited to, various personal computers, laptops, smart phones, tablet computers, Internet of Things devices, and portable wearable devices. Portable wearable devices may be smart watches, smart bracelets, etc. It is understandable that the method may also be applied to a server, and may also be applied to a system including a terminal and a server, and may be implemented through the interaction between the terminal and the server. In the embodiment of the present application, the method comprises the following steps:

[0041] Step 101, after receiving an instruction to display a target page in a target application, obtain size adjustment reference information; the size adjustment reference information includes element size configuration parameters of the operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page.

[0042] Among them, the target application refers to the application installed and used in the terminal. The terminal with the target application installed is the target terminal, and the user can use the various functions in the target application through the target terminal. When the user opens the target application in the target terminal, the target application needs to display various different pages during its use, that is, it receives an instruction to display the page in the target application, wherein the page that the target application needs to display on the screen of the target terminal at the current moment is the target page, and the target page includes multiple page elements that need to be displayed. Among them, the page element refers to the smallest unit in the page composition that can be used for user interaction or image display, including text, buttons, pictures, pop-ups, lists, grids, etc.

[0043] Generally speaking, the size of each element displayed on the screen in the system of the target terminal is set by the user according to his or her own preferences. In order to make the size of each page element in the target page of the target application consistent with the size set by the system of the target terminal, the target application needs to obtain size adjustment reference information after receiving the instruction to display the target page in the target application, so as to adjust each page element according to the size adjustment reference information, so as to facilitate the user to view the content corresponding to each page element of the target page. Among them, the size adjustment reference information includes the element size configuration parameters of the operating system, the attribute parameters of the target page, and the attribute parameters of each page element in the target page; the operating system refers to the system of the target terminal, and the element size configuration parameters of the operating system are the sizes of each element set in the system; the attribute parameters of the target page refer to the size parameters preset by the target application for the target page, and accordingly, the attribute parameters of each page element in the target page refer to the size parameters included in each page element in the target application.

[0044] Step 102: determining the adjustment order of the page elements in the target page, and determining the page anchor elements corresponding to each page element according to the adjustment order of the page elements.

[0045] Among them, for each page element in the target page, it is necessary not only to adjust the size of each page element itself but also to adjust the position of each page element. Therefore, in order to determine the adjustment position of each page element, it is necessary to determine the adjustment order of each page element in the target page; for example, the order in which each page element in the target page pre-set by the target application is displayed on the screen of the target terminal can be used as the adjustment order of each page element, or the adjustment order of each page element can be determined according to the type of each page element preset by the target application, etc. The embodiments of the present application are not limited to this.

[0046] Furthermore, according to the adjustment order of each page element, the page anchor element corresponding to each page element is determined, wherein the page anchor element is, for example, a fixed boundary in the target page or a page element in the target page, etc., which is not limited to the embodiments of the present application; wherein, according to the adjustment order of each page element, the page anchor element corresponding to each page element is determined, so that the position of each page element can be adjusted accordingly according to each page anchor element.

[0047] Step 103, obtaining size adjustment information and spacing adjustment information of each page element according to the size adjustment reference information; the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element.

[0048] Among them, after determining the page anchor elements corresponding to each page element, the size adjustment information and spacing adjustment information corresponding to each page element are determined after corresponding calculations are performed according to the acquired size adjustment reference information, that is, the element size configuration parameters of the operating system of the target terminal, the attribute parameters of the target page, and the attribute parameters of each page element in the target page, wherein the size adjustment information is used to adjust the corresponding page element's own size, and the spacing adjustment information is used to adjust the corresponding page element's position in the target page. Specifically, the size adjustment information is used to indicate the adjusted target size of the corresponding page element, and the target size refers to the final size of the page element in the target page; the spacing adjustment information is used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element, and the target spacing refers to the spacing between the page element and the corresponding page anchor element.

[0049] Step 104: display the target page based on the target size and the target spacing corresponding to each page element.

[0050] Among them, after determining the target size corresponding to each page element of the target page, the size of each page element can be adjusted accordingly according to the target size, so that the size of each page element is consistent with the size of each element set by the system of the target terminal, so as to facilitate users to view the content displayed by each page element; after determining the target spacing corresponding to each page element of the target page, the position of each page element in the target page can be adjusted accordingly according to the target spacing, so as to ensure that each page element maintains the original order after the size is adjusted, so as to avoid the disorder of the order of each page element of the target page, which affects the normal display of the target page. Therefore, the target page can display the adjusted page elements for users to view.

[0051] In the above-mentioned page element adjustment method, after receiving an instruction to display a target page in a target application, size adjustment reference information including element size configuration parameters of the operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page can be obtained, so that size adjustment information and spacing adjustment information of each page element can be obtained according to the size adjustment reference information; at the same time, by determining the adjustment order of the page elements in the target page, the page anchor elements corresponding to each page element can be determined according to the adjustment order of the page elements; wherein the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the size of the page element compared to the corresponding page anchor element. Adjusted target spacing; further, the size of each page element can be adjusted based on the target size corresponding to each page element, and the position of each page element can be adjusted based on the target spacing of each page element, so that the target page after the size and spacing of each page element are adjusted can be displayed; because the target size and target spacing corresponding to each page element are obtained according to the element size configuration parameters of the operating system, the target application can display the page elements in the target page normally and completely, and the adjusted page elements are kept consistent with the original font size of the operating system, which improves the adaptability of the target page to the operating system, ensures the unified layout of each page element of the target page, and also facilitates users to view and operate each page element.

[0052] In one embodiment, Figure 2 As shown, it shows a schematic diagram of a process of obtaining size adjustment reference information according to an instruction provided in an embodiment of the present application; after receiving an instruction to display a target page in a target application, obtaining size adjustment reference information includes:

[0053] Step 201, after receiving an instruction to display the target page, detecting whether a trigger operation for adjusting and enabling an option is received; the adjusting and enabling option is located in the currently displayed page.

[0054] Among them, the target application can provide the user with an option of whether to turn on page adjustment, for the user to choose whether to adjust the elements of each page displayed by the target application. After receiving the instruction to display the target page, the target application needs to detect whether a trigger operation for the adjustment enable option is received, so as to determine whether to make adjustments; for example, the target application can provide an adjustment virtual button and display the adjustment virtual button on the screen of the target terminal. When it is detected that the user clicks to turn on the adjustment virtual button, it is determined that the adjustment operation can be performed, and during the adjustment process, when it is detected that the user clicks to close the adjustment virtual button, it is determined to stop the adjustment operation; or, the target application can provide an inquiry interface for asking the user whether he agrees to make the adjustment operation, and after detecting the user's trigger operation for turning on the adjustment, the adjustment operation is performed; or, the target application can also detect whether a trigger operation for turning on the adjustment is received in other feasible ways, and this application is not limited to this.

[0055] Step 202: If a trigger operation for the adjustment-on option is received, an operation of obtaining the size adjustment reference information is performed.

[0056] After receiving the trigger operation for the adjustment start option, that is, the user agrees to adjust the page elements, further, the adjustment work is performed by executing the operation of obtaining the size adjustment reference information.

[0057] By detecting whether a trigger operation for the adjustment-on option is received, blind adjustment of page elements can be avoided. The adjustment operation is performed only after the trigger of the adjustment-on option is detected, making the adjustment of page elements more flexible. The adjustment operation can be stopped after the trigger operation of the adjustment-off option is detected during the adjustment process, thereby improving the intelligence of human-computer interaction and making it more convenient for users to use and adapt to the target application.

[0058] In one embodiment, the element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element.

[0059] The display requirement of the page element is used to characterize at least one of whether to emphasize the display of the page element, whether to maintain the original size of the page element, and whether to display the page element primarily or secondarily; the interaction requirement of the page element is used to characterize at least one of whether the page element requires a click operation and whether the page element requires a flashing prompt.

[0060] Among them, the default font size of the operating system refers to the size of each font displayed in the target terminal that is preset at the factory of the system of the target terminal. The default font size is, for example, the font size of the default font; the current font size of the operating system refers to the size of the font displayed when the system of the target terminal is currently used by the user. The current font size can be a font size set by the user that is different from the default font size, or a font size that is the same as the default font size but not set by the user.

[0061] The attribute parameters of the target page refer to parameters related to the target page, such as the page size of the target page, that is, the size of the target page preset in the target application; the page type of the target page refers to the type of the target page preset by the target application, for example, the type of the target page can be a dynamic page or a static page, wherein the attribute parameter value corresponding to the static page is different from the attribute parameter value corresponding to the dynamic page, and the target application determines the corresponding attribute parameter value related to the type according to the type corresponding to the target page; the layout mode of the page elements in the target page, that is, the layout mode of each target page preset in the target application for each page element included therein, wherein the layout mode is, for example, frame layout, linear layout, relative layout, constraint layout, etc., and each layout mode corresponds to a different attribute parameter value, and the target application determines the corresponding attribute parameter value related to the layout mode according to the layout mode corresponding to the target page.

[0062] The attribute parameters of the page elements include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. Among them, the type of the page element is the type of each page element in the target page preset by the target application. The type of the page element is, for example, text, button, picture, input box, pop-up window, grid, list, etc. Different element types correspond to different attribute parameter values; the target application determines the corresponding attribute parameter value related to the type corresponding to each page element in the target page; the display requirements of the page element include whether to focus on displaying the page element, whether to keep the original size of the page element, and whether to display the page element primarily or display the page element secondarily, etc. The interaction requirements of the page element include whether the page element needs to be clicked or whether the page element needs to flash, etc. For each page element, the attribute parameter value related to the display requirements and interaction requirements of the page element is determined according to its corresponding display requirements and interaction requirements.

[0063] In one embodiment, Figure 3 As shown, it shows a schematic diagram of a process of obtaining adjustment information provided by an embodiment of the present application; obtaining the size adjustment information and spacing adjustment information of each page element according to the size adjustment reference information, including:

[0064] Step 301: determining the adjustment coefficients corresponding to the respective page elements according to the size adjustment reference information.

[0065] In order to determine the size adjustment information and spacing adjustment information of each page element, it is necessary to predetermine the adjustment coefficient corresponding to each page element, and determine the size adjustment information and spacing adjustment information of each target element based on the adjustment coefficient.

[0066] Please refer to Figure 4 , which shows a schematic diagram of a process for obtaining an adjustment coefficient provided in an embodiment of the present application; determining the adjustment coefficients corresponding to each page element according to the size adjustment reference information, including:

[0067] Step 401 : for each page element, construct a first matrix according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size.

[0068] Wherein, the ratio between the font size of the default font of the operating system of the target terminal and the current font size of the operating system of the target terminal is calculated, and the ratio is recorded as s1; the screen size of the target terminal is obtained, and the ratio between the screen size of the target terminal and the page size of the target page is calculated, and the ratio is recorded as s2; the first matrix is ​​constructed according to s1 and s2. Wherein, the screen size of the target terminal and the page size of the target page include length and width. Before calculating s2, the screen display mode of the target terminal is obtained. When the screen display mode of the target terminal is horizontal screen display, the ratio of the length of the screen to the length of the target page is calculated, and the ratio is used as the value of s2; if the screen display mode of the target page is vertical screen display, the ratio of the width of the screen to the width of the target page is calculated, and the ratio is used as the value of s2.

[0069] Step 402: construct a second matrix according to the parameter value corresponding to the page type, the parameter value corresponding to the layout mode, and the parameter value corresponding to the type of the page element.

[0070] Among them, the attribute parameter value corresponding to the page type of the target page is taken as the parameter value corresponding to the above page type, recorded as r1; the attribute parameter value corresponding to the layout method of the target page is taken as the parameter value corresponding to the above layout method, recorded as r2; the attribute parameter value corresponding to the type of the page element is taken as the parameter value corresponding to the type of the above page element, recorded as r3, and the second matrix is ​​constructed according to r1, r2 and r3.

[0071] Step 403: multiply the first matrix, the second matrix, and the parameter value corresponding to the display requirement of the page element and the interaction requirement of the page element to obtain an adjustment coefficient corresponding to the page element.

[0072] Among them, the attribute parameter values ​​determined according to the display requirements and interaction requirements of the page elements are used as parameter values ​​corresponding to the display requirements and interaction requirements of the page elements, denoted as b1; the adjustment coefficient of the page element can be determined by directly multiplying the first matrix, the second matrix and b1.

[0073] Since the types of page elements of the target page may be different, the parameter values ​​of the corresponding page element types are also different, so the values ​​of r3 corresponding to each page element are different, that is, the second matrix is ​​also different; similarly, the values ​​of b1 corresponding to each page element are also different; therefore, the values ​​of the calculated adjustment coefficients corresponding to each page element are also different.

[0074] Step 302 : determining the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element.

[0075] The default size information corresponding to each page element refers to the size of each page element preset by the target application, for example, a preset length, a preset width or a preset diameter.

[0076] For each page element of the target page, the product of the adjustment coefficient corresponding to the page element and the default size information corresponding to the page element is calculated to obtain the size adjustment information of the page element, that is, the size of the page element displayed on the screen after adjustment.

[0077] Step 303 : determining the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared with the page anchor element.

[0078] Among them, for each page element, according to the page anchor element corresponding to the page element, the distance between the page element and the corresponding page anchor element is calculated, so as to obtain the default distance corresponding to the page element, and the product of the adjustment coefficient corresponding to the page element and the corresponding default distance is calculated to obtain the distance adjustment information corresponding to the page element, that is, the distance between the page element and the page anchor element after adjustment.

[0079] By determining the size adjustment spacing and spacing adjustment spacing corresponding to each page element in the target page, the size and position of each page element can be accurately adjusted, so that the adjusted target page can maintain the original display order while keeping the size of each page element consistent with the size of each element in the target terminal, ensuring that users can view the content of the target page without distinction, especially for the elderly who usually need to view large fonts, so that they can smoothly view the content in the target application.

[0080] In one embodiment, determining the page anchoring elements corresponding to the page elements respectively according to the adjustment order of the page elements includes:

[0081] For the first page element ranked first in the adjustment order, a virtual marking line in the target page is used as a page anchor element corresponding to the first page element, wherein the virtual marking line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page.

[0082] For the second page element ranked i-th in the adjustment order, a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order is used as a page anchor element corresponding to the second page element, where i is greater than 1.

[0083] Among them, the page element with the first adjustment order in the target page is taken as the first page element. For the first page element, the upper boundary line, lower boundary line, left boundary line or right boundary line of the target page can be used as its corresponding page anchor element; for example, when the layout mode of the target page is a vertical linear layout, the upper boundary line can be used as the page anchor element of the first page element, and when the layout mode of the target page is a horizontal linear layout, the left boundary line can be used as the page anchor element of the first page element. The embodiment of the application of this company does not limit this, as long as it can be realized to determine the spacing adjustment information corresponding to the first page element.

[0084] The number of page elements in the target page is recorded as i, where i is greater than 1. The page elements in the target page that are not the first in the adjustment order are recorded as second page elements. For each second page element, the page element that is before and adjacent to it in the adjustment order can be used as the page anchor element of the second page element. For example, when the second page element is the fourth in the adjustment order, the page element that is the third in the adjustment order can be used as the page anchor element of the second page element. The spacing adjustment spacing can be further determined by calculating the spacing between the page element that is the third in the adjustment order and the second page element.

[0085] Optionally, for each page element in the target page, the virtual marking line of the target page may be used as the page anchor element of each page element, so as to further determine the spacing adjustment information of each page element.

[0086] In an embodiment of the present application, the page anchor element of each page element can be determined according to the adjustment order, so that the spacing adjustment information of each page element can be determined, and the position of each page element can be adjusted according to the spacing adjustment information, ensuring that each page element can maintain a preset layout order after the size is adjusted, avoiding confusion in the display of page elements, and ensuring the normal display of the target page.

[0087] In one embodiment, Figure 5 As shown, it shows a schematic diagram of a process of adaptively adjusting page elements provided by an embodiment of the present application; in a target terminal where a target application is installed, according to the following steps, each page element of a target page in the target application is adjusted to adapt to the system preset element size of the target terminal. It includes:

[0088] Step 501: After receiving an instruction to display a target page, detecting whether a trigger operation for adjusting an opening option is received.

[0089] Among them, the adjustment enable option is located in the currently displayed page.

[0090] Step 502: If a trigger operation for enabling the adjustment option is received, size adjustment reference information of each page element in the target page is obtained.

[0091] Among them, the size adjustment reference information includes the element size configuration parameters of the operating system, the attribute parameters of the target page, and the attribute parameters of each page element in the target page. The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page elements include the type of page elements, the display requirements of the page elements, and the interaction requirements of the page elements. The display requirements of the page elements are used to characterize whether to focus on displaying the page elements, whether to keep the original size of the page elements, and whether to display the page elements primarily or display the page elements secondarily; the interaction requirements of the page elements are used to characterize whether the page elements need to be clicked and whether the page elements need to flash.

[0092] Step 503: determining the adjustment coefficients corresponding to the respective page elements according to the size adjustment reference information.

[0093] For each page element, a first matrix is ​​constructed according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size. A second matrix is ​​constructed according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout mode, and the parameter values ​​corresponding to the type of the page element. The first matrix, the second matrix, and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element are multiplied to obtain the adjustment coefficient corresponding to the page element.

[0094] Step 504 : determining the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element.

[0095] For each page element of the target page, the product of the adjustment coefficient corresponding to the page element and the default size information corresponding to the page element is calculated to obtain the size adjustment information of the page element, that is, the size of the page element displayed on the screen after adjustment.

[0096] Step 505: determine the page anchor elements corresponding to each page element.

[0097] Among them, the page element with the first adjustment order in the target page is taken as the first page element. For the first page element, the upper boundary line, lower boundary line, left boundary line or right boundary line of the target page can be used as its corresponding page anchor element; for example, when the layout mode of the target page is a vertical linear layout, the upper boundary line can be used as the page anchor element of the first page element, and when the layout mode of the target page is a horizontal linear layout, the left boundary line can be used as the page anchor element of the first page element. The embodiment of the application of this company does not limit this, as long as it can be realized to determine the spacing adjustment information corresponding to the first page element.

[0098] The number of page elements in the target page is recorded as i, where i is greater than 1. The page elements in the target page that are not the first in the adjustment order are recorded as second page elements. For each second page element, the page element that is before and adjacent to it in the adjustment order can be used as the page anchor element of the second page element. For example, when the second page element is the fourth in the adjustment order, the page element that is the third in the adjustment order can be used as the page anchor element of the second page element. The spacing adjustment spacing can be further determined by calculating the spacing between the page element that is the third in the adjustment order and the second page element.

[0099] Step 506 : Determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0100] Among them, for each page element, according to the page anchor element corresponding to the page element, the distance between the page element and the corresponding page anchor element is calculated, so as to obtain the default distance corresponding to the page element, and the product of the adjustment coefficient corresponding to the page element and the corresponding default distance is calculated to obtain the distance adjustment information corresponding to the page element, that is, the distance between the page element and the page anchor element after adjustment.

[0101] Step 507: Adjust each page element based on the size adjustment information and spacing adjustment information corresponding to each page element.

[0102] It should be understood that, although the various steps in the flowcharts involved in the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-mentioned embodiments can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.

[0103] Based on the same inventive concept, the embodiment of the present application also provides a page element adjustment device for implementing the page element adjustment method involved above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above method, so the specific limitations in one or more embodiments of the page element adjustment device provided below can refer to the limitations of the page element adjustment method above, and will not be repeated here.

[0104] In one embodiment, Figure 6 As shown, a device for adjusting page elements is provided, comprising: a first acquisition module 601, a first determination module 602, a second acquisition module 603 and a first display module 604, wherein:

[0105] The first acquisition module 601 is used to acquire size adjustment reference information after receiving an instruction to display a target page in a target application, wherein the size adjustment reference information includes element size configuration parameters of the operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page.

[0106] The first determination module 602 is used to determine the adjustment order of the page elements in the target page, and determine the page anchor elements corresponding to each of the page elements according to the adjustment order of the page elements.

[0107] The second acquisition module 603 is used to obtain the size adjustment information and spacing adjustment information of each of the page elements according to the size adjustment reference information, the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element.

[0108] The first display module 604 is used to display the target page based on the target size and the target spacing corresponding to each of the page elements.

[0109] In one embodiment, the element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element.

[0110] In one embodiment, the display requirement of the page element is used to characterize at least one of whether to emphasize the display of the page element, whether to maintain the original size of the page element, and whether to display the page element primarily or secondarily; the interaction requirement of the page element is used to characterize at least one of whether the page element requires a click operation and whether the page element requires a flashing prompt.

[0111] In one embodiment, the second acquisition module 603 is specifically used to: determine the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determine the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0112] In one embodiment, the second acquisition module 603 is specifically used to: for each page element, construct a first matrix according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; construct a second matrix according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method, and the parameter values ​​corresponding to the type of the page element; multiply the first matrix, the second matrix, and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element to obtain the adjustment coefficient corresponding to the page element.

[0113] In one embodiment, the first determination module 602 is specifically used to: for the first page element ranked 1st in the adjustment order, use the virtual calibration line in the target page as the page anchor element corresponding to the first page element, wherein the virtual calibration line is at least one of the longitudinal boundary line of the target page and the transverse boundary line of the target page, the longitudinal boundary line is the upper boundary line of the target page or the lower boundary line of the target page, and the transverse boundary line is the left boundary line of the target page or the right boundary line of the target page; for the second page element ranked i-th in the adjustment order, use the page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order as the page anchor element corresponding to the second page element, where i is greater than 1.

[0114] In one embodiment, the first acquisition module 601 is specifically used to: after receiving an instruction to display the target page, detect whether a trigger operation for an adjustment enable option is received, and the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, execute an operation to obtain the size adjustment reference information.

[0115] Each module in the above-mentioned page element adjustment device can be implemented in whole or in part by software, hardware or a combination thereof. Each module can be embedded in or independent of a processor in a computer device in the form of hardware, or can be stored in a memory in a computer device in the form of software, so that the processor can call and execute the operations corresponding to each module.

[0116] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Figure 7 As shown. The computer device includes a processor, a memory, a communication interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be achieved through WIFI, a mobile cellular network, NFC (near field communication) or other technologies. When the computer program is executed by the processor, a page element adjustment method is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covered on the display screen, or a key, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.

[0117] Those skilled in the art will understand that Figure 7 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0118] In one embodiment, a computer device is provided, including a memory and a processor, wherein a computer program is stored in the memory, and when the processor executes the computer program, the following steps are implemented:

[0119] After receiving an instruction to display a target page in a target application, size adjustment reference information is obtained, the size adjustment reference information including element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; an adjustment order of the page elements in the target page is determined, and page anchor elements corresponding to each page element are determined according to the adjustment order of the page elements; size adjustment information and spacing adjustment information of each page element are obtained according to the size adjustment reference information, the size adjustment information is used to indicate an adjusted target size of the page element, and the spacing adjustment information is used to indicate an adjusted target spacing of the page element compared to the corresponding page anchor element; and the target page is displayed based on the target size and the target spacing corresponding to each page element.

[0120] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0121] After receiving an instruction to display the target page, it is detected whether a trigger operation for an adjustment enable option is received; the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, an operation of obtaining the size adjustment reference information is executed.

[0122] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0123] The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. The display requirements of the page element are used to characterize whether to focus on displaying the page element, whether to keep the original size of the page element, and whether to display the page element primarily or secondarily; the interaction requirements of the page element are used to characterize whether the page element needs to be clicked and whether the page element needs to flash.

[0124] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0125] Determine the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determine the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0126] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0127] For each page element, a first matrix is ​​constructed according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; a second matrix is ​​constructed according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method and the parameter values ​​corresponding to the type of the page element; the first matrix, the second matrix and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element are multiplied to obtain the adjustment coefficient corresponding to the page element.

[0128] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0129] For the first page element ranked first in the adjustment order, a virtual marking line in the target page is used as a page anchor element corresponding to the first page element, wherein the virtual marking line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page.

[0130] For the second page element ranked i-th in the adjustment order, a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order is used as a page anchor element corresponding to the second page element, where i is greater than 1.

[0131] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0132] After receiving an instruction to display a target page in a target application, size adjustment reference information is obtained, the size adjustment reference information including element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; an adjustment order of the page elements in the target page is determined, and page anchor elements corresponding to each page element are determined according to the adjustment order of the page elements; size adjustment information and spacing adjustment information of each page element are obtained according to the size adjustment reference information, the size adjustment information is used to indicate an adjusted target size of the page element, and the spacing adjustment information is used to indicate an adjusted target spacing of the page element compared to the corresponding page anchor element; and the target page is displayed based on the target size and the target spacing corresponding to each page element.

[0133] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0134] After receiving an instruction to display the target page, it is detected whether a trigger operation for an adjustment enable option is received; the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, an operation of obtaining the size adjustment reference information is executed.

[0135] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0136] The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. The display requirements of the page element are used to characterize whether to focus on displaying the page element, whether to keep the original size of the page element, and whether to display the page element primarily or secondarily; the interaction requirements of the page element are used to characterize whether the page element needs to be clicked and whether the page element needs to flash.

[0137] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0138] Determine the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determine the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0139] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0140] For each page element, a first matrix is ​​constructed according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; a second matrix is ​​constructed according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method and the parameter values ​​corresponding to the type of the page element; the first matrix, the second matrix and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element are multiplied to obtain the adjustment coefficient corresponding to the page element.

[0141] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0142] For the first page element ranked first in the adjustment order, a virtual marking line in the target page is used as a page anchor element corresponding to the first page element, wherein the virtual marking line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page.

[0143] For the second page element ranked i-th in the adjustment order, a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order is used as a page anchor element corresponding to the second page element, where i is greater than 1.

[0144] In one embodiment, a computer program product is provided, comprising a computer program, which, when executed by a processor, implements the following steps:

[0145] After receiving an instruction to display a target page in a target application, size adjustment reference information is obtained, the size adjustment reference information including element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; an adjustment order of the page elements in the target page is determined, and page anchor elements corresponding to each page element are determined according to the adjustment order of the page elements; size adjustment information and spacing adjustment information of each page element are obtained according to the size adjustment reference information, the size adjustment information is used to indicate an adjusted target size of the page element, and the spacing adjustment information is used to indicate an adjusted target spacing of the page element compared to the corresponding page anchor element; and the target page is displayed based on the target size and the target spacing corresponding to each page element.

[0146] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0147] After receiving an instruction to display the target page, it is detected whether a trigger operation for an adjustment enable option is received; the adjustment enable option is located in the currently displayed page; if a trigger operation for the adjustment enable option is received, an operation of obtaining the size adjustment reference information is executed.

[0148] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0149] The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. The display requirements of the page element are used to characterize whether to focus on displaying the page element, whether to keep the original size of the page element, and whether to display the page element primarily or secondarily; the interaction requirements of the page element are used to characterize whether the page element needs to be clicked and whether the page element needs to flash.

[0150] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0151] Determine the adjustment coefficient corresponding to each page element according to the size adjustment reference information; determine the size adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default size information of each page element; determine the spacing adjustment information of each page element according to the adjustment coefficient corresponding to each page element and the default spacing of each page element compared to the page anchor element.

[0152] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0153] For each page element, a first matrix is ​​constructed according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; a second matrix is ​​constructed according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method and the parameter values ​​corresponding to the type of the page element; the first matrix, the second matrix and the parameter values ​​corresponding to the display requirements of the page element and the interaction requirements of the page element are multiplied to obtain the adjustment coefficient corresponding to the page element.

[0154] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0155] For the first page element ranked first in the adjustment order, a virtual marking line in the target page is used as a page anchor element corresponding to the first page element, wherein the virtual marking line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page.

[0156] For the second page element ranked i-th in the adjustment order, a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order is used as a page anchor element corresponding to the second page element, where i is greater than 1.

[0157] It should be noted that the method and device for adjusting page elements provided in the present application can be used for adjusting the size of application page elements in the financial field, and can also be used for adjusting page elements in any field other than the financial field. The application field of the method and device for adjusting page elements provided in the present application is not limited.

[0158] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties.

[0159] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in the present application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but are not limited to this.

[0160] The technical features of the above embodiments may be arbitrarily combined. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0161] The above-described embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present application. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the attached claims.

Claims

1. A page element adjustment method, characterized in that: The method comprises: After receiving an instruction to display a target page in a target application, obtaining size adjustment reference information, the size adjustment reference information including element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; Determining an adjustment order of the page elements in the target page, and determining page anchor elements corresponding to each of the page elements according to the adjustment order of the page elements; Acquire size adjustment information and spacing adjustment information of each of the page elements according to the size adjustment reference information, the size adjustment information being used to indicate the adjusted target size of the page element, and the spacing adjustment information being used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element; Based on the target size and the target spacing corresponding to each of the page elements, display the target page; The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page element include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. The acquiring the size adjustment information and the spacing adjustment information of each of the page elements according to the size adjustment reference information includes: Determine the adjustment coefficients corresponding to the respective page elements according to the size adjustment reference information; Determining size adjustment information of each of the page elements according to the adjustment coefficients respectively corresponding to each of the page elements and the default size information of each of the page elements; Determine the spacing adjustment information of each of the page elements according to the adjustment coefficients respectively corresponding to each of the page elements and the default spacing of each of the page elements compared with the page anchor element; The determining, according to the size adjustment reference information, the adjustment coefficients corresponding to the respective page elements respectively includes: For each of the page elements, constructing a first matrix according to a ratio of the default font size to the current font size and a ratio of the page size to the screen size; Constructing a second matrix according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout mode, and the parameter values ​​corresponding to the type of the page element; The first matrix, the second matrix, and the parameter values ​​corresponding to the display requirements of the page elements and the interaction requirements of the page elements are multiplied to obtain an adjustment coefficient corresponding to the page element.

2. The method according to claim 1, characterized in that The display requirement of the page element is used to indicate at least one of whether to focus on displaying the page element, whether to keep the original size of the page element, and to display the page element primarily or to display the page element secondarily; The interaction requirement of the page element is used to represent at least one of whether the page element requires a click operation and whether the page element requires a flashing prompt.

3. The method according to any one of claims 1 to 2, characterized in that: The determining the page anchor elements corresponding to the page elements respectively according to the adjustment order of the page elements includes: For a first page element ranked first in the adjustment sequence, a virtual demarcation line in the target page is used as a page anchor element corresponding to the first page element, wherein the virtual demarcation line is at least one of a longitudinal boundary line of the target page and a transverse boundary line of the target page, the longitudinal boundary line is an upper boundary line of the target page or a lower boundary line of the target page, and the transverse boundary line is a left boundary line of the target page or a right boundary line of the target page; For the second page element ranked i-th in the adjustment order, a page element in the target page that is adjacent to the second page element and is located before the second page element in the adjustment order is used as a page anchor element corresponding to the second page element, where i is greater than 1.

4. The method according to any one of claims 1 to 2, characterized in that: After receiving the instruction to display the target page in the target application, obtaining the size adjustment reference information includes: After receiving an instruction to display the target page, detecting whether a trigger operation for adjusting an enable option is received, the adjust enable option being located in the currently displayed page; If a trigger operation for the adjustment-on option is received, an operation of acquiring the size adjustment reference information is performed.

5. A page element adjustment device, characterized in that: The device comprises: A first acquisition module is used to acquire size adjustment reference information after receiving an instruction to display a target page in a target application, wherein the size adjustment reference information includes element size configuration parameters of an operating system, attribute parameters of the target page, and attribute parameters of each page element in the target page; A first determination module, used to determine the adjustment order of the page elements in the target page, and determine the page anchor elements corresponding to each of the page elements according to the adjustment order of the page elements; A second acquisition module is used to acquire size adjustment information and spacing adjustment information of each of the page elements according to the size adjustment reference information, wherein the size adjustment information is used to indicate the adjusted target size of the page element, and the spacing adjustment information is used to indicate the adjusted target spacing of the page element compared to the corresponding page anchor element; A first display module, used for displaying the target page based on the target size and the target spacing corresponding to each of the page elements; The element size configuration parameters include the default font size of the operating system and the current font size of the operating system. The attribute parameters of the target page are used to characterize the page size of the target page, the page type of the target page, and the layout of the page elements in the target page. The attribute parameters of the page elements include the type of the page element, the display requirements of the page element, and the interaction requirements of the page element. The second acquisition module is further used to determine the adjustment coefficients corresponding to the respective page elements according to the size adjustment reference information; determine the size adjustment information of the respective page elements according to the adjustment coefficients corresponding to the respective page elements and the default size information of the respective page elements; determine the spacing adjustment information of the respective page elements according to the adjustment coefficients corresponding to the respective page elements and the default spacing of the respective page elements compared to the page anchor element; The second acquisition module is also used to construct a first matrix for each of the page elements according to the ratio of the default font size to the current font size and the ratio of the page size to the screen size; construct a second matrix according to the parameter values ​​corresponding to the page type, the parameter values ​​corresponding to the layout method, and the parameter values ​​corresponding to the type of the page element; multiply the first matrix, the second matrix, and the parameter values ​​corresponding to the display requirements of the page elements and the interaction requirements of the page elements to obtain the adjustment coefficients corresponding to the page elements.

6. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 4 are implemented.

7. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 4 are implemented.

8. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 4 are implemented.

Images