Android 文字自动滚动（跑马灯）效果的两种实现方法[特别好使]

最新推荐文章于 2023-07-20 15:50:25 发布
最新推荐文章于 2023-07-20 15:50:25 发布
阅读量6.2k 收藏 7
点赞数 1
分类专栏： Textview Android

有时候在xml中写的跑马灯效果不滚动：原因有以下

Android系统中TextView实现跑马灯效果，必须具备以下几个条件：
1、android:ellipsize=”marquee”
2、TextView必须单行显示，即内容必须超出TextView大小
3、TextView要获得焦点才能滚动（ 如果还不行，就要用自定义的TextView控件中重写isFocused()返回true就行【方法代码在下面的AlwaysMarqueeTextView 类】，但是遇到新问题就是界面有多个这样的控件显示时当弹出Dialog后这些自定义的TextView控件就会失去焦点，跑马灯效果又变成“...”的形式了，当Dialog消失之后又恢复正常 ）
XML代码：
android:ellipsize="marquee", android:singleLine="true"
Java代码：
mTVText.setText("哼唱接撒砥砺风节雷锋精神http://orgcent.com/，很长很长很长很长很长很长的数据");
mTVText.setSingleLine(true);
mTVText.setEllipsize(TruncateAt.MARQUEE);
PS: TextView.setHorizontallyScrolling(true); //让文字可以水平滑动
TextView还可以设置跑马灯效果的滚动次数，如下：
XML代码设置：
android:marqueerepeatlimit="1"。1代表1次，-1代表无限循环。
Java代码设置：
mTVText.setMarqueeRepeatLimit(-1);


总结一下跑马灯的实现效果，网上比较流行的有两种，测试过了都可以实现文字滚动效果，建议使用第一种，因为可以更好地控制文字滚动速度、样式、字体等属性，第二种方法，还没有找到控制的方法！

 

 

第一种：

控件类：AutoScrollTextView 继承了TextView并做了一些修改，实现了宽度的判断，文本自动滚动及开始和停止滚动等功能。

 

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Parcel;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.view.Display;
import android.view.View;
import android.view.WindowManager;
import android.view.View.OnClickListener;
import android.widget.TextView;


public class AutoScrollTextView extends TextView implements OnClickListener {
    public final static String TAG = AutoScrollTextView.class.getSimpleName();
   
    private float textLength = 0f;//文本长度
    private float viewWidth = 0f;
    private float step = 0f;//文字的横坐标
    private float y = 0f;//文字的纵坐标
    private float temp_view_plus_text_length = 0.0f;//用于计算的临时变量
    private float temp_view_plus_two_text_length = 0.0f;//用于计算的临时变量
    public boolean isStarting = false;//是否开始滚动
    private Paint paint = null;//绘图样式
    private String text = "";//文本内容

   
    public AutoScrollTextView(Context context) {
        super(context);
        initView();
    }

