自定義密碼輸入框ZCPasswordTextField

ZCPasswordTextField

平時開發(fā)常用的幾種密碼輸入框樣式,如果有需要可以自行修改或者再次封裝處理,如果發(fā)現(xiàn)有問題,請issue,謝謝.源碼地址

ZCPasswordField.gif


安裝方式

  • 直接使用,git clone之后,把相關(guān)文件資源拉入到自己的項目中

使用方式

到達指定長度后觸發(fā)UITextFieldDelegate代理事件停止接收鍵盤輸入

 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {
     NSString *new_string = [textField.text stringByReplacingCharactersInRange:range withString:string];
     return new_string.length <= 6;
 }

輸入到指定位數(shù)觸發(fā)UITextFieldDelegate代理事件

- (void)textFieldDidEndEditing:(UITextField *)textField reason:(UITextFieldDidEndEditingReason)reason {
    NSLog(@"text:%@--%ld",textField.text, reason);
    if (reason == UITextFieldDidEndEditingReasonCommitted) {
        // your code
    }
}

下面樣式是目前使用比較多的樣式:

  • 下劃線高亮明文輸入框樣式,如下圖


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.01.55.png
  • 下劃線高亮密文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.02.04.png
  • 矩形邊框明文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.02.13.png
  • 矩形邊框密文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.03.59.png
  • 圓角邊框明文文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.04.13.png
  • 圓角邊框密文文樣式,如下圖:


  • 矩形塊明文文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.04.35.png
  • 矩形塊密文文樣式,如下圖:


    Simulator Screen Shot - iPhone 12 mini - 2021-02-13 at 15.04.44.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容