IOS实现输入验证码、密码按位分割(二)

2020-01-14 18:45:20刘景俊
易采站长站为您分析IOS实现输入验证码、密码按位分割的方法,在App内,密码及验证码的输入,采用按位输入的方法,且位与位之间有分隔线,感兴趣的小伙伴们可以参考一下  

本文提供了实现IOS实现输入验证码、密码按位分割的一种思路,,希望与大家共同交流。

一、实现思路
1、思路描述

  • 自定义一个view,继承自UIView
  • 在view中添加子控件textField,backgroundImageView,label
  • 将验证码/密码的内容绘制到label的指定区域(计算得到),所以label要自定义,在drawRect方法中绘制验证码
  • 使用一个属性secureTextEntry,来控制显示验证码(显示真实的数字)或密码(显示圆点)

    2、视图中的子控件

    • textField:只负责弹出键盘,获取键盘输入的数据;不用于演示键盘输入的内容,实际是隐藏的
    • backgroundImageView:显示实现分割效果的背景图片
    • label:显示验证码或密码的内容

      3、控件之间的关系
      如图:

      IOS实现输入验证码、密码按位分割(二)

      • 编号“1”:父视图(vertificationCodeInputView)
      • 编号“2”:子视图(textField)
      • 编号“3”:子视图(backgroundImageView)
      • 编号“4”:子视图(label)
      • 图片来源于Xcode的调试工具