前言
不管是WEB还是Android或者是iOS开发中 我们都会有这样的问题
- 按钮点击时 连续点击只让第一次生效
- 搜索时文本不断变化导致调用多次接口
上面的两个问题解决后能大大提升用户体验 解决它们就用到了throttle和debounce
WEB(JS)
Android(Java)
主要用到RxJava和RxAndroid
iOS(OC/Swift)
MessageThrottle- Swift可以用
RxSwift
如果项目中已经用到 或者想用
RxSwift的话就选择第二种方式
如果项目不想引用太多东西 或者项目用的OC 就选择第一种方式
ReactiveCocoavsRxSwift?
RxSwift虽然只支持iOS8之后的系统 但是现在基本只需适配iOS8以后了 所以不用担忧
RxSwift和RxJava以及RxJS语法基本都相似 这真的就是learn once, apply everywhere.
所以推荐使用RxSwift
MessageThrottle实例
在OC中使用
- (void)viewDidLoad {
[super viewDidLoad];
MTRule *rule = [[MTRule alloc] initWithTarget:self selector:@selector(buttonClick:) durationThreshold:5];
rule.messageQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
//rule.mode = MTPerformModeFirstly;
//rule.mode = MTPerformModeLast;
rule.mode = MTPerformModeDebounce;
[MTEngine.defaultEngine applyRule:rule];
}
- (IBAction)buttonClick:(UIButton *)sender {
dispatch_async(dispatch_get_main_queue(), ^{
self.label.text = [NSString stringWithFormat:@"点击生效的时间: %@", [self getDateTimeStr]];
});
}
- (NSString *)getDateTimeStr{
NSDate *date = [NSDate new];
NSDateFormatter *df = [NSDateFormatter new];
[df setDateFormat:@"yyyy-MM-dd HH:mm:ss"];
df.timeZone = [NSTimeZone timeZoneForSecondsFromGMT:[NSTimeZone localTimeZone].secondsFromGMT];
NSString *localDateString = [df stringFromDate:date];
return localDateString;
}
如上例子中 设置的间隔为5秒 可设置的模式有三种
- rule.mode = MTPerformModeFirstly;
- rule.mode = MTPerformModeLast;
- rule.mode = MTPerformModeDebounce;
-
MTPerformModeFirstly如果连续点击按钮 每5s的第一次生效 -
MTPerformModeLast如果连续点击按钮 每5s的最后一次生效 -
MTPerformModeDebounce如果连续点击按钮 则重置计时器 停止点击后5s操作生效
在Swift中使用
self.usernameTextField.addTarget(self, action: #selector(updatePicImageView), for: UIControlEvents.editingChanged)
let rule = MTRule.init(target: self, selector: #selector(updatePicImageView), durationThreshold: 1.2);
rule.messageQueue = DispatchQueue.main;
rule.mode = .debounce;
MTEngine.default.apply(rule);
这个和下面用RxSwift的示例做了同样的事 可以对比一下
RxSwift实例
根据用户输入的名字变化 更新头像
_ = self.usernameTextField.rx.text.orEmpty
.debounce(1.2, scheduler: MainScheduler.instance)
.distinctUntilChanged()
.observeOn(MainScheduler.instance)
.subscribe(onNext: { (query) in
self.updatePicImageView();
})
