仿支付宝的付款转圈动画---CAShapeLayer、UIBezierPath、CABasicAnimation

最新推荐文章于 2022-12-27 15:35:10 发布
最新推荐文章于 2022-12-27 15:35:10 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： iOS 文章标签： iOS 动画 支付宝 支付 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/walkzooByiOS/article/details/52004091
版权

支付宝在支付过程中，支付按钮会有动画效果。最终效果如下图所示。

支付过程中：


支付成功：



觉得挺实用，就封装成了一个按钮，方便日后使用，话不多说，上代码。


先来看一下封装好的button的.h文件中暴露的方法。


一 支付中代码



二 支付成功代码


三 动画结束之后 调用block方法



walkzooByiOS
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
swift-lodingAnimation旋转圈
08-15
loding Animation 旋转圈
关于7.0手机爱贝支付转圈问题-java.lang.SecurityException: getSubscriberId: Neither user 10191 nor current process
心灵震撼
01-10 5584
最近测试发现爱贝渠道的包在支付的时候一直“转圈”，没有弹出支付界面。 看log发现是： java.lang.SecurityException: getSubscriberId: Neither user 10191 nor current process has android.permission.READ_PHONE_STATE. 百度了一下，说是6.0+的安卓版本，如果你没有给项
微信支付接入－弹出支付框输入密码后一直在转圈，20s后提示：支付失败，请稍后再试
bufegar0的博客
05-18 2704
问题描述 接入微信支付所有信息感觉正常，也可以调起微信支付，以为大功告成，结果卡在输完支付密码后，一直在转圈，重试五次后，提示支付失败，请稍后再试。 网上寻求答案 在百度搜索过程中，找到一些零碎的信息，在此分享如下： 遇到此类情况，需要检查如下参数： fee_type字段传错了CNY写成cny 金额有小数点(金额以分为单位，不能有小数) 其他参数有空格 排查过程 根据此三项排查，逐一查看结果 <fee_type>CNY</fee_type> 此参数正常 <to
android 支付动画,Android—ValueAnimator+PathMeasure实现支付宝支付动画
weixin_32384723的博客
05-25 268
我的CSDN: ListerCi我的简书: 东方未曦一、效果展示动画分为三种状态：Loading、Success、Fail，可以点击按钮切换状态。加载后成功的效果如下所示。Loading->Success.gif加载后失败的效果如下所示。Loading->Fail.gif二、前置知识1. ValueAnimatorValueAnimator是属性动画的一种，它不直接改变View的属性，...
支付宝小程序使用lottie加载动画
weixin_44705979的博客
12-27 1187
uniapp开发支付宝小程序使用lottiefiles动画
iOS 动画解析 支付宝支付动画 上
孟宪亮的技术博客
04-17 4026
平时在用支付宝付款时，会有一个支付中的动画和一个支付完成的动画。这篇博客主要分析一下 支付中 的动画效果，效果如下：一、动画解析为了方便观察，添加了放慢加载动画的速度并添加辅助线：从图中可以看出：加载圆弧运动轨迹可分为前半段和后半段；并且圆弧的起始角度(StartAngle)和结束角度(EndAngle)在做有规律的变化；前半段: 从-0.5π到π，这一段运动中速度较快；StartAngle不变，始
iOS开发：仿支付宝界面拖拽按钮动画
踏莎行的博客
06-12 5543
两种方式实现模仿支付宝生活界面可拖拽定制方块button的动画效果，当长按方块，可以拖拽方块到新的位置，其他的方块自动移动布局，也可以添加、删除方块。 预览 思路 两种动画效果：一种是移动方块时与响铃方块交换位置，另一种是记录索引，方块到达新位置时其他方块依次迁移用到了ios框架的手势识别维持方块内部数据索引与界面布局一致 定义一个方块button类
动画特效二十：仿支付宝转账动画
秋恨雪
12-19 4440
本人录制技术视频地址：https://edu.csdn.net/lecturer/1899 欢迎观看。最近比较忙碌，有一段时间没有更新自己的博客了。这一节为大家介绍的动画特效是: 仿支付宝转账动画。 先看看最终效果图。处理这种多变的动画，我们的分析思路就是各个击破。在这里，我将这个动画分解为三组进行处理：1.  一小段弧线的运动，在效果图中转了3圈。2. 绘制一个完整的圆，在效果图中转了1圈。3....
易语言图像转圈源码-易语言
06-13
易语言图像转圈源码
SIMATIC-S7-PLCSIM-V18安装包-链接地址.txt
11-25
SIMATIC_S7-PLCSIM_V18安装包_链接地址
ios-支付宝首页动画效果.zip
07-11
支付宝首页，各个模块增加删除，位置移动，一种比较简单，更容易理解的Demo，初次上传，多多指教，第一个版本，后续会维护更新。
支付成功 对勾动画
12-16
基于Bezier绘制的类似支付宝支付成功的动画，有这个需求的朋友们可以参考或者提出宝贵意见。
CSS3淘宝支付成功打勾动画代码.zip
07-04
CSS3淘宝支付成功打勾动画代码。
模仿支付宝首页的下拉刷新功能
11-18
用ViewGroup类实现模仿支付宝首页的下拉滑动刷新功能。
cross-request 3.1.0.zip
04-12
cross-request 3.1
1803右键转圈补丁-自动权限Bata3.BAT
09-08
1803右键转圈补丁-自动权限Bata3.BAT
touch事件与点击事件的冲突
walkzooByiOS的博客
04-19 2751
做目前这个项目的时候，在自定义tableView里重写了touchesBegan、touchesMoved、touchesEnded几种方法，后来发现这样点击cell的时候，没有任何响应，搜索了很多都没法解决，后来才白痴的发现，因为在重写touch方法的时候，没有调用其super方法，导致响应链断裂了。。。所以才点击cell无效。 后来改成如下就好了： -(void)touches
Xcode8 注释快捷键无效
walkzooByiOS的博客
09-12 1670
在终端输入: sudo /usr/libexec/xpccachectl           然后重启电脑即可
conda install -c conda-forge opencv一直转圈
最新发布
05-12
这种情况可能是因为conda正在尝试从conda-forge渠道下载并安装OpenCV，但由于网络或其他问题，下载过程被阻塞了。建议您可以尝试以下几个步骤： 1. 检查您的网络连接是否良好，尝试使用其他网络连接。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值