android TextView 垂直自動滾動

　在做android 應用的開發的時候，橫向滾動或者要做出跑馬燈的效果很簡單，textview本身的屬性就支援，只要設定準確就會滾動，開發起來比較簡單，但是textview 不支援垂直滾動，那麼垂直滾動就需要自己來實現了，很多網友提供的垂直滾　動方案都是千篇一律，使用ScrollView來進行滾動，但是都不完美，做起來有些彆扭。有一位網友給出的歌詞的滾動思路明確，能從根本上解決問題，因此我實現的這個滾動是在這位網友的基礎上實現，封裝了一個View，view繼承自TextView。先看看實現的效果：

實現圖中效果的關鍵點是：

１、重寫onDrow方法，計算每次的滾動的距離。

２、計算view的Y軸的重點，讓當前顯示的處於高亮顯示狀態。

３、定時的重新整理View使其介面不斷的刷先，出現滾動的效果。

４、實現資料結構，將資料傳給view。

下面看看主要代碼：

１、建立一個類繼承TextView

/** * @author xushilin *  * 垂直滾動的TextView Widget */public class VerticalScrollTextView extends TextView

 

2、實現建構函式：

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方法，並計算文字的行距，並且將將普通文字和高亮文字，在這個方法中繪製出來

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軸中值以及更新索引

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，並將介面暴露給客戶程式調用。

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布局檔案中調用：

<?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代碼中調用，傳遞資料：

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;@Overridepublic 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);//更新ViewmSampleView.updateUI();}}

點擊下載源碼