Android跑马灯MarqueeView源码解析
发布时间 - 2026-01-10 22:46:40 点击率:次跑马灯效果,大家可以去原作者页面浏览

下面看自定义控件的代码
public class MarqueeView extends ViewFlipper {
private Context mContext;
private List<String> notices;
private boolean isSetAnimDuration = false;
private OnItemClickListener onItemClickListener;
private int interval = 2000;
private int animDuration = 500;
private int textSize = 14;
private int textColor = 0xffffffff;
private int gravity = Gravity.LEFT | Gravity.CENTER_VERTICAL;
private static final int TEXT_GRAVITY_LEFT = 0, TEXT_GRAVITY_CENTER = 1, TEXT_GRAVITY_RIGHT = 2;
public MarqueeView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs, 0);
}
private void init(Context context, AttributeSet attrs, int defStyleAttr) {
this.mContext = context;
if (notices == null) {
notices = new ArrayList<>();
}
TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.MarqueeViewStyle, defStyleAttr, 0);
interval = typedArray.getInteger(R.styleable.MarqueeViewStyle_mvInterval, interval);
isSetAnimDuration = typedArray.hasValue(R.styleable.MarqueeViewStyle_mvAnimDuration);
animDuration = typedArray.getInteger(R.styleable.MarqueeViewStyle_mvAnimDuration, animDuration);
if (typedArray.hasValue(R.styleable.MarqueeViewStyle_mvTextSize)) {
textSize = (int) typedArray.getDimension(R.styleable.MarqueeViewStyle_mvTextSize, textSize);
textSize = DisplayUtil.px2sp(mContext, textSize);
}
textColor = typedArray.getColor(R.styleable.MarqueeViewStyle_mvTextColor, textColor);
int gravityType = typedArray.getInt(R.styleable.MarqueeViewStyle_mvGravity, TEXT_GRAVITY_LEFT);
switch (gravityType) {
case TEXT_GRAVITY_CENTER:
gravity = Gravity.CENTER;
break;
case TEXT_GRAVITY_RIGHT:
gravity = Gravity.RIGHT | Gravity.CENTER_VERTICAL;
break;
}
typedArray.recycle();
setFlipInterval(interval);
Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_in);
if (isSetAnimDuration) animIn.setDuration(animDuration);
setInAnimation(animIn);
Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_out);
if (isSetAnimDuration) animOut.setDuration(animDuration);
setOutAnimation(animOut);
}
// 根据公告字符串启动轮播
public void startWithText(final String notice) {
if (TextUtils.isEmpty(notice)) return;
getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
getViewTreeObserver().removeGlobalOnLayoutListener(this);
startWithFixedWidth(notice, getWidth());
}
});
}
// 根据公告字符串列表启动轮播
public void startWithList(List<String> notices) {
setNotices(notices);
start();
}
// 根据宽度和公告字符串启动轮播
private void startWithFixedWidth(String notice, int width) {
int noticeLength = notice.length();
int dpW = DisplayUtil.px2dip(mContext, width);
int limit = dpW / textSize;
if (dpW == 0) {
throw new RuntimeException("Please set MarqueeView width !");
}
if (noticeLength <= limit) {
notices.add(notice);
} else {
int size = noticeLength / limit + (noticeLength % limit != 0 ? 1 : 0);
for (int i = 0; i < size; i++) {
int startIndex = i * limit;
int endIndex = ((i + 1) * limit >= noticeLength ? noticeLength : (i + 1) * limit);
notices.add(notice.substring(startIndex, endIndex));
}
}
start();
}
// 启动轮播
public boolean start() {
if (notices == null || notices.size() == 0) return false;
removeAllViews();
for (int i = 0; i < notices.size(); i++) {
final TextView textView = createTextView(notices.get(i), i);
final int finalI = i;
textView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (onItemClickListener != null) {
onItemClickListener.onItemClick(finalI, textView);
}
}
});
addView(textView);
}
if (notices.size() > 1) {
startFlipping();
}
return true;
}
// 创建ViewFlipper下的TextView
private TextView createTextView(String text, int position) {
TextView tv = new TextView(mContext);
tv.setGravity(gravity);
tv.setText(text);
tv.setTextColor(textColor);
tv.setTextSize(textSize);
tv.setTag(position);
return tv;
}
public int getPosition() {
return (int) getCurrentView().getTag();
}
public List<String> getNotices() {
return notices;
}
public void setNotices(List<String> notices) {
this.notices = notices;
}
public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
this.onItemClickListener = onItemClickListener;
}
public interface OnItemClickListener {
void onItemClick(int position, TextView textView);
}
}
跑马灯view是继承ViewFlipper,可以看到他的结构体
其实ViewFlipper工作机制很简单,如上图,就是将添加到ViewFlipper中的子View按照顺序定时的显示是其中一个子View,其他的子View设置为Gone状态
private Context mContext; private List<String> notices; private boolean isSetAnimDuration = false; private OnItemClickListener onItemClickListener; private int interval = 2000; private int animDuration = 500; private int textSize = 14; private int textColor = 0xffffffff; private int gravity = Gravity.LEFT | Gravity.CENTER_VERTICAL; private static final int TEXT_GRAVITY_LEFT = 0, TEXT_GRAVITY_CENTER = 1, TEXT_GRAVITY_RIGHT = 2;
看出view的一些属性,上下文,集合,是否动画延迟,点击事件,跑马灯的时间间隔,动画延迟时间,字体大小颜色,设置位置在靠左垂直中间对齐,文字的位置常量。
修改MarqueeView的构造方法,我们可以在右键generate快速生成。
<declare-styleable name="MarqueeViewStyle"> <attr name="mvInterval" format="integer|reference"/> <attr name="mvAnimDuration" format="integer|reference"/> <attr name="mvTextSize" format="dimension|reference"/> <attr name="mvTextColor" format="color|reference"/> <attr name="mvGravity"> <enum name="left" value="0"/> <enum name="center" value="1"/> <enum name="right" value="2"/> </attr> </declare-styleable>
TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.MarqueeViewStyle, defStyleAttr, 0);
首先获取属性集合,获取一个mv的间隔,默认值2000
isSetAnimDuration = typedArray.hasValue(R.styleable.MarqueeViewStyle_mvAnimDuration);
是否设置动画时间的延迟
if (typedArray.hasValue(R.styleable.MarqueeViewStyle_mvTextSize)) {
textSize = (int) typedArray.getDimension(R.styleable.MarqueeViewStyle_mvTextSize, textSize);
textSize = DisplayUtil.px2sp(mContext, textSize);
}
假如设置有自定义文字大小,就获取然后px转成sp
获取控件位置,自由设置
在后面要回收
typedArray.recycle();
setFlipInterval(interval);设置滚屏间隔,单位毫秒
Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_in); if (isSetAnimDuration) animIn.setDuration(animDuration); setInAnimation(animIn); Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_out); if (isSetAnimDuration) animOut.setDuration(animDuration); setOutAnimation(animOut);
一进一出的动画效果
// 根据公告字符串启动轮播
public void startWithText(final String notice)
暴露个公共方法,里面有测量view的getViewTreeObserver方法,里面内部类调用了startWithFixedWidth(notice, getWidth());方法
// 根据宽度和公告字符串启动轮播
private void startWithFixedWidth(String notice, int width) {
int noticeLength = notice.length();
int dpW = DisplayUtil.px2dip(mContext, width);
int limit = dpW / textSize;
if (dpW == 0) {
throw new RuntimeException("Please set MarqueeView width !");
}
if (noticeLength <= limit) {
notices.add(notice);
} else {
int size = noticeLength / limit + (noticeLength % limit != 0 ? 1 : 0);
for (int i = 0; i < size; i++) {
int startIndex = i * limit;
int endIndex = ((i + 1) * limit >= noticeLength ? noticeLength : (i + 1) * limit);
notices.add(notice.substring(startIndex, endIndex));
}
}
start();
}
转换得到一个dp的宽度,限制字数长度大小。假如字符串小于直接add。假如过长取余得到行数。然后循环,获取那行的头尾,末尾假如2行字数还是比总体长度大就取总体长度,假如小于总体长度,就取那行的末尾下表。
然后开始播放
// 启动轮播
public boolean start() {
if (notices == null || notices.size() == 0) return false;
removeAllViews();
for (int i = 0; i < notices.size(); i++) {
final TextView textView = createTextView(notices.get(i), i);
final int finalI = i;
textView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (onItemClickListener != null) {
onItemClickListener.onItemClick(finalI, textView);
}
}
});
addView(textView);
}
if (notices.size() > 1) {
startFlipping();
}
return true;
}
创建部署每行的tv
// 创建ViewFlipper下的TextView
private TextView createTextView(String text, int position) {
TextView tv = new TextView(mContext);
tv.setGravity(gravity);
tv.setText(text);
tv.setTextColor(textColor);
tv.setTextSize(textSize);
tv.setTag(position);
return tv;
}
然后将所有的textview add起来,然后开始播放。后面就是做个点击回调,然后set get这个公告的集合。
最后不要忘了在布局顶层加入
xmlns:app="http://schemas.android.com/apk/res-auto"
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android
# 跑马灯
# MarqueeView
# Android 中TextView中跑马灯效果的实现方法
# Android TextView实现跑马灯效果的方法
# Android实现跑马灯效果的方法
# Android自定义View实现竖直跑马灯效果案例解析
# Android实现图文垂直跑马灯效果
# Android自定义textview实现竖直滚动跑马灯效果
# Android中使用TextView实现文字跑马灯效果
# Android基于TextView不获取焦点实现跑马灯效果
# android自定义View实现跑马灯效果
# Android自定义可控制速度的跑马灯
# 自定义
# 那行
# 其他的
# 右键
# 我们可以
# 很简单
# 可以看到
# 做个
# 一出
# 在后面
# 其中一个
# 要回
# 设置为
# 滚屏
# 一进
# 回调
# 转成
# 大家多多
# 下表
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性
制作企业网站建设方案,怎样建设一个公司网站?
Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南
Laravel如何与Inertia.js和Vue/React构建现代单页应用
html5如何实现懒加载图片_ intersectionobserver api用法【教程】
Linux系统命令中tree命令详解
Claude怎样写结构化提示词_Claude结构化提示词写法【教程】
Laravel Debugbar怎么安装_Laravel调试工具栏配置指南
Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比
进行网站优化必须要坚持的四大原则
WEB开发之注册页面验证码倒计时代码的实现
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】
1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤
弹幕视频网站制作教程下载,弹幕视频网站是什么意思?
Laravel中的Facade(门面)到底是什么原理
Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载
Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理
如何在阿里云ECS服务器部署织梦CMS网站?
如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体
如何快速登录WAP自助建站平台?
高防服务器如何保障网站安全无虞?
Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南
C语言设计一个闪闪的圣诞树
用v-html解决Vue.js渲染中html标签不被解析的问题
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
魔毅自助建站系统:模板定制与SEO优化一键生成指南
今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】
mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?
手机软键盘弹出时影响布局的解决方法
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?
Laravel怎么实现验证码功能_Laravel集成验证码库防止机器人注册
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能
高端建站三要素:定制模板、企业官网与响应式设计优化
Python进程池调度策略_任务分发说明【指导】
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
,南京靠谱的征婚网站?
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
Laravel如何构建RESTful API_Laravel标准化API接口开发指南
如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】
Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权
Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解
厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办?
深圳网站制作平台,深圳市做网站好的公司有哪些?
专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?
原生JS获取元素集合的子元素宽度实例
如何基于云服务器快速搭建网站及云盘系统?

