登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

登录按钮

[复制链接]
来自: DKJone 分类: iOS精品源码 上传时间: 2017-10-9 10:26:32
Tag:

项目介绍:

DKLoginButton

一款带有炫酷转场动画的登录按钮组件

语言:Swift4.0!! :cat:
Swift3.2
Swift2.0

本项目中实现了带有动画效果的登录按钮,一般用于 登录/注销 等操作

正如你可以看到下面的GIF动画演示,你可以在按钮旋转效果后设置到具体的状态(失败和成功对应不同的动画)

这些效果封装在同一个内文件中,只要按钮继承自这个类机就可以很方便的使用这个动画效果

Demo

Demo GIF Animation

image

cocopod添加方法

pod 'DKLoginButton'

手动添加方法

复制demo中的DKButton文件夹到项目即可

用法

这是 UIButton类的一个子类,使用前初始化并设置相关属性

    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置场景
        UIApplication.shared.statusBarStyle = .lightContent
        let bg = UIImageView(image: UIImage(named: "Login"))
        bg.frame = self.view.frame
        self.view.addSubview(bg)
        // 创建按钮
        btn = DKTransitionButton(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width - 64, height: 44))
        btn.backgroundColor = UIColor(red: 1, green: 0, blue: 128.0 / 255.0, alpha: 1)
        btn.center = self.view.center
        btn.frame.bottom = self.view.frame.height - 60
        btn.setTitle("Sign in", for: UIControlState())
        btn.titleLabel?.font = UIFont(name: "HelveticaNeue-Light", size: 14)
        btn.addTarget(self, action: #selector(onTapButton(_:)), for: UIControlEvents.touchUpInside)
        btn.spiner.spinnerColor = UIColor.white
        self.view.addSubview(btn)
        self.view.bringSubview(toFront: canlogin)
    }

动画使用方法

    @IBAction func onTapButton(button: DKTransitionButton) {
        // 开始加载动画
        button.startLoadingAnimation()
        
        if self.canlogin.isOn {
            // 成功,进行界面切换
            button.startSwitchAnimation(1, completion: { [unowned self]() -> () in
                let secondVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "SecondViewController")
                secondVC.transitioningDelegate = self
                self.presentViewControllerWithDKAnimation(secondVC, animated: false, completion: nil)
            })
        } else {
            // 失败返回并提示
            button.startShakeAnimation(1, completion: {
                // 提示登录失败
                print("badend")
            })
        }
        
    }

返回到登陆的动画

@IBAction func onTapScreen() {
    button.moveToCenterExpand(0) {
        self.dismissViewControllerAnimated(false, completion: nil)
    }
}

相关源码推荐:

我来说两句
*滑动验证:
所有评论(77)
phoiu 2017-10-9 11:36:21
好好 学习了 确实不错
回复
littleRed 2017-10-9 11:36:28
帮帮顶顶!!
回复
BlueManlove 2017-10-9 11:36:40
内容很好,棒棒哒
回复
hellokenken 2017-10-9 11:37:20
code4app好的代码demo真的很多,谢谢啦~
回复
AlonMessi 2017-10-9 11:37:43
感谢分享,code4app有你更精彩
回复
kengsir 2017-10-9 11:37:46
感谢分享,code4app有你更精彩
回复
code4app热心网友 2017-10-9 11:52:13
感谢分享,Code4App有你更精彩:)
回复
MyCode4 2017-10-9 11:52:38
很给力,Code4App有你更精彩!
回复
code4app热心网友 2017-10-9 12:20:51
强烈支持楼主ing……
回复
提取码:  下载次数:82 状态:已购或VIP 售价:0(原价:20)金钱 下载权限:初级码农 
644 1 82
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表