• TextView的跑马灯效果实现


    TextView的跑马灯效果实现

    问题描述

    当文字内容过长,但是只允许显示一行时,可以将文字显示为跑马灯效果,即文字滚动显示。

    代码实现

    第一种方法实现

    先查询TextView控件的属性,得到以下信息:

    • android:ellipsize=”marquee”
      TextView采用跑马灯属性.
    • android:marqueeRepeatLimit=”marquee_forever”
      设置重复滚动的次数,marquee_forever表示无限次.

    在设置了上面两个属性之后,还需要设置两个属性,使得TextView可以获得焦点,滚动起来,不获取焦点,TextView并不会滚动。

    • android:focusableInTouchMode=”true”
      在Touch模式下可以获取焦点。
    • android:focusable=”true”
      TextView可以获取焦点。

    TextView的设置属性如下:

    <TextView
            android:id="@+id/tv"
            android:layout_width="400dp"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ellipsize="marquee"
            android:focusableInTouchMode="true"
            android:focusable="true"
            android:gravity="center"
            android:marqueeRepeatLimit="marquee_forever"
            android:singleLine="true"
            android:text="Hello World!相当长的内容,只能显示一行,内容太多,显示不下,所以采用跑马灯方式显示,哈哈哈哈哈。。。" 
    />
    

    这种方法实现存在一个问题,就是当其他控件获取焦点之后,TextView没有了焦点,则会停止跑马灯效果。
    在TextView控件下面添加一个EditText控件,当点击EditText控件时,EditText控件将会获得焦点,TextView将会失去焦点,代码如下:

        <TextView
            android:id="@+id/tv"
            android:layout_width="400dp"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ellipsize="marquee"
            android:focusableInTouchMode="true"
            android:focusable="true"
            android:gravity="center"
            android:marqueeRepeatLimit="marquee_forever"
            android:singleLine="true"
            android:text="Hello World!相当长的内容,只能显示一行,内容太多,显示不下,所以采用跑马灯方式显示,哈哈哈哈哈。。。" />
    
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_below="@id/tv"
            />
    

    运行代码之后,点击EditText,上面的TextView就会停止跑马灯效果,所以如果布局上有其他控件就不适合第一种方式。

    第二种方法实现

    通过修改TextView的isFocus()方法,使其返回为true,可以一直获取焦点。代码如下:

    public class FocusTextView extends TextView{
    
        public FocusTextView(Context context) {
            super(context);
        }
    
        public FocusTextView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
        }
    
        public FocusTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
        }
    
        @Override
        public boolean isFocused() {
            return true;
        }
    }
    

    FocusTextView的使用为:

    <com.zhangmiao.sixproject.FocusTextView
            android:id="@+id/focus_tv"
            android:layout_width="400dp"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ellipsize="marquee"
            android:gravity="center"
            android:marqueeRepeatLimit="marquee_forever"
            android:singleLine="true"
            android:layout_below="@id/tv"
            android:text="Hello World!相当长的内容,只能显示一行,内容太多,显示不下,所以采用跑马灯方式显示,哈哈哈哈哈。。。" 
    />
    

    这种方式就不会有第一种方式的问题。

    总结

    第一种方式实现方便快捷,但是存在被其他控件夺取焦点之后效果消失的问题。
    第二种方式需要实现一个类去继承TextView,重写isFocus()方法,没有第一种方式的问题。
    推荐第二种方式。

    联系方式:1006299425@qq.com,有问题欢迎大家指出。
  • 相关阅读:
    CF850A Five Dimensional Points 题解
    AT3963 [AGC024F] Simple Subsequence Problem 题解
    jquery事件绑定机制
    前端初级词汇
    一个checkbox细节处理方式(checkbox与后面的文字对其)
    转 CSS hack:针对IE6,IE7,firefox显示不同效果
    想到的几点页面规范
    jQuery UI Dialog:Demo2:实用技巧
    zindex
    递归示例
  • 原文地址:https://www.cnblogs.com/zhangmiao14/p/8759282.html
Copyright © 2020-2023  润新知