iOS项目开发实战——使用Xcode6设计自己定义控件与图形

在iOS开发中，有很多控件都是Xcode默认提供的。使用这些控件是很方便的。可是因为某些须要。须要自己设计控件，那么应该怎么做呢？在Xcode6中提供了这种接口，同意开发人员高速开发自己定义控件，而且能够提供实时预览功能。详细实现过程例如以下：

（1）新建一个Single View Application。Language选择Swift。然后在系统配置主界面中点击项目名称，选择Add Target.

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">.

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">.

（2）然后在弹出的对话框中选择Cocoa Touch Framework,输入名字就可以。我输入的项目名称是CustomViews。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">。

（3）新建完上述的Cocoa Touch Framework后。项目文件夹下多出了两个文件夹，如今的文件夹结构例如以下：

。

（3）在CustomViews中新建一个Cocoa Touch Class。

语言选择Swift，类名随意取，注意SubClass of要选择UIView。点击创建就可以。然后就会生成一个swift类。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">。

（4）首先在Main.storyboard中拖入一个View控件，能够自己任意设置一个背景颜色等。

等下就要用刚才的Swift类来自己定义设置这个View控件。注意这是个View控件。

。

（5）然后在这个控件的右側选择Indentity Inspector中的Class中输入刚才创建的Swift类，我输入的是MyViews,然后系统默认会把Module也填上。

。

（6）然后我们就能够去MyViews.swift中对控件进行自己定义设置了。写入例如以下代码：首先要把该类声明为@IBDesignable。表示是可被又一次设计的。

import UIKit

@IBDesignable class MyViews: UIView {

    //边框宽度；
    @IBInspectable var borderWidth:CGFloat = 0{

        didSet{

            layer.borderWidth = borderWidth
        }
    }

    //边框颜色。
    @IBInspectable var borderColor:UIColor = UIColor.clearColor(){

        didSet{

            layer.borderColor = borderColor.CGColor
        }
    }

    //圆角半径；
    @IBInspectable var cornerRadius:CGFloat = 0{

        didSet{

            layer.cornerRadius = cornerRadius
        }
    }

    //背景颜色；
    @IBInspectable var backgroundColors:UIColor = UIColor.clearColor(){

        didSet{

            layer.backgroundColor = backgroundColors.CGColor
        }
    }

}

（7）然后再来到Main.storyboard中，选中刚才的View控件，此时发现右側多了几个设置属性的选项。各自是设置边框宽度。边框颜色，圆角半径和背景颜色，如图：

。

通过改变属性。能够在界面中实施查看当前的设计结果：

。

通过以上步骤。我们就能够任意的设计自己喜欢的控件效果了。

github主页：https://github.com/chenyufeng1991  。

欢迎大家訪问。