在做android 應用的開發的時候,橫向滾動或者要做出跑馬燈的效果很簡單,textview本身的屬性就支援,只要設定準確就會滾動,開發起來比較簡單,但是textview 不支援垂直滾動,那麼垂直滾動就需要自己來實現了,很多網友提供的垂直滾 動方案都是千篇一律,使用ScrollView來進行滾動,但是都不完美,做起來有些彆扭。有一位網友給出的歌詞的滾動思路明確,能從根本上解決問題,因此我實現的這個滾動是在這位網友的基礎上實現,封裝了一個View,view繼承自TextView。先看看實現的效果:
實現圖中效果的關鍵點是:
1、重寫onDrow方法,計算每次的滾動的距離。
2、計算view的Y軸的重點,讓當前顯示的處於高亮顯示狀態。
3、定時的重新整理View使其介面不斷的刷先,出現滾動的效果。
4、實現資料結構,將資料傳給view。
下面看看主要代碼:
1、建立一個類繼承TextView
123456 |
/** * @author xushilin * * 垂直滾動的TextView Widget */ public class VerticalScrollTextView extends TextView |
2、實現建構函式:
123456789101112131415161718192021222324252627282930313233 |
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); } |
3、從寫onDraw方法,並計算文字的行距,並且將將普通文字和高亮文字,在這個方法中繪製出來
123456789101112131415161718192021222324252627282930 |
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 |