Question

如何自定义iOS中的控件

Answer 1

自定义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;  

Answer 2

想要自定义控件 先了解各个控件都是干什么用的，然后看一下原生的是否满足要求，如果满足要求就不必要在自定义控件了，如果不满足要求在来自定义。

1. 如果界面比较规整 看起来就是 一个view 套着一个view的 就直接在init的时候创建了这些view 注意 如果要用interface builder 拖控件 一定要重写 initWithCoder 在这里frame也是设置好的 可以直接设置子view的frame 如果控件的frame可以动态变更有三种设置frame的方法，如下：

   （1）直接设置autoresizingMask属性

   （2）重写setFrame函数 在里面设置子frame

   （3）重写drawRect 在里面设置frame