当前位置: 首页 > 编程笔记 >

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

辛承
2023-03-14
本文向大家介绍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;
 }

原实现效果:

这里是只支持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;
 }

改了之后实现效果:

就这样简单

源码地址:MyDemo

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android实现垂直跑马灯效果,包括了Android实现垂直跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 在我们开发过程中,跑马灯这个功能非常实用的,在实现这个功能的时候,这个时候我们通常需要找demo来实现这个方法,我从github上面找到这个demo感觉很好用,所以就要实现了这个功能喽MarqueeView,看这个工具类,因为我找这个类的时候是没有点击事件的,所以我给它加

  • 本文向大家介绍javascript实现文字跑马灯效果,包括了javascript实现文字跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现文字跑马灯效果的具体代码,供大家参考,具体内容如下 思路: 1.判断文字的长度和容器的长度,如果文字长度大于容器长度,则开始滚动,否则不滚动。 2.获取滚动条到元素左边的距离,递归滚动,直到滚动后的距离等于文字的长度退出递归。 判断

  • 本文向大家介绍Android自定义图文跑马灯效果,包括了Android自定义图文跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 之前的需求是用FlipperView来实现上下翻动效果,但是发现数据有点长会造成一屏幕放不下三条数据,后来改为跑马灯,但是只有文字的跑马灯TextView自己就有,但是要求文字后面带一个小图标怎们办呢? (1).MainActivity.java: (2).fragm

  • 本文向大家介绍android使用TextView实现跑马灯效果,包括了android使用TextView实现跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android使用TextView实现跑马灯效果的具体代码,供大家参考,具体内容如下 先上效果图:此为静态图,实际动态中文字匀速向左滑动。 实现步骤: 第一步:创建好布局页面  第二步:在activity中编写java代

  • 本文向大家介绍Android TextView跑马灯效果实现方法,包括了Android TextView跑马灯效果实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android TextView跑马灯效果实现方法。分享给大家供大家参考,具体如下: 在xml文件中: 更多关于Android控件相关内容感兴趣的读者可查看本站专题:《Android控件用法总结》 希望本文所述对大家And

  • 本文向大家介绍Android中使用TextView实现文字跑马灯效果,包括了Android中使用TextView实现文字跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 通常情况下我们想实现文字的走马灯效果需要在xml文件中这样设置 大家都懂的就不解释了。 singleLine :boolean型的是否让文字只显示在一行而不是多行显示 ellipsize:滚动效果,里面有(none,start,