Android跑马灯MarqueeView源码解析

跑马灯效果，大家可以去原作者页面浏览

下面看自定义控件的代码

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自定义可控制速度的跑马灯  # 自定义  # 那行  # 其他的  # 右键  # 我们可以  # 很简单  # 可以看到  # 做个  # 一出  # 在后面  # 其中一个  # 要回  # 设置为  # 滚屏  # 一进  # 回调  # 转成  # 大家多多  # 下表 

相关文章： 详解jQuery停止动画——stop()方法的使用  高防服务器租用首荐平台，企业级优惠套餐快速部署  如何正确下载安装西数主机建站助手？  网站制作壁纸教程视频,电脑壁纸网站？  如何通过西部数码建站助手快速创建专业网站？  建站之星安装步骤有哪些常见问题？  如何通过万网虚拟主机快速搭建网站？  如何配置WinSCP新建站点的密钥验证步骤？  建站之星收费标准详解：套餐费用及年费价格表一览  高端企业智能建站程序：SEO优化与响应式模板定制开发  全景视频制作网站有哪些,全景图怎么做成网页？  广州建站公司哪家好？十大优质服务商推荐  建站之星3.0如何解决常见操作问题？  如何选择美橙互联多站合一建站方案？  如何快速生成ASP一键建站模板并优化安全性？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  如何通过wdcp面板快速创建网站？  如何快速上传建站程序避免常见错误？  建站主机解析：虚拟主机配置与服务器选择指南  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  郑州企业网站制作公司,郑州招聘网站有哪些？  如何选择PHP开源工具快速搭建网站？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  制作网站公司那家好,网络公司是做什么的？  开封网站制作公司,网络用语开封是什么意思？  如何自定义建站之星模板颜色并下载新样式？  如何零成本快速生成个人自助网站？  如何用VPS主机快速搭建个人网站？  建站主机无法访问？如何排查域名与服务器问题  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  ui设计制作网站有哪些,手机UI设计网址吗？  济南企业网站制作公司,济南社保单位网上缴费步骤？  建站主机服务器选购指南：轻量应用与VPS配置解析  如何选择网络建站服务器？高效建站必看指南  制作网站的基本流程,设计网站的软件是什么？  网站制作难吗安全吗,做一个网站需要多久时间？  专业公司网站制作公司,用什么语言做企业网站比较好？  如何在Windows 2008云服务器安全搭建网站？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  网站制作的步骤包括,正确网址格式怎么写？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  常州自助建站费用包含哪些项目？  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  网站制作新手教程,新手建设一个网站需要注意些什么？  大同网页,大同瑞慈医院官网？