android TextView 垂直自動滾動

macgg · 發(fā)表于 2013-8-28 16:27

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

實現(xiàn)圖中效果的關(guān)鍵點是：
１、重寫onDrow方法，計算每次的滾動的距離。
２、計算view的Y軸的重點，讓當(dāng)前顯示的處于高亮顯示狀態(tài)。
３、定時的刷新View使其界面不斷的刷先，出現(xiàn)滾動的效果。
４、實現(xiàn)數(shù)據(jù)結(jié)構(gòu)，將數(shù)據(jù)傳給view。
下面看看主要代碼：
１、創(chuàng)建一個類繼承TextView

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

復(fù)制代碼

2、實現(xiàn)構(gòu)造函數(shù):

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);
            //這里主要處理如果沒有傳入內(nèi)容顯示的默認值
            if(list==null){
                     list=new ArrayList<Notice>();
                     Notice sen=new Notice(0,"暫時沒有通知公告");
                     list.add(0, sen);
            }
            //普通文字的字號，以及畫筆顏色的設(shè)置
            mPaint = new Paint();
            mPaint.setAntiAlias(true);
            mPaint.setTextSize(16);
            mPaint.setColor(Color.BLACK);
            mPaint.setTypeface(Typeface.SERIF);
            //高亮文字的字號，以及畫筆顏色的設(shè)置
            mPathPaint = new Paint();
            mPathPaint.setAntiAlias(true);
            mPathPaint.setColor(Color.RED);
            mPathPaint.setTextSize(16);
            mPathPaint.setTypeface(Typeface.SANS_SERIF);
      }

復(fù)制代碼

３、從寫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);
            }
      }

復(fù)制代碼

４、計算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;
      }

復(fù)制代碼

５、定時更新view，并將接口暴露給客戶程序調(diào)用。

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();
            }
      };

復(fù)制代碼

６、xml布局文件中調(diào)用：

<?xml version="1.0" encoding="utf-8"?>

<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>

復(fù)制代碼

７、java代碼中調(diào)用，傳遞數(shù)據(jù)：

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傳遞數(shù)據(jù)
            mSampleView.setList(lst);
            //更新View
            mSampleView.updateUI();
      }
}

復(fù)制代碼

出處：http://www.cnblogs.com/vaiyanzi/
VerticalScrollText.rar(64.51 KB, 下載次數(shù): 97)[/I]2012-5-15 10:22 上傳點擊文件名下載積分: 下載豆 -2

› 智能家居 / NAS / 路由 / 開發(fā) / 音響 › TV應(yīng)用開發(fā)交流

android TextView 垂直自動滾動

android TextView 垂直自動滾動