1. 程式人生 > >自定義 iOS 密碼框或驗證碼輸入框,支援多位驗證碼,4位或6位驗證碼自己選擇。

自定義 iOS 密碼框或驗證碼輸入框,支援多位驗證碼,4位或6位驗證碼自己選擇。

密碼框 樣式                           自定義輸入驗證碼樣式

           

git地址: https://github.com/HSFGitHub/CodeInputView.git

支援全部自定義 ,幾位驗證碼的變化,輸入樣式,背景圖片樣式,每位驗證碼背景圖的間距。

當驗證碼輸入完成後,自動通過代理(

-(void)codeInputView:(HSFCodeInputView *)inputView code:(NSString *)code{}
)獲取當前輸入的內容。

使用場景: 當輸入完成後,自動去網路驗證內容。

1.使用方式: 

//每位 驗證碼/密碼 寬高

CGFloat codeBgWH = 60; 

//每位 驗證碼/密碼 間距

CGFloat codeBgPadding = 10; 
//驗證碼個數 
NSInteger numberOfVertificationCode = 4;
//驗證View大小
CGFloat inputViewWidth = codeBgWH * 4 + codeBgPadding *3;
CGFloat inputViewHeight = codeBgWH;


HSFCodeInputView *inputView = [[HSFCodeInputView alloc]initWithFrame:CGRectMake(10, 200, inputViewWidth, inputViewHeight)];

inputView.numberOfVertificationCode = numberOfVertificationCode;

//是否密碼模式
//inputView.secureTextEntry = YES;
[self.view addSubview:inputView];

/************************************************/

2.如何拿到如何的資料呢?
當輸入到最後一位時。可以通過代理拿到輸入的資料。
例如:
//(1).引入 <HSFCodeInputViewDelegate> 代理
@interface ViewController ()<HSFCodeInputViewDelegate>
@end

//(2)建立View,並設定代理
 HSFCodeInputView *inputView = [[HSFCodeInputView alloc]initWithFrame:CGRectMake(10, 200, inputViewWidth, inputViewHeight)];
 //設定代理
 inputView.delegate = self;
 [self.view addSubview:inputView];
 
 //(3)//代理方法回撥,拿到資料
-(void)codeInputView:(HSFCodeInputView *)inputView code:(NSString *)code{

NSLog(@"  -----   驗證碼或者密碼是  %@",code);
}