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,有問題歡迎大家指出。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM