【iOS_GitHub】跑马灯/滚动文字条（类似于菜鸟/京东/支付宝/聚划算/网商银行等app的跑马灯功能）

最新推荐文章于 2025-07-28 10:44:09 发布
原创 最新推荐文章于 2025-07-28 10:44:09 发布 · 4.2k 阅读 · 2
标签
#ios开发 #支付宝 #京东 #跑马灯 #文字滚动条

Marquee（跑马灯）

说一下初衷吧，最初要用到跑马灯功能的时候，也找过一些SDK，但未能找到与我需求很好契合的SDK，主要就是手势滑动后的问题（手势滑动push/pop || 前后台切换等时候跑马灯出现失灵的状况），目前支持水平 && 上下（正向 && 逆向）滚动，解决push/pop && 前后台切换 && 手势滑动 && 意外中断等情况，希望通过此SDK给予与我有同样需求的童鞋一些帮助。

先上图，看一下是否符合你的场景吧！

Function Description

  1. 轻量级跑马灯
  2. 支持attributedText
  3. 随时获取跑马灯状态
  4. 前/后台切换重新加载
  5. 水平 && 上下（正向 && 逆向）
  6. push/pop || 前后台切换 || 手势返回后自动滚动

How to use

1. 水平：水平向左滚动的跑马灯

