Android开发：TextView实现跑马灯效果

最新推荐文章于 2024-04-14 19:16:46 发布

原创最新推荐文章于 2024-04-14 19:16:46 发布 · 911 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android 专栏收录该内容

133 篇文章

订阅专栏

本文介绍如何使用TextView在Android界面中实现跑马灯效果。针对单个与多个TextView的情况提供了详细解决方案，包括自定义MarqueeText类以确保所有TextView都能获得焦点。

一个TextView的跑马灯效果

当界面中有一个TextView时，实现跑马灯效果非常简单，只需要下面的设置：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ellipsize="marquee"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="@string/text_view_value"
    android:id="@+id/tv1" />

多个TextView的跑马灯效果

当界面中存在不止一个TextView时，即时都进行了上面的设置，实际效果却是只有一个TextView会显示为跑马等效果，这是因为当前焦点只在一个TextView上。

要实现界面中多个TextView同时具有跑马灯效果，需要自定义的TextView。

import android.content.Context; 
import android.util.AttributeSet; 
import android.widget.TextView;

public class MarqueeText extends TextView {

    public MarqueeText(Context context) {
        super(context);
    }

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

    public MarqueeText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean isFocused() {
        return true; 
    }
}

MarqueeText的根本目的是使要实现跑马灯效果的TextView都拥有焦点。
之后在xml中使用自定义的TextView就可以了。

<com.xx.marquee.MarqueeText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ellipsize="marquee"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="@string/text_view_value"
    android:id="@+id/tv1" />

<com.xx.marquee.MarqueeText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:ellipsize="marquee"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="@string/text_view_value"
    android:id="@+id/tv2" />

参考教程：使用TextView实现跑马灯效果