【IOS】最简单方式实现跑马灯文字效果

最新推荐文章于 2024-06-24 09:46:12 发布

雨影丶

最新推荐文章于 2024-06-24 09:46:12 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/qq_24702189/article/details/79345371

版权

该博客分享了在iOS平台中通过使用两个Label轻松实现跑马灯效果的方法。尽管这种方法实现起来简单，但存在文字滚动初始位置固定以及无法暂停的局限。作者提供了Demo项目的GitHub链接，供读者在大工程中查找具体实现代码。

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

实现跑马等效果,如果想要实现,头部跟尾部同时出现在一个屏幕中的话,应该使用两个 Label 比较好实现,于是有了以下思路.

@interface JDMarqueeView ()

@property (nonatomic,copy) NSString *msg; //需要展示的消息
@property (nonatomic,assign) CGFloat textW; //文字长度
@property (nonatomic,retain) UILabel *firstLabel; //跑马灯的两个 label
@property (nonatomic,retain) UILabel *secondLabel;

@end

@implementation JDMarqueeView

- (instancetype)initWithFrame:(CGRect)frame andMessage:(NSString *)message
{
    
    self = [super initWithFrame:frame];
    if (self) {
        self.clipsToBounds =YES;
        //为了两个 label 不至于文字连在一起
        _msg = [NSString stringWithFormat:@"    %@      ",message];
        [self createUI];
    }
    return self;
}

- (void)createUI {
    
    _firstLabel =[JDUtils createLabelWithFrame:CGRectZero Font:14 Text:_msg];
    _firstLabel.textAlignment