    public AutoScrollTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public AutoScrollTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView();
    }
   
   
    private void initView()
    {
        setOnClickListener(this);
    }
   
   
    public void init(WindowManager windowManager)
    {
        paint = getPaint();
        text = getText().toString();
        textLength = paint.measureText(text);
        viewWidth = getWidth();
        if(viewWidth == 0)
        {
            if(windowManager != null)
            {
                Display display = windowManager.getDefaultDisplay();
                viewWidth = display.getWidth();
            }
        }
        step = textLength;
        temp_view_plus_text_length = viewWidth + textLength;
        temp_view_plus_two_text_length = viewWidth + textLength * 2;
        y = getTextSize() + getPaddingTop();
    }
   
    @Override
    public Parcelable onSaveInstanceState()
    {
        Parcelable superState = super.onSaveInstanceState();
        SavedState ss = new SavedState(superState);
       
        ss.step = step;
        ss.isStarting = isStarting;
       
        return ss;
       
    }
   
    @Override
    public void onRestoreInstanceState(Parcelable state)
    {
        if (!(state instanceof SavedState)) {
            super.onRestoreInstanceState(state);
            return;
        }
        SavedState ss = (SavedState)state;
        super.onRestoreInstanceState(ss.getSuperState());
       
        step = ss.step;
        isStarting = ss.isStarting;

    }
   
    public static class SavedState extends BaseSavedState {
        public boolean isStarting = false;
        public float step = 0.0f;
        SavedState(Parcelable superState) {
            super(superState);
        }

        @Override
        public void writeToParcel(Parcel out, int flags) {
            super.writeToParcel(out, flags);
            out.writeBooleanArray(new boolean[]{isStarting});
            out.writeFloat(step);
        }


        public static final Parcelable.Creator<SavedState> CREATOR
                = new Parcelable.Creator<SavedState>() {
           
            public SavedState[] newArray(int size) {
                return new SavedState[size];
            }

            @Override
            public SavedState createFromParcel(Parcel in) {
                return new SavedState(in);
            }
        };

        private SavedState(Parcel in) {
            super(in);
            boolean[] b = null;
            in.readBooleanArray(b);
            if(b != null && b.length > 0)
                isStarting = b[0];
            step = in.readFloat();
        }
    }

   
    public void startScroll()
    {
        isStarting = true;
        invalidate();
    }
   
   
    public void stopScroll()
    {
        isStarting = false;
        invalidate();
    }
   

    @Override
    public void onDraw(Canvas canvas) {
        canvas.drawText(text, temp_view_plus_text_length - step, y, paint);
        if(!isStarting)
        {
            return;
        }
        step += 0.5;//0.5为文字滚动速度。
        if(step > temp_view_plus_two_text_length)
            step = textLength;
        invalidate();

    }

    @Override
    public void onClick(View v) {
        if(isStarting)
            stopScroll();
        else
            startScroll();
       
    }

}

 

xml中使用方法：

    <cn.tigertian.ui.AutoScrollTextView

    android:id="@+id/TextViewNotice"
    android:layout_height="30px"

    android:layout_width="fill_parent"
    android:text="@string/test_notice_1"

    android:textColor="#000"

    android:inputType="text"
    android:background="#EEE"

    android:textSize="20px">

   </cn.tigertian.ui.AutoScrollTextView>

 

Activity中使用方法：

        //启动公告滚动条
        autoScrollTextView = (AutoScrollTextView)findViewById(R.id.TextViewNotice);
        autoScrollTextView.init(getWindowManager());
        autoScrollTextView.startScroll();

注：如果想改变跑马灯的文字内容或者文字效果，则在调用完setText方法之后，需要再调用一下init方法，重新进行初始化和相关参数的计算。

 

第二种：

TextView实现文字滚动需要以下几个要点：
1.文字长度长于可显示范围：android:singleLine="true"
2.设置可滚到，或显示样式：android:ellipsize="marquee"
3.TextView只有在获取焦点后才会滚动显示隐藏文字，因此需要在包中新建一个类，继承TextView。重写isFocused方法，这个方法默认行为是，如果TextView获得焦点，方法返回true，失去焦点则返回false。跑马灯效果估计也是用这个方法判断是否获得焦点，所以把它的返回值始终设置为true。

以下转自他人：

publicclassAlwaysMarqueeTextViewextendsTextView{

publicAlwaysMarqueeTextView(Contextcontext){
super(context);
}

publicAlwaysMarqueeTextView(Contextcontext,AttributeSetattrs){
super(context,attrs);
}

publicAlwaysMarqueeTextView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
}

@Override
publicbooleanisFocused(){
returntrue;
}

在布局XML文件中加入这么一个AlwaysMarqueeTextView，这个加入方法也是刚刚学的。

XML语言: layout.xml
<com.examples.AlwaysMarqueeTextView
android:id= “@+id/AMTV1″
android:layout_width= “fill_parent”
android:layout_height= “wrap_content”
android:lines= “1″
android:focusable= “true”
android:focusableInTouchMode= “true”
android:scrollHorizontally= “true”
android:marqueeRepeatLimit= “marquee_forever”
android:ellipsize= “marquee”
android:background= “@android:color/transparent”
/>

