一个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实现跑马灯效果