快捷導(dǎo)航

Android中使用TextView實現(xiàn)文字跑馬燈效果

更新時間：2017年04月06日 09:32:47 作者：甄情

本文主要介紹了Android中使用TextView實現(xiàn)文字走馬燈效果的方法解析。具有很好的參考價值。下面跟著小編一起來看下吧

通常情況下我們想實現(xiàn)文字的走馬燈效果需要在xml文件中這樣設(shè)置

<TextView 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:singleLine="true" 
  android:ellipsize="marquee" 
  android:focusable="true" 
  android:focusableInTouchMode="true" 
  android:text="@string/lyric" />

大家都懂的就不解釋了。

singleLine ：boolean型的是否讓文字只顯示在一行而不是多行顯示

ellipsize:滾動效果，里面有（none,start,middle,end,marquee）,其中none表示正常顯示文字，即使一行顯示不完全，也無任何效果。star，就是假如文字在一行顯示不完全，在開頭顯示...，同理，end一行的最后一個文字后面加...，middle就是所有文字顯示在一行，如果文字太多，在中間加入...?？赡芪医忉尩牟磺宄蟾啪褪沁@樣讀者可以自己測試一下。至于marquee就是文字走馬燈效果啦。

當然，如果你只設(shè)置了這些文字還是不會滾動的。還要使TextView獲取焦點。

focusable：是否能夠焦點,boolean型的

focusableInTouchMode：boolean型的。

在觸摸模式下是否獲取焦點。

當你設(shè)置了這些部署在手機上，很明顯會實現(xiàn)走馬燈效果。效果如下：

可是如果你在這個Activity實例中再添加一個編輯框控件，點擊編輯框后就會發(fā)現(xiàn)走馬燈效果消失了.

就像這樣

這是為什么呢？

因為點擊編輯框，編輯框會獲取屏幕焦點，由于通常情況下屏幕的焦點只能有一個，TextView失去了焦點，也就不會滾動了。這時候我們要怎么辦呢？

那就欺騙系統(tǒng)唄。告訴它我們的TextView也是有焦點的。沒錯兩個焦點。

如何做？我們就新建一個我們自己的TextView唄。

首先我們新建一個名為MyTextView繼承TextView的類,重寫里面的方法，其中有三個方法是必須的，就像我們總在MainActivity里面重寫OnCreate方法一樣，作用是什么我也不清楚。好奇的同學(xué)請百度。哈哈~

我們要知道系統(tǒng)是如何判斷一個控件是否獲取焦點了呢?

public boolean isFocused() { 
  // TODO Auto-generated method stub 
  return super.isFocused(); 
}

就是這個方法。前面說了我們要欺騙系統(tǒng) 我們的TextViwe是有焦點的。所以我們在這個方法里面一直return true就好了哈哈

做完了這些別忘記把我們的TextView部署到布局文件中哦

布局代碼：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:orientation="vertical" > 
  <com.example.textview.MyTextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ellipsize="marquee" 
    android:singleLine="true" 
    android:text="@string/lyric" /> 
  <EditText 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" /> 
</LinearLayout>

MainActivity.class

package com.example.textview; 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
public class MainActivity extends Activity { 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
  } 
}

MyTextView.class

package com.example.textview; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.WindowId.FocusObserver; 
import android.widget.TextView; 
public class MyTextView extends TextView{ 
  public MyTextView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    // TODO Auto-generated constructor stub 
  } 
  public MyTextView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    // TODO Auto-generated constructor stub 
  } 
  public MyTextView(Context context) { 
    super(context); 
    // TODO Auto-generated constructor stub 
  } 
  @Override 
  public boolean isFocused() { 
    // TODO Auto-generated method stub 
    return true; 
  } 
}

對了附上效果圖。都看到光標在編輯框了~