Reusable control rounding setting method

Abstract

The invention discloses a reusable control rounding setting method. The method includes the following steps that S1, a tool class of UIImage is created, a rectangular image of which a central hollow-out pattern is a rounded rectangle is drawn through the UIImage, and cached in a system folder; wherein a drawing method includes the steps that S11, a drawn context is acquired, a drawn parameter is set, the drawn parameter comprises a line width and an inward reduction width; S12, an outer rectangle is drawn, and the size of the rectangular image is set; S13, a first rounded rectangle of the inner layer is drawn, and the size, rounding position and radius size of a circular bead of the first rounded rectangle are set; S4, the drawn context is ended to obtain the rectangular image of which thecentral hollow-out pattern is the rounded rectangle; S2, the rectangular image is called to overwrite the upper layer of a target control that needs to be rounded. According to the reusable control rounding setting method, by calling the pre-drawn and pre-cached rectangular image to carry out rounding processing on the target control, the problem of interface caton and off-screen rendering with alarge number of rounded corners in the prior art is solved.

Description

technical field [0001] The invention belongs to the technical field of application program interface optimization, and more specifically relates to a reusable control rounding setting method. Background technique [0002] Since the IOS 7 system, the flat design style has become popular all over the world. In the flat design, control rounding is one of the common ways to beautify the UI of the interface. Because of the visual comfort brought by the rounded corners, it makes Many APP development processes have the need to set rounded corners, and the emergence of IOS 11 reflects the importance of rounded corners for controls. [0003] The traditional rounding method of application control is to add rounding code in the source code of the application where the control needs to be rounded. The controls that need to be rounded include UIView, UIImageView, UIButton, UILable and UITextView and other visual controls; in the prior art, when setting the rounded corners of ordinary co...

AI Technical Summary

Problems solved by technology

[0003] The traditional rounding method of application control is to add rounding code in the source code of the application where the control needs to be rounded. The controls that need to be rounded include UIView, UIImageView, UIButton, UILable and UITextView and other visual controls; in the prior art, when setting the rounded corners of ordinary controls for a single interface, the layer layer CornerRadius and masksToBound attribute items are usually used to set them. This method has no effect on system performance when the number of rounded corners is relatively small. Obvious impact, but when the number of rounded corners is large, for example, when setting the rounded corners of the controls in the cells of the list interface, there will be obvious interface jamming; The problem of screen rendering cannot give users a better experience

Images