模仿支付宝支付键盘自定义

最近项目闲下来  过了一下之前的项目  发现里面有一个余额支付 需要用到类似支付宝支付的界面 当时是同事接手的   看了一下是用的第三库 里面代码繁多 就想尝试自己写一个demo来练练手  

声明:此支付键盘是自定义的用按钮实现的 因为用到系统的键盘要处理监听太多的方法  太麻烦了 

1 首先创建一个 payMoneyView的view  我采用的是xib拖得



模仿支付宝支付键盘自定义_第1张图片
布局UI  做的比较粗糙

2 上代码  创建几个数组来保存一些操作

3 自定义键盘 每次运行时打乱键盘上面的数字的顺序 采用懒加载 方法不是特别好  在网上copy的  后期会优化成键盘一弹出来就保证数字不一样

模仿支付宝支付键盘自定义_第2张图片

4 任何写UI控件的方法建写在awakeFromNib(xib创建的前提下)里面 要是代码创建就写initwithframe方法里面  但是计算控件的frame的时候就要写在layoutSubviews方法里面去计算  因为只有这个方法里面才能拿到真正的控件的frame


模仿支付宝支付键盘自定义_第3张图片
模仿支付宝支付键盘自定义_第4张图片

5 最最核心的代码  就是计算一个一个删除的时候保存或则删除当前的密码UI 

模仿支付宝支付键盘自定义_第5张图片

6 看下效果


模仿支付宝支付键盘自定义_第6张图片


7 代码地址:https://github.com/maoyuhu/-ss 后期会把UI优化一下的

谢谢大家  希望对你有帮助 如果对你有帮组  请不要吝啬你的star 谢谢!!!

你可能感兴趣的:(模仿支付宝支付键盘自定义)