博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS 在Xib中给验证码Button添加边框并实现验证码倒计时效果
阅读量:5826 次
发布时间:2019-06-18

本文共 3896 字,大约阅读时间需要 12 分钟。

最近项目里的登录界面是用Xib拖的。项目很赶没办法。关于验证码遇到的细节上的小问题给大家分享下:

  • 给验证码Button加个边框、并设置边框颜色和宽度

  • 实现验证码倒计时操作

一、给验证码Button加个边框、并设置边框颜色和宽度

这块验证码,使用Button拖的,想要实现边框效果,要实现下面两部:

1、在如图位置添加相应属性。这里千万别写错。写错就会没效果,代码如下:

layer.borderWidth Number 1 layer.borderColorWithUIColor Color 自定义的颜色

2、在项目中添加CALayer的Category

CALayer+LayerColor.h

////  CALayer+LayerColor.h////  Created by TL on 2017/4/1.//  Copyright © 2017年 TL. All rights reserved.//#import 
#import
@interface CALayer (LayerColor)@end复制代码

CALayer+LayerColor.m

////  CALayer+LayerColor.m////  Created by TL on 2017/4/1.//  Copyright © 2017年 TL. All rights reserved.//#import "CALayer+LayerColor.h"@implementation CALayer (LayerColor)- (void)setBorderColorWithUIColor:(UIColor *)color{    self.borderColor = color.CGColor;}@end复制代码

完成这些后,就可以实现验证码Button的边框效果啦。

二、实现验证码倒计时操作

- (IBAction)getVerificationCode:(id)sender {            __block NSInteger time = 59; //倒计时时间        dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);    dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue);        dispatch_source_set_timer(_timer,dispatch_walltime(NULL, 0),1.0*NSEC_PER_SEC, 0); //每秒执行        dispatch_source_set_event_handler(_timer, ^{                if(time <= 0){ //倒计时结束,关闭                        dispatch_source_cancel(_timer);            dispatch_async(dispatch_get_main_queue(), ^{                                //设置按钮的样式                [self.verificationBtn setTitle:@"重新获取" forState:UIControlStateNormal];                [self.verificationBtn setTitleColor:RGBA(188, 188, 188, 1) forState:UIControlStateNormal];//[ColorManager colorWithHexString:@"FB8557"]                self.verificationBtn.userInteractionEnabled = YES;            });                    }else{                        int seconds = time % 60;            dispatch_async(dispatch_get_main_queue(), ^{                                //设置按钮显示读秒效果                [self.verificationBtn setTitle:[NSString stringWithFormat:@"重新获取(%.2d)", seconds] forState:UIControlStateNormal];                [self.verificationBtn setTitleColor:[ColorManager colorWithHexString:@"979797"] forState:UIControlStateNormal];                self.verificationBtn.userInteractionEnabled = NO;            });            time--;        }    });    dispatch_resume(_timer);        }复制代码

附赠colorWithHexString颜色方法的实现:

+ (UIColor *)colorWithHexString:(NSString *)stringToConvert{    NSString *cString = [[stringToConvert stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString];            if ([cString length] < 6)        return DEFAULT_VOID_COLOR;    if ([cString hasPrefix:@"#"])        cString = [cString substringFromIndex:1];    if ([cString length] != 6)        return DEFAULT_VOID_COLOR;        NSRange range;    range.location = 0;    range.length = 2;    NSString *rString = [cString substringWithRange:range];        range.location = 2;    NSString *gString = [cString substringWithRange:range];        range.location = 4;    NSString *bString = [cString substringWithRange:range];            unsigned int r, g, b;    [[NSScanner scannerWithString:rString] scanHexInt:&r];    [[NSScanner scannerWithString:gString] scanHexInt:&g];    [[NSScanner scannerWithString:bString] scanHexInt:&b];        return [UIColor colorWithRed:((float) r / 255.0f)                           green:((float) g / 255.0f)                            blue:((float) b / 255.0f)                           alpha:1.0f];}复制代码

附赠RGBA颜色方法的实现:

//RGBA#define RGBA(R/*红*/, G/*绿*/, B/*蓝*/, A/*透明*/)   [UIColor colorWithRed:(float)R/255.f green:(float)G/255.f blue:(float)B/255.f alpha:A]//RGB#define RGB(r, g, b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:1.0]复制代码

这时候你的验证码会有 闪烁效果 ,不要怕,改变验证码Button的Type为Custom即可,直接上图:

没有一蹴而就的天才,只有不断点亮天赋的勤者

转载于:https://juejin.im/post/5a323c0af265da431e16c951

你可能感兴趣的文章
Cloudera携手CenturyLink提供大数据即服务
查看>>
如何创建线程
查看>>
Eclipse搭建Android ADT+SDK+AVD
查看>>
模拟实现strcpy
查看>>
我的友情链接
查看>>
SCCM 客户端卸载
查看>>
linux下进程通信方式--共享内存
查看>>
Java与设计模式-组合模式
查看>>
PXE网络装机
查看>>
Kelly Rowland - Love Me Better
查看>>
munin监控服务器
查看>>
VIM 高级用法(一)
查看>>
ext3grep恢复linux下误删除的文件
查看>>
独立博客运营11天:谷歌、必应都送快照,百度仍犹豫
查看>>
我的友情链接
查看>>
eclipse中egit插件使用--升级版
查看>>
Linux awk入门及进阶
查看>>
JavaWeb项目前端规范(采用命名空间使js深度解耦合)
查看>>
操作系统作用及编程语言的分类及优缺点
查看>>
jsonk可以传递boolean
查看>>