使用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.youkuaiyun.com/detail/programmerteny/9463649