TextView實現跑馬燈效果

 網上有很多跑馬燈的介紹，有很多跑馬燈的代碼。或許我的不是最好的，但是應該很容易明白的。

我們先來介紹一個跑馬燈的代碼

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

      <TextView
        android:id="@+id/wisdom_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你必須非常努力，才能看起來毫不費勁！-Moon同學的勵志語言"
        android:textSize="24sp"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:focusableInTouchMode="true" 
        android:focusable="true"/>
      
        <!--  
          android:ellipsize="start" 省略號在開頭
          android:ellipsize="middle" 省略號在中間
          android:ellipsize="end" 省略號在結尾
          android:ellipsize="marquee" 跑馬燈顯示
        -->
        <!-- 
             android:singleLine="true" 內容只能顯示在一行
             android:focusableInTouchMode="true" 通過touch來獲得focus
             android:focusable="true" 是否可以獲取焦點
         -->
</LinearLayout>

當然如果是一個跑馬燈的話，那么這個就完全可以了，但是在以后的開發中，布局會很復雜的，如果出現兩個以上的跑馬燈的話，那么重復上面的代碼，那么是實現不了的，那么兩個以上的應該要怎么做呢？

layout布局的代碼如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.shxt.xkl.MaequeeText  8         android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="你必須非常努力，才能看起來毫不費勁，你必須非常努力，才能看起來毫不費勁." />

    <com.shxt.xkl.MaequeeText 17         android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:text="你必須非常努力，才能看起來毫不費勁，你必須非常努力，才能看起來毫不費勁." />

</LinearLayout>

在新建一個TextView的子類

public class MaequeeText extends TextView {

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

//    重寫所有的構造函數    Source==>Generate Constructors from Superclass
    public MaequeeText(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

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

    @Override
    public boolean isFocused() {
        return true;
//        自定義設置讓focusable為true
//        這個方法相當於在layout中
//        android:focusable="true"
//        android:focusableInTouchMode="true"
    }
}

以上代碼就能解決了今后多個跑馬燈的問題了，希望對大家有幫助！             

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　~Moon童鞋