Android TextView跑马灯效果

2022-06-10 13:39:05 浏览数 (1)

必要的四个属性
  • android:ellipsize=“marquee” 超出区域滚动显示
  • android:focusable=“true” 允许获取焦点
  • android:focusableInTouchMode=“true” 允许TouchMode模式获取焦点
  • android:singleLine=“true” 单行显示
代码语言:javascript复制
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        
        android:marqueeRepeatLimit="marquee_forever"
        android:text="Hello World! Hello World! 测试 跑马灯 效果 Hello World! Hello World! "
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
  • android:marqueeRepeatLimit=“marquee_forever” 无限循环

以上即可实现跑马灯效果,但是当页面中有多个textview跑马灯效果的时候,只有第一个才能获取到焦点,这个时候就需要自定义修改一下textview。

代码语言:javascript复制
public class MyTextView extends TextView {

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

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

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

    //修改return为true,让所有TextView都获取到焦点
    @Override
    public boolean isFocused() {
        return true;
    }
}

然后使用MyTextView 即可

0 人点赞