首页 > 代码库 > Android_TextView之跑马灯效果

Android_TextView之跑马灯效果

  对于android控件中的TextView,相信大家一定不陌生,在显示文本内容时十分方便。不过我在使用时遇到一个小问题,就是当文字交多时,如何为用户进行展示。今天就为大家介绍一种解决方案--跑马灯效果。

  首先为了达到这个效果,我在访问了一下度娘,得到的答案是这样的,看似解决了,却存在一个问题,先给大家看一下效果:

代码:

<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:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"    android:orientation="vertical"    >    <TextView        android:text="@string/text"        android:textSize="20sp"        android:singleLine="true"//保证文本内容单行显示        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:ellipsize="marquee"        android:focusable="true"        android:focusableInTouchMode="true"        android:id="@+id/textView1" />    <TextView        android:text="@string/text"        android:textSize="20sp"        android:singleLine="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:ellipsize="marquee"        android:focusable="true"        android:focusableInTouchMode="true"        android:id="@+id/textView2" />
<LinearLayout>

  红色标注的即为广大网友提供的解决方法,那效果到底如何呢?经过测试显示,当只有一个TextView控件时完美达到预期,但是当View中出现两个以上TextView控件时效果,将不复存在,所以这种解决方案不是十分的完美。

  那是什么原因导致的呢?其实很简单,是因为当存在两个TextView时,默认选中其中的一个,另一个则不被选中,所以显示时只有一个有这种效果,现在就为大家提供一个解决方法:

  新建一个free_TextView.java Class文件,使其继承至TextView,然后实现TextView的三个构造方法,方法无需进行任何修改。

代码:

package com.example.administrator.textview_new;import android.content.Context;import android.util.AttributeSet;import android.widget.TextView;/** * Created by Administrator on 2015/2/3. * 自定义TextView控件 */public class free_TextView extends TextView{    public free_TextView(Context context) {        super(context);    }    public free_TextView(Context context, AttributeSet attrs) {        super(context, attrs);    }    public free_TextView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);    }    @Override    public boolean isFocused() {        return true;//一定要设置为true这样才能保证所有的TextView均为选中状态    }}

布局文件代码:

<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:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"    android:orientation="vertical"    >    <com.example.administrator.textview_new.free_TextView        android:text="@string/text"        android:textSize="20sp"        android:singleLine="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:ellipsize="marquee"        android:focusable="true"        android:focusableInTouchMode="true"        android:id="@+id/textView1" />    <com.example.administrator.textview_new.free_TextView        android:text="@string/text"        android:textSize="20sp"        android:singleLine="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:ellipsize="marquee"        android:focusable="true"        android:focusableInTouchMode="true"        android:id="@+id/textView2" /></LinearLayout>

  到这里我们的跑马灯效果就算大功告成。

 

Android_TextView之跑马灯效果