Swift - 输入框抖动效果的实现(扩展UIView、支持所有UI组件)


1、ExtensionUIView.swift

import UIKit

public enum ShakeDirection: Int
{
    case horizontal
    case vertical
}

extension UIView
{
    // MARK: - 扩展UIView,增加抖动方法
    ///
    /// - Parameters:
    ///   - direction: 抖动方向(默认是水平方向)
    ///   - times: 抖动次数(默认5次)
    ///   - interval: 每次抖动时间(默认0.1秒)
    ///   - delta: 抖动偏移量(默认2)
    ///   - completion: 抖动动画结束后的回调
    public func shake(direction: ShakeDirection = .horizontal, times: Int = 5, interval: TimeInterval = 0.1, delta: CGFloat = 2, completion: (() -> Void)? = nil)
    {
        UIView.animate(withDuration: interval, animations: { 
            
            switch direction
            {
            case .horizontal:
                self.layer.setAffineTransform(CGAffineTransform(translationX: delta, y: 0))
            case .vertical:
                self.layer.setAffineTransform(CGAffineTransform(translationX: 0, y: delta))
            }
        }) { (finish) in
            
            if times == 0
            {
                UIView.animate(withDuration: interval, animations: { 
                    self.layer.setAffineTransform(CGAffineTransform.identity)
                }, completion: { (finish) in
                    completion?()
                })
            }
            else
            {
                self.shake(direction: direction, times: times - 1, interval: interval, delta: -delta, completion: completion)
            }
        }
    }  
}

2、使用

import UIKit

class ViewController: UIViewController
{
    
    @IBOutlet weak var inputTextField: UITextField!
    
    @IBAction func horizontalShakeButtonTap(_ sender: UIButton)
    {
        inputTextField.shake { 
            print("水平抖动结束")
        }
    }
    
    @IBAction func verticalShakeButtonTap(_ sender: UIButton)
    {
        inputTextField.shake(direction: .vertical, times: 4, interval: 0.1, delta: 1.8) { 
            print("垂直抖动结束")
        }
    }

    override func viewDidLoad()
    {
        super.viewDidLoad()
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

整理自:航歌

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 早起未起,睡至不耐烦。 衣服未洗。 中午至图书馆一楼厅中准备化学反应工程的考试。 下午买了后天晚上回家的票,请了两...
    胡心白阅读 129评论 0 0
  • 前几天看了西游伏妖记,感觉不是那么好,三颗星吧。这部电影,导演徐克,监制周星驰,观影前,是很让人期待的。 一、故事...
    心际花园阅读 436评论 0 1
  • 太棒了,班级技术部门特别给力,已经开始搭建印象笔记班级共享空间,以后班级的教学视频,分享信息都能在里面找到...
    yolanda的花花世界阅读 158评论 0 1
  • 不清楚在别人心里的地位 却很在乎 非常在乎 习惯逃避 在改进 玻璃心真很烦 时间很短 也不一定能成功 加油哦
    atinokay阅读 365评论 0 0