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

Android自定义跑马灯文字效果

狄楷
2023-03-14
本文向大家介绍Android自定义跑马灯文字效果,包括了Android自定义跑马灯文字效果的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了Android自定义跑马灯文字的具体代码,供大家参考,具体内容如下

Android 跑马灯效果文字:

效果图(真实动画很流畅,这个转gif有问题,感觉有点卡):

代码:

/**
 * Created by wuguangliang on 2018/12/21
 *
 * 跑马灯效果文字
 */
public class MarqueeHorizontalTextView extends AppCompatTextView {
  private float textLength = 0f;
  private float drawTextX = 0f;// 文本的横坐标
  public boolean isStarting = false;// 是否开始滚动
  private Paint paint = null;
  private String text = "";
  private long waitTime = 1000; //开始时等待的时间
  private int scrollTile = 2; //文字的滚动速度
  private int baseline;
 
  public MarqueeHorizontalTextView(Context context) {
    super(context);
    initView(context);
  }
 
  public MarqueeHorizontalTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView(context);
  }
 
  public MarqueeHorizontalTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    initView(context);
  }
 
  private void initView(Context context) {
    setMaxWidth(context.getResources().getDisplayMetrics().widthPixels / 2); //因为需求需要所以设置了最大宽度,如果不需要此功能可以删除掉
 
    paint = getPaint();
    paint.setColor(getTextColors().getColorForState(getDrawableState(), 0));
    text = getText().toString();
    if (TextUtils.isEmpty(text)) {
      return;
    }
    textLength = paint.measureText(text);
    isStarting = true;
  }
 
  @Override
  public void setTextColor(int color) {
    super.setTextColor(color);
    paint.setColor(color);
    start();
  }
 
  @Override
  public void setText(CharSequence text, BufferType type) {
    super.setText(text, type);
    this.text = text.toString();
    this.textLength = getPaint().measureText(text.toString());
    drawTextX = 0;
    start();
  }
 
  public void start() {
    isStarting = true;
    invalidate();
  }
 
  public void stop() {
    isStarting = false;
    invalidate();
  }
 
  @Override
  public void onDraw(Canvas canvas) {
    final Paint.FontMetricsInt fontMetrics = paint.getFontMetricsInt();
    baseline = (canvas.getHeight() - fontMetrics.bottom - fontMetrics.top) / 2;
    if (textLength <= canvas.getWidth()) {
      canvas.drawText(text, 0, baseline, paint);
      return;
    }
    canvas.drawText(text, -drawTextX, baseline, paint);
 
    if (!isStarting) {
      return;
    }
    if (drawTextX == 0) {
      postDelayed(() -> {
        drawTextX = 1;
        isStarting = true;
        invalidate();
      }, waitTime);
      isStarting = false;
      return;
    }
    drawTextX += scrollTile;
    //判断是否滚动结束
    if (drawTextX > textLength) {
      drawTextX = -canvas.getWidth();
 
    }
    invalidate();
  }
}

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

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

  • 本文向大家介绍jQuery实现参数自定义的文字跑马灯效果,包括了jQuery实现参数自定义的文字跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了jQuery实现文字跑马灯效果的具体代码,供大家参考,具体内容如下 一、明确需求 基本需求:最近在工作中接到一个新需求,简单来说就是实现一行文字从右到左跑马灯的效果,并且以固定的时间间隔进行循环。 原本这是一个很容易实现的需求,但是难点

  • 本文向大家介绍Android自定义View实现纵向跑马灯效果详解,包括了Android自定义View实现纵向跑马灯效果详解的使用技巧和注意事项,需要的朋友参考一下 首先看看效果图(录制的gif有点卡,真实的效果还是很流畅的) 实现思路 通过上面的gif图可以得出结论,其实它就是同时绘制两条文本信息,然后通过动画不断的改变两条文本信息距离顶部的高度,以此来实现滚动的效果。 具体实现 首先定义一些要用

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

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

  • 本文向大家介绍Android自定义View实现竖直跑马灯效果案例解析,包括了Android自定义View实现竖直跑马灯效果案例解析的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现竖直跑马灯效果的具体代码,供大家参考,具体内容如下 首先给出跑马灯效果图 中间的色块是因为视频转成GIF造成的失真,自动忽略哈。 大家知道,横向的跑马灯android自带的TextView就