首页 > 手机专区 > 苹果手机 >

iOS实现通用的图形验证码效果

来源:互联网 2023-02-20 15:47:15 478

iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

工具/原料

  • Mac
  • Xcode

方法/步骤

  • 1

    一般新建个单独的类方便使用,在initWithFrame和awakeFromNib中调用UI初始化方法,保证外部使用xib或者是init时能够进行UI初始化。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 2

    图形验证码的数字我们一般是使用纯数字和大小写的字母组合,这个可以按照实际情况变化进行更改,图形验证码上面一般需要实现点击更换,我们需要添加个点击手势,如下。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    定义一个专门的生成随机验证码的方法,CODE_LENGTH宏在这里定义为4,表示生成四位随机验证码,可以根据实际情况进行更改。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 4

    在上面定义的点击手势方法我们做两个操作,先获取随机生成的验证码,然后调用setNeedsDisplay方法进行绘制,因为所以的都是基于drawRect方法来绘制的。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 5

    在drawRect方法中我们先进行相应的字符串显示绘制,一般就是随机显示位置,但是必须保证位置不能超过本身显示区域。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 6

    在绘制完成字符串之后,我们一般需要添加随机生成的各种颜色的干绕线达到类似于图片的效果,这里根据实际情况生成线条的数目,这里为10条,这样子就完成了,只需要在外部合适的位置加入就行。ehl办公区 - 实用经验教程分享!

    iOS实现通用的图形验证码效果ehl办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ehl办公区 - 实用经验教程分享!


    标签: Mac苹果XCODEios实现

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码