成都网站建设设计

将想法与焦点和您一起共享

Android如何实现图文垂直跑马灯效果

这篇文章将为大家详细讲解有关Android如何实现图文垂直跑马灯效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的长白网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

最近在维护老项目,老项目有一个地方需要修改,就是垂直跑马灯的问题,之前的垂直跑马灯是只有文字跑马灯,新版需要加上。

之前是用的MarqueeView,看了下源代码是只支持文字的,于是我就改了下原作者的源代码。

MarqueeView类之前作者的

 // 创建ViewFlipper下的TextView
 private TextView createTextView(CharSequence text, int position) {
  TextView tv = new TextView(mContext);
  tv.setGravity(gravity);
  tv.setText(text);
  tv.setTextColor(textColor);
  tv.setTextSize(textSize);
  tv.setSingleLine(singleLine);
  tv.setTag(position);
  return tv;
 }

原实现效果:

Android如何实现图文垂直跑马灯效果

这里是只支持textview,然后我就改了改

  // 创建ViewFlipper下的View
 private View createView(int position) {
  Marquee marquee = marquees.get(position);
  View view = LayoutInflater.from(mContext).inflate(R.layout.view_marquee, null);
  ImageView ivMarquee = (ImageView) view.findViewById(R.id.ivMarquee);
  TextView tvMarquee = (TextView) view.findViewById(R.id.tvMarquee);
  tvMarquee.setText(marquee.getTitle());
  if (isImage) {
   ivMarquee.setVisibility(VISIBLE);
   Glide.with(mContext)
     .load(marquee.getImgUrl())
     .placeholder(R.mipmap.ic_launcher)
     .dontAnimate()
     .into(ivMarquee);
  }
  tvMarquee.setTextSize(textSize);
  view.setTag(position);
  return view;
 }

改了之后实现效果:

Android如何实现图文垂直跑马灯效果

关于“Android如何实现图文垂直跑马灯效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文标题:Android如何实现图文垂直跑马灯效果
标题链接:http://chengdu.cdxwcx.cn/article/ieopdh.html