跑馬燈控件網(wǎng)上也有很多Demo，但都是傳NSString類型的字符串，無法滿足不同格式顯示的需求，所以決定自己寫一個同時支持NSString和NSAttributedString的跑馬燈控件以方便自己使用。

跑馬燈.gif

gif速度有點快。。。

頭文件如下所示（非常簡單，像平時使用UILabel一樣就OK了）：

@interface SLMarqueeControl : UIView

@property (nonatomic, readonly) UILabel *marqueeLabel;

@end

核心代碼：

監(jiān)控app從后臺進入前臺時的通知（解決從后臺回來時停止?jié)L動問題）

[[NSNotificationCenter defaultCenter] addObserver:self
                                                 selector:@selector(appBecomeActive:)
                                                     name:UIApplicationDidBecomeActiveNotification
                                                   object:nil
 ];

利用KVO監(jiān)控text變化，完成滾動過程。

[self.marqueeLabel addObserver:self
                            forKeyPath:@"text"
                               options:NSKeyValueObservingOptionNew
                               context:nil
 ];

利用KVO監(jiān)控attributedText變化，完成滾動過程。

[self.marqueeLabel addObserver:self
                            forKeyPath:@"attributedText"
                               options:NSKeyValueObservingOptionNew
                               context:nil
 ];

完成動畫過程。

- (void)startAnimation {
    if (0 == CGRectGetWidth(self.bounds)
        || 0 == CGRectGetHeight(self.bounds)) {
        return;
    }
    
    [self.innerContainer.layer removeAnimationForKey:@"Marquee"];
    [self bringSubviewToFront:self.innerContainer];
    CGSize size = [self evaluateMarqueeLabelContentSize];
    
    for (UIView *view in self.innerContainer.subviews) {
        if ([view isKindOfClass:[UILabel class]]) {
            [view removeFromSuperview];
        }
    }
    
    CGRect rect = CGRectMake(0.f, 0.f, size.width + kLabelOffset, CGRectGetHeight(self.bounds));
    
    UILabel *label = [[UILabel alloc] initWithFrame:rect];
    label.backgroundColor = [UIColor clearColor];
    label.text = self.marqueeLabel.text;
    label.attributedText = self.marqueeLabel.attributedText;
    
    [self.innerContainer addSubview:label];
    
    if (size.width > CGRectGetWidth(self.bounds)) {
        CGRect nextRect = rect;
        nextRect.origin.x = size.width + kLabelOffset;
        
        UILabel *nextLabel = [[UILabel alloc] initWithFrame:nextRect];
        nextLabel.backgroundColor = [UIColor clearColor];
        nextLabel.text = self.marqueeLabel.text;
        nextLabel.attributedText = self.marqueeLabel.attributedText;
        
        [self.innerContainer addSubview:nextLabel];
        
        CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"transform.translation.x"];
        animation.keyTimes = @[@0.f, @1.f];
        animation.duration = size.width / 50.f;
        animation.values = @[@0, @(-(size.width + kLabelOffset))];
        animation.repeatCount = INT16_MAX;
        animation.timingFunction = [CAMediaTimingFunction functionWithName:@"linear"];
        [self.innerContainer.layer addAnimation:animation forKey:@"Marquee"];
    } else {
        label.frame = self.bounds;
    }
}

控件使用很簡單：
NSString類型字符串

NSString *string = @"我是跑馬燈，我只能不停的滾動才能體現(xiàn)我的價值！請注意，前方高能；呃、其實啥也沒有~~~";
self.marqueeControl.marqueeLabel.text = string;

NSAttributedString類型字符串

NSMutableAttributedString *attr = [[NSMutableAttributedString alloc] initWithString:string];
 [attr addAttributes:@{NSForegroundColorAttributeName:[UIColor yellowColor]}
                  range:NSMakeRange(5, 9)];
    
 [attr addAttributes:@{NSForegroundColorAttributeName:[UIColor redColor],
                          NSFontAttributeName:[UIFont systemFontOfSize:12.f]}
                  range:NSMakeRange(18, 8)];
    
 [attr addAttributes:@{NSForegroundColorAttributeName:[UIColor greenColor]}
                  range:NSMakeRange(30, 6)];
    
 self.attrMarqueeControl.marqueeLabel.attributedText = attr;

GitHub demo: 跑馬燈