Method and device for adaptively adjusting interface layout on basis of screen resolution

Abstract

The invention discloses a method for adaptively adjusting interface layout on the basis of screen resolution. The method includes computing maximum values and minimum values of size parameters and location parameter under the condition of current resolution according to scaling and predefined parameters of the current resolution and basic resolution; using a small dimension of the current resolution as a first dimension to compute the optimal size parameters and the optimal location parameters of icon objects under the condition of the first dimension and the quantity of the icon objects; acquiring current lengths of icon objects under the condition of a second dimension according to current lengths of the icon objects under the condition of the first dimension; computing the optimal location parameters of the icon objects under the condition of the second dimension and the quantity of the icon objects according to the optimal lengths of the icon objects under the condition of the second dimension; acquiring current interface layout according to the optimal size parameters and the optimal location parameters of the icon objects under the conditions of the first dimension and the second dimension and the quantities of the icon objects. According to the technical scheme, the method has the advantage that an excellent display effect can be realized under different conditions of screen resolution.

Description

technical field [0001] The present application relates to the technical field of computers and digital devices, and in particular to a method and device for adaptively adjusting interface layout based on screen resolution. Background technique [0002] At present, most digital devices (including but not limited to smartphones, tablets, and smart TVs) use touch screens as human-computer interaction interfaces. Users only need to use their fingers (or other tools, such as capacitive pens) to touch icon objects on the touch screen. The operating system of the device will start the application program corresponding to the icon object or realize the corresponding function. In this article, an icon object refers to an icon displayed on the touch screen arranged at a certain row and column interval (such as an APP icon, or an icon representing a document or a specific function), which has a fixed size relative to the screen size, and the row and column spacing between each icon Sa...

AI Technical Summary

Problems solved by technology

However, a practical problem facing application program developers is that the resolutions of the touch screens of portable digital devices on the market are various, and the interface layout needs to be adjusted according to various resolutions.

[0009] Among them, Option 1 cannot guarantee that the size and spacing of the displayed icon objects are within a reasonable range, and zooming may cause the icon objects to appear distorted or mosaic, and the display effect will deteriorate; Option 2 has a fixed icon size and an unfixed number of icons. Compared with the resolution, the icon may be too large under the small resolution, and the icon may be too small under the large resolution, and the display effect is poor; the third solution is that the proportion of icons is fixed, the number of icons is fixed, and the size of icons is not fixed. In order not to guarantee The icon is distorted and changed, so it needs to be scaled according to the minimum value of the ratio of width and height. Because the ratio of width to height of the display is different, the residual value on both sides of the difference will be too large, and the overall effect will be poor; the display effect of solution 4 is the best for resolution adaptation , but the workload is heavy; and if the resolution of the portable digital device does not have a corresponding display solution, it can only be simply zoomed

Images