如何自定义iOS中的控件

如题所述

自定义iOS中的控件的设计方法：

1、首先创建了一个图形上下文，然后设置了一下阴影。通过CGContextSetShadowWithColor方法，可以设置如下内容：

上下文

偏移量(此处不需要)

模糊值(该值是通过参数控制的：使用当前的角度除以20，当用户与此控件交互时，以此获得一个简单的动画模糊值)

颜色

2、接着是根据当前的角度绘制一个相应的弧度。

如果当前的角度变量是360°，那么就绘制一个圆弧，如果是90°，就绘制一个弧度为90°的一个弧。最后，利用CGBitmapContextCreateImage方法获取一张图片（刚刚绘制的弧）。这个图片就是我们所需要的掩码图了。

3、裁剪上下文：

经有一个渐变的掩码图了。接着利用函数CGContextClipToMask对上下文进行裁剪——给该函数传入上面刚刚创建好的掩码图。代码如下所示：

<span style="background-color: rgb(255, 255, 255);">CGContextClipToMask(ctx, self.bounds, mask);</span>  4、绘制渐变效果，代码如下所示：

//Define the colour steps  

CGFloat components[8] = {  

    0.0, 0.0, 1.0, 1.0,     // Start color - Blue  

    1.0, 0.0, 1.0, 1.0 };   // End color - Violet  

CGColorSpaceRef baseSpace = CGColorSpaceCreateDeviceRGB();  

CGGradientRef gradient = CGGradientCreateWithColorComponents(baseSpace, components, NULL, 2);  

//Define the gradient direction   

CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));  

CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));  

    //Choose a colour space  

CGColorSpaceRelease(baseSpace), baseSpace = NULL;     

//Create and Draw the gradient  

CGContextDrawLinearGradient(ctx, gradient, startPoint, endPoint, 0);  

CGGradientRelease(gradient), gradient = NULL;