按钮效果如上图
是不是很炫酷,好,接下来就说一下这么炫酷的效果是如何制作出来的。
首先新建一个Podfile文件,导入FaveButton这个库
platform :ios, '9.0'
use_frameworks!
target "Swift-按钮动感点击效果" do
pod 'FaveButton'
end
接下来在你的ViewController中
import FaveButton
然后添加代理
class ViewController: UIViewController,FaveButtonDelegate{}
最后
//
// ViewController.swift
// Swift-按钮动感点击效果
//
// Created by ibokan on 16/7/20.
// Copyright © 2016年 张宇. All rights reserved.
//
import UIKit
import FaveButton
/*创建一组颜色*/
func color(rgbColor: Int) -> UIColor{
return UIColor(
red: CGFloat((rgbColor & 0xFF0000) >> 16) / 255.0,
green: CGFloat((rgbColor & 0x00FF00) >> 8 ) / 255.0,
blue: CGFloat((rgbColor & 0x0000FF) >> 0 ) / 255.0,
alpha: CGFloat(1.0)
)
}
class ViewController: UIViewController,FaveButtonDelegate {
@IBOutlet var heartButton: FaveButton?
@IBOutlet var loveButton : FaveButton?
/*定义一组按钮的颜色*/
let colors = [
DotColors(first: color(0x7DC2F4), second: color(0xE2264D)),
DotColors(first: color(0xF8CC61), second: color(0x9BDFBA)),
DotColors(first: color(0xAF90F4), second: color(0x90D1F9)),
DotColors(first: color(0xE9A966), second: color(0xF8C852)),
DotColors(first: color(0xF68FA7), second: color(0xF6A2B8))
]
func faveButton(faveButton: FaveButton, didSelected selected: Bool) {
}
/*使用自定义颜色*/
func faveButtonDotColors(faveButton: FaveButton) -> [DotColors]? {
if( faveButton == heartButton || faveButton == loveButton){
return colors
}
return nil
}
}
注意:上面的heartButton和loveButton是用代码设置的自定义颜色,也可以在storyboard中设置,本Demo中其他几个按钮就是在storyboard中设置的,大家可以参考一下。还有一点要注意,在storyboard中,按钮的类一定要设置成FaveButton,否则没有效果
最后附上Demo地址http://pan.baidu.com/s/1dFuPHDJ