第一个Xcode项目(7) - ①Button的Image变色①

[相关信息:Xcode7.2 ; Swift2.0]

我们直接进入正题


第一个Xcode项目(7) - ①Button的Image变色①_第1张图片
在项目里新建一个文件

第一个Xcode项目(7) - ①Button的Image变色①_第2张图片
选择Cocoa Touch Class

第一个Xcode项目(7) - ①Button的Image变色①_第3张图片
继承UIViewController类

第一个Xcode项目(7) - ①Button的Image变色①_第4张图片
添加页面绑定我们新建的类

第一个Xcode项目(7) - ①Button的Image变色①_第5张图片
开启左视图,右代码的模式,进行控件绑定

绑定按钮的时候我们选择Outlet Collection (它是一个组数集合,可以绑定多个按钮)


第一个Xcode项目(7) - ①Button的Image变色①_第6张图片
拖拽类型按钮到代码区域,进行绑定

把5个类型按钮绑定到我们刚刚新建的集合上
色块按钮的绑定也跟上面的步骤一样,略...

然后我们需要为按钮设定点击事件


为按钮建立点击事件代码

第一个Xcode项目(7) - ①Button的Image变色①_第7张图片
点击事件建立时选择正确的参数

然后把剩下4个按钮都绑定到一个事件上

色块按钮的点击事件也跟上面的步骤一样,略...

最后添加完的效果是这样的


第一个Xcode项目(7) - ①Button的Image变色①_第8张图片
控件绑定,点击事件绑定完成后的效果

然后我们运行APP看来会出现什么样的效果 (Command+R)


第一个Xcode项目(7) - ①Button的Image变色①_第9张图片
运行APP的效果

你可能感兴趣的:(第一个Xcode项目(7) - ①Button的Image变色①)