本文实例为大家分享了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就