ellipsize属性
设置当文字过长时,该控件该如何显示。有如下值设置：”start”—–省略号显示在开头；”end”——省略号显示在结尾；”middle”—-省略号显示在中间；”marquee” ——以跑马灯的方式显示(动画横向移动)

marqueeRepeatLimit属性
在ellipsize指定marquee的情况下，设置重复滚动的次数，当设置为marquee_forever时表示无限次。

focusable属性
自己猜测的，应该是能否获得焦点，同样focusableInTouchMode应该是滑动时能否获得焦点。

组合View的问题：

XML语言: 组合View
< LinearLayout
xmlns:android = “http://schemas.android.com/apk/res/android”
android:orientation = “vertical”
android:gravity = “center_vertical”
android:background = “@drawable/f_background”
android:layout_width = “fill_parent”
android:focusable = “true”
android:layout_height = “50px” >
< TextView
android:id = “@+id/info_text”
android:focusable = “true”
android:layout_width = “fill_parent”
android:layout_height = “wrap_content”
android:text = “test marquee .. “
android:textColor = “@color/black”
android:singleLine = “true”
android:ellipsize = “marquee”
android:marqueeRepeatLimit = “3″
android:textSize = “18sp”
/>
< TextView
android:id = “@+id/date_text”
android:layout_width = “fill_parent”
android:layout_height = “wrap_content”
android:layout_gravity = “bottom”
android:textColor = “@color/gray”
android:text = “2010/05/28″
android:textSize = “12sp”
/>
</ LinearLayout >

上面示例中2个TextView组合为一个View,由于设置了LinearLayout为focusable而TextView就没法取得焦点了,这样 这个TextView的跑马灯效果就显示不出来,就算你也设置TextView的android:focusable="true"也是 没用的. 这个时候就要使用addStatesFromChildren 这个属性了,在LinearLayout中设置这个属性,然后设置TextView的focusable="true"就可以了.关于 addStatesFromChildren的说明:

Sets whetherthisViewGroup's drawable statesalso include its children's drawable states.

文章出处原文地址：http://blog.sina.com.cn/s/blog_821e2bb10100uoao.html

