使用TextView實現跑馬燈效果

實現目標：讓TextView中的長內容能顯示出跑馬燈的效果。

實現步驟：①創建MarqueeTextViewDemo工程，並修改佈局文件中控件TextView的text引用的文字內容（內容至少超出屏幕的寬度）。②編寫佈局文件，要求最好有多個textview控件去演示。③創建一個類MarqueeText繼承TextView類。初始化三個構造函數，重寫isFocused()方法（返回的布爾值必須爲true）④在佈局文件中用包名.MarqueeText替換三個TextView。即可實現

具體過程如下：

一、首先來看工程結構：

我修改後的strings文件如下：

<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">MarqueeTextViewDemo</string> <string name="action_settings">Settings</string> <string name="hello_world">枯藤老樹昏鴉，小橋流水人家，夕陽西下，斷腸人在天涯！</string> </resources>

二、我在佈局文件中寫了三個TextView,請看下面代碼：

<relativelayout 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:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <textview android:id="@+id/textview1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> <textview android:id="@+id/textview2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/textview1" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/textview2" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> </textview></textview></textview></relativelayout>

三、接下來創建一個類MarqueeText繼承TextView類，並重寫裏面重要的isFocused()方法,代碼如下：

package com.nanhai.marqueetextviewdemo; import android.content.Context; import android.util.AttributeSet; import android.widget.TextView; public class MarqueeText extends TextView { public MarqueeText(Context context) { super(context); } public MarqueeText(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); // TODO Auto-generated constructor stub } public MarqueeText(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } @Override public boolean isFocused() { return true; } }

四、在佈局文件中用包名.MarqueeText替換三個TextView，替換後代碼如下：

<relativelayout 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:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <com nanhai="" marqueetextviewdemo="" marqueetext="" android:id="@+id/textview1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> <com nanhai="" marqueetextviewdemo="" marqueetext="" android:id="@+id/textview2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/textview1" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> <com nanhai="" marqueetextviewdemo="" marqueetext="" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/textview2" android:ellipsize="marquee" android:focusable="true" android:focusableintouchmode="true" android:singleline="true" android:text="@string/hello_world"> </com></com></com></relativelayout>

通過以上四步我們即可實現讓TextView中的長內容能顯示出跑馬燈的效果。

想下載源碼的小夥伴請戳鏈接http://download.csdn.net/detail/programmerteny/9463649