a. 简单的集成方式：当成一个普通label使用即可，在初始化方法的时候可以自定义单次滚动时间
/** 初始化
 *  durat
最低0.47元/天 解锁文章
iOS文字滚动：使用CATextLayer实现的跑马灯
02-05
在 iOS 开发中，跑马灯效果（Marquee Effect）是一种常见的文本滚动效果，广泛应用于广告展示、动态消息栏、通知推送等场景。通过跑马灯效果，我们能够以流畅的方式展示超出屏幕范围的文本，提升用户体验。 通常，在 iOS 中实现跑马灯效果，我们可能会想到UILabel。然而，虽然UILabel提供了丰富的文本样式支持，它在动画和性能方面却有一定局限性。特别是在需要自定义动画效果和处理高性能的场景中,UILabel并不是最理想的选择。 此时，CATextLayer就成为了一个更灵活的替代方案。CATextLayer是一个低级的图层类，继承自CALayer，它专注于文本渲染，并且可以与 Core Animation 配合，实现高效且平滑的动画效果。相比于UILabel，CATextLayer更加轻量，且能更精确地控制动画和渲染性能，因此非常适合用于跑马灯这类需要高效动画渲染的场景。
ios纵向滚动跑马灯字幕
03-30
ios 纵向循环滚动跑马灯字幕，容易调用。
【IOS】最简单方式实现跑马灯文字效果
雨影的博客
02-22 1689
实现跑马等效果,如果想要实现,头部跟尾部同时出现在一个屏幕中的话,应该使用两个 Label 比较好实现,于是有了以下思路. @interface JDMarqueeView () @property (nonatomic,copy) NSString *msg; //需要展示的消息 @property (nonatomic,assign) CGFloat textW; //文字长度 @prope
ios 简单的文本跑马灯效果
ForeverMyheart的博客
04-28 2414
偶然间看到一篇仿抖音标题的文章，就仿着写了一下，效果如下，代码比较简单我就不多加描述了，有需要的话可以直接下demo demo地址： https://github.com/kongmingyang/- ...
iOS实现一个高性能的跑马灯
liubo的博客
04-28 2691
该跑马灯完全通过CATextLayer 实现，轻量级，并且通过。系统的位移动画实现滚动效果，实现更好的性能。
iOS文字滚动：使用CATextLayer实现的跑马灯（附源码）
weixin_39339407的博客
02-05 2468
通过本文，我们探讨了如何使用 CATextLayer 实现一个高效流畅的跑马灯效果。相比于 UILabel，CATextLayer在渲染性能上更具优势，特别是在需要动态更新和动画效果时，它能够提供更加平滑的用户体验。尽管 CATextLayer 支持的文本样式有限，但对于一些简单的文本显示需求，尤其是高效动画渲染，它无疑是一个理想的选择。在实际开发中，使用 CATextLayer 实现跑马灯效果，能够帮助我们节省性能开销，减少无谓的视图层级，同时通过 Core Animation 提供流畅的视觉体验。
iOS 跑马灯的实现
iOS_开发
11-28 2610
程序君个人微信和我聊聊编程和创业的事加好友作者丨劉光軍_Shinehttps://www.jianshu.com/p/1cdb3e6a9d80介绍我们一说起跑马灯第一个想...
实现iOS跑马灯效果的自定义UILabel
最新发布
weixin_35509395的博客
07-28 872
在移动应用开发中，经常遇到UI组件需要特定行为的情况。例如，在一个新闻阅读应用中，我们可能需要让标题或者某些文本信息以跑马灯的方式显示，以此来吸引用户的注意力。对于这种情况，虽然 iOS 的 UILabel 控件提供了基本的显示功能，但它本身并不支持动画效果，如文本的滚动。为了满足这种需求，我们可以创建一个自定义的 UILabel 子类，通过继承并重写UILabel的属性和方法，来实现跑马灯效果。自定义的子类可以让我们的视图组件更加模块化，并且可以重用在其他地方，这在iOS开发中是一种常见的做法。
【亲测免费】 UUMarqueeView：iOS上的自定义跑马灯视图
gitblog_00862的博客
08-18 605
UUMarqueeView：iOS上的自定义跑马灯视图 在移动应用开发中，跑马灯（Marquee）视图是一种常见的UI组件，用于展示滚动文本或消息。今天，我们要介绍的是一个功能强大且高度可定制的iOS跑马灯视图库——UUMarqueeView。无论是在新闻应用、电商平台的促销信息展示，还是在社交媒体的动态更新中，UUMarqueeView都能提供出色的用户体验。 项目介绍 UUMarqueeVie...
iOS跑马灯效果的两种实现方法
weixin_28681379的博客
05-16 1628
iOS跑马灯效果是一种动态文本展示方式，它可以让一段文字像跑马灯一样滚动显示，常见于新闻应用、公告栏等场景。跑马灯效果不仅能增强用户界面的动感，还可以有效利用屏幕空间展示更长的文本内容。在设计跑马灯效果时，开发者需要考虑用户体验、实现的复杂度以及性能开销等因素。接下来的章节，我们将深入探讨如何使用UILabel结合以及UIWebView加载HTML来实现跑马灯效果，并对性能与定制性进行权衡分析，以找到最佳的实现方式。
【iOS】最简单的方式实现跑马灯文字效果
雨影的博客
02-07 2482
实现跑马等效果,如果想要实现,头部跟尾部同时出现在一个屏幕中的话,应该使用两个 Label 比较好实现,于是有了以下思路. “` @interface JDMarqueeView () @property (nonatomic,copy) NSString *msg; //需要展示的消息 @property (nonatomic,assign) CGFloat textW; //文字长度
iOS 实现跑马灯效果的方法示例
08-31
可能说起跑马灯，大家第一个会想到的就是山寨机。但接下来这篇文章介绍的跑马灯和那个跑马灯是不一样滴。在iOS中，跑马灯是指label上的字自动滚动，形成类似跑马灯似的条幅。下面通过这篇文章我们来一起看看iOS 实现跑马灯效果的方法，有需要的朋友们可以参考借鉴。
ios 文字跑马灯效果实现
11-15
这是一个text 的跑马灯效果，使用的是绘制文字的方式实现。
ios-横向文字跑马灯.zip
07-11
定时器内存消耗很严重，请在合适的地方开关，有不足的地方还望各位指正
ios-支持多文本的跑马灯 YFRollingLabel.zip
07-11
支持单文本、多文本 并可以控制滚动方向 设置文本间距 包含点击事件的代码块 能够控制定时器开始、暂停等。 ---单文本---： 文本宽度 > 控件宽度 自动循环滚动 文本宽度 < 控件宽度 不滚动 ---多文本---： 自动逐个循环滚动 注意：由于只使用了两个UILabel 所以在多文本的情况下，文本长度不能太短 不然会造成后者最初的不连续显示。@["第一个",@"第二个",@"第三个"]这样就太短了 详见GitHub: https://github.com/yvanwang1992/YFRollingLabel
【亲测免费】 推荐开源项目：JhtMarquee - 强大的iOS跑马灯解决方案
gitblog_00094的博客
05-22 666
推荐开源项目：JhtMarquee - 强大的iOS跑马灯解决方案 项目介绍 JhtMarquee 是一款专门为iOS开发的轻量级跑马灯SDK，由开发者jinht精心打造。它解决了在使用手势滑动、页面push/pop以及应用进入后台等情况下跑马灯可能出现的失灵问题。不仅支持水平方向的滚动，还增加了垂直滚动的支持，并且能够应对各种复杂场景下的稳定运行。 项目技术分析 该SDK采用了Objective...
iOS跑马灯控件
热门推荐
专注于计算机研发知识和资讯分享
05-20 1万+
前言 在代办界面或者工作台界面，往往需要应用到跑马灯的地方，比如： 例子 利用QMUIMarqueeLabel 进行建议封装 * 简易的跑马灯 label 控件，在文字超过 label 可视区域时会自动开启跑马灯效果展示文字，文字滚动时是首尾连接的效果（参考播放音乐时系统锁屏界面顶部的音乐标题）。 例子1: 右侧按钮，右侧跑马灯文字 如用户登陆未绑定手机号，今天提示。 用法 模型构建 self.WorkNoteModel = [CRMWorkNoteModel new];
【亲测免费】 推荐文章：JhtMarquee - 高效易用的跑马灯SDK
gitblog_00072的博客
08-16 792
推荐文章：JhtMarquee - 高效易用的跑马灯SDK 项目介绍 在移动应用开发中，跑马灯（Marquee）功能常用于展示滚动消息、广告或通知。然而，许多现有的SDK在处理手势滑动、页面切换等复杂场景时往往表现不佳。为了解决这一痛点，JhtMarquee应运而生。JhtMarquee是一个轻量级的跑马灯SDK，支持水平和垂直（正向和逆向）滚动，并能完美处理push/pop、前后台切换、手势滑动...
iOS开发之跑马灯
lqk的博客
11-28 528
1.法一： 类似于弹幕，一个label的实现 - (void)viewDidLoad { [super viewDidLoad]; [self addPaomaLabel]; } - (void)addPaomaLabel { self.annonLabel = [[UILabel alloc]initWithFrame:CGRectMake(45, 8, ScreenWidth-45,
iOS - 支持水平 / 垂直显示自动滚动的跑马灯控件 --- SKAutoScrollLabel 的使用和实现
cleven
04-20 3676
原文链接：http://www.jianshu.com/p/7221bc08f26a SKAutoScrollLabel 是一个同时支持水平 / 垂直两种类型的 “跑马灯” 效果的自动滚动 UILabel。在滚动的边缘使用了梯度褪色来解决滚动边缘生硬的效果问题，总体效果呈现出混然天成的感觉，并且使用简单方便。 —— 由ShevaKuilin分享 简述 SKAutoScrollLa
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值