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

2020-01-14 18:45:20刘景俊
IOS实现输入验证码、密码按位分割(二)

层级关系

  • label用于显示验证码的内容,必须在最上边
  • backgroundImageView显示背景图片,所以必须在label的后边,且可以显示出来

    二、实现效果
    密码输入效果

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

    验证码输入效果

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

    三、实现步骤
    代码结构
    如图:

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

    1、IDVertificationCodeInputView(编号“1”视图)的的属性

    公有属性(vertificationCodeInputView的相关属性)

    
    @interface IDVertificationCodeInputView : UIView
    /**背景图片*/
    @property (nonatomic, copy) NSString *backgroudImageName;
    /**验证码/密码的位数*/
    @property (nonatomic, assign) NSInteger numberOfVertificationCode;
    /**控制验证码/密码是否密文显示*/
    @property (nonatomic, assign) bool secureTextEntry;
    /**验证码/密码内容,可以通过该属性拿到验证码/密码输入框中验证码/密码的内容*/
    @property (nonatomic, copy) NSString *vertificationCode;
    @end
    

    私有属性(vertificationCodeInputView的子控件)