VerificationCode
自定义多位验证码
Install / Use
/learn @zhongjianfeipqy/VerificationCodeREADME
VerificationCode
依赖于SnapKit
工具类

依赖的方法、可以使用自己项目的方法替换

效果:

思路:
视图层级:
-
最底层一个隐藏的UITextView,上面铺的Label
-
输入焦点在UITextView,监听UITextView的输入,给Label赋值
-
通过Label显示输入的文字使用CAShapeLayer绘制光标
-
通过光标的显示隐藏来控制光标的移动
-
基础动画控制光标闪动
使用:
// 初始化验证码输入框数量
let codeView = TDWVerifyCodeView.init(inputTextNum: 6)
// 监听验证码输入的过程
codeView.textValueChange = { [weak self] str in
// 要做的事情
}
// 监听验证码输入完成
codeView.inputFinish = { [weak self] str in
// 要做的事情
}
简书链接:
https://www.jianshu.com/p/d258714f7095
喜欢的点个star,谢谢老铁们
Related Skills
node-connect
340.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
340.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.2kCommit, push, and open a PR
