Android中如何让TextView垂直自动滚动

在做android 应用的开发的时候，横向滚动或者要做出跑马灯的效果很简单，textview本身的属性就支持，只要设置准确就会滚动，开发起来比较简单，但是textview 不支持垂直滚动，那么垂直滚动就需要自己来实现了，很多网友提供的垂直滚 动方案都是千篇一律，使用ScrollView来进行滚动，但是都不完美，做起来有些别扭。有一位网友给出的歌词的滚动思路明确，能从根本上解决问题，因此我实现的这个滚动是在这位网友的基础上实现，封装了一个View，view继承自TextView。先看看实现的效果：

 

实现图中效果的关键点是：

１、重写onDrow方法，计算每次的滚动的距离。

２、计算view的Y轴的重点，让当前显示的处于高亮显示状态。

３、定时的刷新View使其界面不断的刷先，出现滚动的效果。

４、实现数据结构，将数据传给view。

下面看看主要代码：

１、创建一个类继承TextView

1 2 3 4 5 6

/**  * @author xushilin  *  * 垂直滚动的TextView Widget  */ public class VerticalScrollTextView extends TextView

2、实现构造函数：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

public VerticalScrollTextView(Context context) {         super(context);         init();     }     public VerticalScrollTextView(Context context, AttributeSet attr) {         super(context, attr);         init();     }     public VerticalScrollTextView(Context context, AttributeSet attr, int i) {         super(context, attr, i);         init();     }     private void init() {         setFocusable(true);         //这里主要处理如果没有传入内容显示的默认值         if(list==null){             list=new ArrayList<Notice>();             Notice sen=new Notice(0,"暂时没有通知公告");             list.add(0, sen);         }               //普通文字的字号，以及画笔颜色的设置         mPaint = new Paint();         mPaint.setAntiAlias(true);         mPaint.setTextSize(16);         mPaint.setColor(Color.BLACK);         mPaint.setTypeface(Typeface.SERIF);             //高亮文字的字号，以及画笔颜色的设置         mPathPaint = new Paint();         mPathPaint.setAntiAlias(true);         mPathPaint.setColor(Color.RED);         mPathPaint.setTextSize(16);         mPathPaint.setTypeface(Typeface.SANS_SERIF);     }

３、从写onDraw方法，并计算文字的行距，并且将将普通文字和高亮文字，在这个方法中绘制出来

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

protected void onDraw(Canvas canvas) {         super.onDraw(canvas);         canvas.drawColor(0xEFeffff);         Paint p = mPaint;         Paint p2 = mPathPaint;         p.setTextAlign(Paint.Align.CENTER);         if (index == -1)             return;         p2.setTextAlign(Paint.Align.CENTER);                   canvas.drawText(list.get(index).getName(), mX, middleY, p2);         float tempY = middleY;                   for (int i = index - 1; i >= 0; i--) {                       tempY = tempY - DY;             if (tempY < 0) {                 break;             }             canvas.drawText(list.get(i).getName(), mX, tempY, p);                   }         tempY = middleY;               for (int i = index + 1; i < list.size(); i++) {                      tempY = tempY + DY;             if (tempY > mY) {                 break;             }             canvas.drawText(list.get(i).getName(), mX, tempY, p);                   }     }

４、计算Y轴中值以及更新索引

1 2 3 4 5 6 7 8 9 10 11 12 13

protected void onSizeChanged(int w, int h, int ow, int oh) {         super.onSizeChanged(w, h, ow, oh);         mX = w * 0.5f;         mY = h;         middleY = h * 0.5f;     }       private long updateIndex(int index) {           if (index == -1)             return -1;         this.index=index;               return index;     }

５、定时更新view，并将接口暴露给客户程序调用。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

public void updateUI(){         new Thread(new updateThread()).start();     }           class updateThread implements Runnable {         long time = 1000;         int i=0;         public void run() {             while (true) {                 long sleeptime = updateIndex(i);                 time += sleeptime;                 mHandler.post(mUpdateResults);                 if (sleeptime == -1)                     return;                 try {                     Thread.sleep(time);                     i++;                     if(i==getList().size())                         i=0;                 } catch (InterruptedException e) {                                      e.printStackTrace();                 }             }         }     }     Handler mHandler = new Handler();     Runnable mUpdateResults = new Runnable() {         public void run() {             invalidate();         }     };

６、xml布局文件中调用：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<?xml version="1.0" encoding="utf-8"?>   <!-- Demonstrates scrolling with a ScrollView. -->  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:orientation="vertical">       <com.demo.xsl.text.SampleView             android:id="@+id/sampleView1"         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:background="@drawable/selector"        />      </LinearLayout>

７、java代码中调用，传递数据：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

package com.demo.xsl.text;   import java.util.ArrayList; import java.util.List;   import android.app.Activity; import android.os.Bundle; import android.os.Handler;   public class VerticalScrollTextActivity extends Activity {         SampleView mSampleView;     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);         mSampleView = (SampleView) findViewById(R.id.sampleView1);         List lst=new ArrayList<Sentence>();         for(int i=0;i<30;i++){             if(i%2==0){                 Sentence sen=new Sentence(i,i+"、金球奖三甲揭晓 C罗梅西哈维入围 ");                 lst.add(i, sen);             }else{                 Sentence sen=new Sentence(i,i+"、公牛欲用三大主力换魔兽？？？？");                 lst.add(i, sen);             }         }           //给View传递数据         mSampleView.setList(lst);         //更新View         mSampleView.updateUI();         }   }