贾怀庆同学
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android多种方式实现垂直滚动和水平滚动跑马灯效果
06-29
多种方式实现多种效果的自定义跑马灯效果，完整项目，注释详尽，自由度高，包括垂直滚动和水平滚动
Android中简单实现跑马灯效果（从右往左滚动）
brehrehr的博客
08-23 3922
直接看代码： TestHorseLampActivity.java代码： package com.example.administrator.testall.horse_lamp; import android.graphics.Color; import android.os.Bundle; import android.support.annotation.Nullable; import ...
【Android 实现跑马灯效果的定制化文字滚动条】
最新发布
真的好想再回到那时，可现在能做的只有补救。————个人博客：https://w7h1te.github.io/
07-20 587
业务场景：滚动条的应用有很多，消息轮播、公告等等，接下来给出一种实现的方法,并且该方法实现了跑马灯的多种自定义的滚动条件,可根据具体需求删减。
【android RecyclerView 中使用 textview跑马灯滚动效果 】
qq_37630270的博客
08-16 1811
RecyclerView 中使用滚动textview
Android 自定义View（五）实现跑马灯垂直滚动效果
06-08
博文地址：https://blog.csdn.net/jaynm/article/details/106624287
RecyclerView上下自动无限滚动，跑马灯效果
01-07
RecyclerView上下自动无限滚动，跑马灯效果，具体效果有2种， 1.每次移动距离是一个item的高度 2.持续向上移动
Android实现文字垂直滚动、纵向走马灯效果的实现方式汇总
08-28
本文给大家分享了三种方式实现Android文字垂直滚动、纵向走马灯效果，文中给大家介绍了相关属性及注意事项，需要的朋友参考下吧
Android自定义textview实现竖直滚动跑马灯效果
08-30
主要为大家详细介绍了Android自定义textview实现竖直滚动跑马灯效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
文字自动滚动效果_俗称：文字跑马灯效果
02-21
文字可以自己滚动，无缝衔接的文字跑马灯效果。没毛病！
Android自定义View（跑马灯、viewpager左右滑动、列表侧滑、优酷菜单、水波纹）
小口口的博客
03-18 1004
自定义控件
android 和传统跑马灯效果说再见
zhouguizhi
10-27 5677
android 和传统跑马灯效果说再见
Android --- 跑马灯效果
qq_43623013的博客
12-09 4026
简单的跑马灯效果，主要使用Android TextView控件。
Android自定义左右滑动的跑马灯
行走在路上
06-22 679
package com.example.administrator.myapplication;import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.text.TextUtils; import android.util.Attribu
Android文字跑马灯控件（文本自动滚动控件，左右移动 带源码）
未来很长，但我会努力的走下去。
09-09 3306
Android文字跑马灯控件（文本自动滚动控件，左右移动 带源码）
AndroidStudio——TextView文字左右滚动（跑马灯效果）无效解决办法
Crazy_LinkFern的博客
04-10 6391
TextView文本文字的左右滚动效果（跑马灯）的两种方式： 一、在布局文件中设置相应的焦点 <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:singleLine="true" android:
android TextView实现实现跑马灯效果，并监听滚动完成动作。
ai1290126635的专栏
07-17 4545
因项目需求，需要实现监听baomadeng
android 跑马灯
ooo4561213的专栏
10-12 982
所谓跑马灯效果就是当文字超过控件所能容纳的空间时，在控件内滚动的效果。 要实现这样的效果需要在布局文件中加上： android:singleLine=”true” android:ellipsize=”marquee” android:focusableInTouch
android 字体滚动效果,2018-02-05 android 左右字滚动效果（跑马灯效果），能直接拿来用的...
weixin_33054119的博客
05-25 361
MarqueeView俗名：可垂直跑、可水平跑的跑马灯学名：可垂直翻、可水平翻的翻页公告com.sunfushengmarqueeview1.3.3pomcompile 'com.sunfusheng:marqueeview:1.3.3'Attribute 属性Description 描述mvAnimDuration一行文字动画执行时间mvInterval两行文字翻页时间间隔mvTextSize文...
『Android基础入门』小功能：如何实现走马灯的效果
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
03-18 4666
为了增加自己学习Android的兴趣（上课教的都是些基础的组件与属性，也当时扩展学习），也为期末的课程设计做准备，我在网上学习一些好玩的Android效果，并做记录分享在笔记里，大家一起学习一起进步鸭😆首先我们要明析TextView有哪些属性（基本的就不记录了）singleLine：内容单行显示focusable：是否可以获取焦点：用于控制视图在触摸状态下是否可以聚焦ellipsize：在哪里省略文本：字幕动画重复次数。
android短文字跑马灯效果代码实现
05-31
实现Android中短文字跑马灯效果同样可以使用TextView控件来实现，只需要在XML布局文件中设置android:singleLine="true"和android:marqueeRepeatLimit="marquee_forever"属性即可。具体的实现步骤如下： 1. 在XML布局文件中添加TextView控件，设置其为单行显示，并设置android:marqueeRepeatLimit="marquee_forever"属性，表示无限循环展示。 ``` <TextView android:id="@+id/tv_short_marquee" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="短文字跑马灯效果演示" android:singleLine="true" android:marqueeRepeatLimit="marquee_forever"/> ``` 2. 在Java代码中获取TextView控件，并调用setSelected()方法启动跑马灯效果。 ``` TextView tvShortMarquee = findViewById(R.id.tv_short_marquee); tvShortMarquee.setSelected(true); ``` 以上就是实现Android短文字跑马灯效果的代码实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值