ios 按钮震动

原创

mob64ca12e60047 2023-11-09 11:26:39 ©著作权

文章标签 iOS swift 代码示例 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e60047的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS按钮震动实现教程

引言

在iOS开发中，我们经常需要给按钮添加一些特效，比如震动效果。本文将教你如何实现iOS按钮的震动效果。

整体流程

下面是实现iOS按钮震动效果的整体流程：

erDiagram
    用户 -> 点击按钮: 触发事件
    程序 -> 播放震动动画: 使用Core Animation

步骤说明

步骤1：添加按钮

首先，在你的iOS项目中的故事板或代码中添加一个按钮。

步骤2：导入框架

在你的视图控制器文件中导入Core Animation框架。

import UIKit
import QuartzCore

步骤3：实现按钮震动效果

添加以下代码来实现按钮震动效果：

let button = UIButton() // 替换成你的按钮
let animation = CABasicAnimation(keyPath: "position")
animation.duration = 0.05
animation.repeatCount = 5
animation.autoreverses = true
animation.fromValue = NSValue(cgPoint: CGPoint(x: button.center.x - 5.0, y: button.center.y))
animation.toValue = NSValue(cgPoint: CGPoint(x: button.center.x + 5.0, y: button.center.y))
button.layer.add(animation, forKey: "position")

步骤4：调用震动效果

在按钮的点击事件方法中调用震动效果：

@IBAction func buttonTapped(_ sender: UIButton) {
    shakeButton(sender)
}

完整代码示例

下面是完整的代码示例：

import UIKit
import QuartzCore

class ViewController: UIViewController {

    @IBOutlet weak var button: UIButton!

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

    @IBAction func buttonTapped(_ sender: UIButton) {
        shakeButton(sender)
    }

    func shakeButton(_ button: UIButton) {
        let animation = CABasicAnimation(keyPath: "position")
        animation.duration = 0.05
        animation.repeatCount = 5
        animation.autoreverses = true
        animation.fromValue = NSValue(cgPoint: CGPoint(x: button.center.x - 5.0, y: button.center.y))
        animation.toValue = NSValue(cgPoint: CGPoint(x: button.center.x + 5.0, y: button.center.y))
        button.layer.add(animation, forKey: "position")
    }
}