Android 分頁Title欄滑塊效果--ActionBar(模擬網易 騰訊等動態效果)

Android 分頁Title欄滑塊效果--ActionBar(模擬網易 騰訊等動態效果)

首先我們看幾張客戶端試圖：

前兩個是網易的，後兩個是騰訊的，（注意看上部title分頁，當你點擊不僅實現了分頁，而且背景bar會跟著滑動，這個叫aciotnbar，sdk3.0以後就有了,）看著比一般單存改變背景的效果好看多了.

代碼片段：

用於描繪.

1. @Override  
2.     protected void onDraw(Canvas canvas) {  
3.         super.onDraw(canvas);  
4.         canvas.drawColor(Color.WHITE);  
5.         paint.setColor(Color.RED);  
6.         // 如果當前curRectF=null，也就是第一次訪問，則默認為draw第一個bar   
7.         if (curRectF == null)  
8.             curRectF = new RectF(tv1.getLeft() + space_x, tv1.getTop()  
9.                     - space_y, tv1.getRight() - space_x, tv1.getBottom()  
10.                     + space_y);  
11.         // 第一次方位tarRectF=null，默認為draw   
12.         if (tarRectF == null)  
13.             tarRectF = new RectF(tv1.getLeft() + space_x, tv1.getTop()  
14.                     - space_y, tv1.getRight() - space_x, tv1.getBottom()  
15.                     + space_y);  
16.         // 這個時候需要不停的更新   
17.         if (Math.abs(curRectF.left - tarRectF.left) < step) {  
18.             curRectF.left = tarRectF.left;  
19.             curRectF.right = tarRectF.right;  
20.         }  
21.         if (curRectF.left > tarRectF.left) {  
22.             curRectF.left -= step;  
23.             curRectF.right -= step;  
24.             invalidate();// 繼續刷新，從而實現滑動效果，每次step32.   
25.         } else if (curRectF.left < tarRectF.left) {  
26.             curRectF.left += step;  
27.             curRectF.right += step;  
28.             invalidate();  
29.         }  
30.         canvas.drawRoundRect(curRectF, 5, 5, paint);  
31.     }  

用於監聽點擊bar事件.

1. @Override  
2.     public void onClick(View v) {  
3.         tarRectF.left = v.getLeft() + space_x;  
4.         tarRectF.right = v.getRight() - space_x;  
5.         tarRectF.top = v.getTop() - space_y;  
6.         tarRectF.bottom = v.getBottom() + space_y;  
7.         invalidate();// 刷新   
8.     }