iOS 一个实现数字增加效果的label

最新推荐文章于 2022-01-30 18:43:47 发布

刘小哈哈哈

最新推荐文章于 2022-01-30 18:43:47 发布

阅读量536

点赞数

分类专栏：动画 UI 文章标签： ios

本文链接：https://blog.csdn.net/LIUXIAOXIAOBO/article/details/120557442

版权

UI 同时被 2 个专栏收录

73 篇文章 1 订阅

订阅专栏

动画

9 篇文章 0 订阅

订阅专栏

本文讲解了一个自定义UILabel实现的计数器效果，结合数学公式展示数值变化，利用CADisplayLink控制动画过程。UI逻辑简洁，仅关注数值递增，适用于多种场景。核心代码展示了如何初始化、更新和停止计数动画。

摘要由CSDN通过智能技术生成

效果图

请添加图片描述

实现原理

数学原理

当前展示的数值 = 开始数值 + （结束数值 - 开始数值）* 当前时间进度（百分比）

UI逻辑

继承于UILabel , 只添加数量增加功能，不涉及UI，UI样式完全外部定义，复用性好

核心代码

@interface LBCountNumberLabel : UILabel

///  展示数量变化
/// @param start 开始数量
/// @param end 结束数量
/// @param timeInterval 时间
- (void)showFromStartNum:(NSInteger)start
                  endNum:(NSInteger)end
                duration:(CGFloat)timeInterval;

@end

NS_ASSUME_NONNULL_END

#import "LBCountNumberLabel.h"

@interface LBCountNumberLabel ()

///计时器
@property (nonatomic, strong) CADisplayLink *link;
///开始时间
@property (nonatomic, assign) NSTimeInterval startTime;
///进度
@property (nonatomic, assign) CGFloat progress;
/// 总时长
@property (nonatomic, assign) CGFloat duration;
///开始值
@property (nonatomic, assign) NSInteger startValue;
///结束值
@property (nonatomic, assign) NSInteger endValue;
///当前展示的值
@property (nonatomic, assign) NSInteger currentValue;

@end

@implementation LBCountNumberLabel

- (void)showFromStartNum:(NSInteger)statr
                  endNum:(NSInteger)end
                duration:(CGFloat)timeInterval
{
    self.startValue = statr;
    self.endValue = end;
    self.duration = timeInterval;
    self.currentValue = statr;
    [self.link addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)linkSelector
{
    if (self.currentValue >= self.endValue) {
        self.currentValue = self.endValue;
        self.text = [NSString stringWithFormat:@"%ld",self.currentValue];
        [self.link invalidate];
        self.link = nil;
        return;
    }
    NSTimeInterval now = [NSDate timeIntervalSinceReferenceDate];
    if (self.startTime == 0) {
        self.startTime = now;
    }
    self.currentValue = self.startValue + (self.endValue - self.startValue) * (now - self.startTime) / self.duration;
    self.text = [NSString stringWithFormat:@"%ld",self.currentValue];
}

#pragma mark - lazy load

- (CADisplayLink *)link
{
    if (!_link) {
        _link = [CADisplayLink displayLinkWithTarget:self selector:@selector(linkSelector)];
        /// 每秒钟的帧数
        _link.preferredFramesPerSecond = 10;
    }
    return _link;
}

@end