android标题栏颜色渐变效果的实现(标题栏随着scrollview的滚动而变化)

之前也是在网上看到这种效果，不过是滚动listview来改变标题栏的颜色，感觉那个应用的比较少，比如我要滚动scrollview来实现呢，那么问题就来了，废话少说，看一下要实现的效果先(这是在项目应用的效果)。

直接上源代码：

【一、核心类(ObservableScrollView.java)】

[java]   view plain  copy

1. package com.jukopro.titlebarcolor;  
2.   
3. import android.content.Context;  
4. import android.util.AttributeSet;  
5. import android.widget.ScrollView;  
6. /** 
7.  * 带滚动监听的scrollview 
8.  * 
9.  */  
10. public class ObservableScrollView extends ScrollView {  
11.   
12.     public interface ScrollViewListener {  
13.   
14.         void onScrollChanged(ObservableScrollView scrollView, int x, int y,  
15.                 int oldx, int oldy);  
16.   
17.     }  
18.   
19.     private ScrollViewListener scrollViewListener = null;  
20.   
21.     public ObservableScrollView(Context context) {  
22.         super(context);  
23.     }  
24.   
25.     public ObservableScrollView(Context context, AttributeSet attrs,  
26.             int defStyle) {  
27.         super(context, attrs, defStyle);  
28.     }  
29.   
30.     public ObservableScrollView(Context context, AttributeSet attrs) {  
31.         super(context, attrs);  
32.     }  
33.   
34.     public void setScrollViewListener(ScrollViewListener scrollViewListener) {  
35.         this.scrollViewListener = scrollViewListener;  
36.     }  
37.   
38.     @Override  
39.     protected void onScrollChanged(int x, int y, int oldx, int oldy) {  
40.         super.onScrollChanged(x, y, oldx, oldy);  
41.         if (scrollViewListener != null) {  
42.             scrollViewListener.onScrollChanged(this, x, y, oldx, oldy);  
43.         }  
44.     }  
45.   
46. }  

【二、具体使用(MainActivity.java)】

[java]   view plain  copy

1. package com.jukopro.titlebarcolor;  
2.   
3. import android.app.Activity;  
4. import android.graphics.Color;  
5. import android.os.Bundle;  
6. import android.view.ViewTreeObserver;  
7. import android.view.ViewTreeObserver.OnGlobalLayoutListener;  
8. import android.widget.ArrayAdapter;  
9. import android.widget.ImageView;  
10. import android.widget.ListView;  
11. import android.widget.TextView;  
12.   
13. import com.jukopro.titlebarcolor.ObservableScrollView.ScrollViewListener;  
14.   
15. public class MainActivity extends Activity implements ScrollViewListener{  
16.   
17.     private ObservableScrollView scrollView;  
18.       
19.     private ListView listView;  
20.       
21.     private ImageView imageView;  
22.       
23.     private TextView textView;  
24.       
25.     private int imageHeight;  
26.   
27.     @Override  
28.     protected void onCreate(Bundle savedInstanceState) {  
29.         super.onCreate(savedInstanceState);  
30.         setContentView(R.layout.activity_main);  
31.         scrollView = (ObservableScrollView) findViewById(R.id.scrollview);  
32.         listView = (ListView) findViewById(R.id.listview);  
33.         imageView = (ImageView) findViewById(R.id.imageview);  
34.         textView = (TextView) findViewById(R.id.textview);  
35.         initListeners();  
36.         initData();  
37.     }  
38.       
39.     private void initListeners() {  
40.         // 获取顶部图片高度后，设置滚动监听  
41.         ViewTreeObserver vto = imageView.getViewTreeObserver();  
42.         vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {  
43.             @Override  
44.             public void onGlobalLayout() {  
45.                 imageView.getViewTreeObserver().removeGlobalOnLayoutListener(  
46.                         this);  
47.                 imageHeight = imageView.getHeight();  
48.   
49.                 scrollView.setScrollViewListener(MainActivity.this);  
50.             }  
51.         });  
52.     }  
53.   
54.   
55.   
56.     private void initData() {  
57.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, getResources().getStringArray(R.array.data));  
58.         listView.setAdapter(adapter);  
59.     }  
60.   
61.   
62.   
63.     @Override  
64.     public void onScrollChanged(ObservableScrollView scrollView, int x, int y,  
65.             int oldx, int oldy) {  
66.         // TODO Auto-generated method stub  
67.         // Log.i("TAG", "y--->" + y + "    height-->" + height);  
68.         if (y <= 0) {  
69.             textView.setBackgroundColor(Color.argb((int) 0, 227, 29, 26));//AGB由相关工具获得，或者美工提供  
70.         } else if (y > 0 && y <= imageHeight) {  
71.             float scale = (float) y / imageHeight;  
72.             float alpha = (255 * scale);  
73.             // 只是layout背景透明(仿知乎滑动效果)  
74.             textView.setBackgroundColor(Color.argb((int) alpha, 227, 29, 26));  
75.         } else {  
76.             textView.setBackgroundColor(Color.argb((int) 255, 227, 29, 26));  
77.         }  
78.     }  
79. }  

【二、XML(activity_main.xml)】

[html]   view plain  copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context="${relativePackage}.${activityClass}" >  
6.   
7.     <com.jukopro.titlebarcolor.ObservableScrollView  
8.         android:id="@+id/scrollview"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent"  
11.         android:scrollbars="none" >  
12.   
13.         <LinearLayout  
14.             android:layout_width="match_parent"  
15.             android:layout_height="wrap_content"  
16.             android:orientation="vertical" >  
17.   
18.             <ImageView  
19.                 android:id="@+id/imageview"  
20.                 android:layout_width="match_parent"  
21.                 android:layout_height="200dp"  
22.                 android:background="@drawable/zuqiu" />  
23.   
24.             <com.jukopro.titlebarcolor.MyListview  
25.                 android:id="@+id/listview"  
26.                 android:layout_width="match_parent"  
27.                 android:layout_height="wrap_content" >  
28.             </com.jukopro.titlebarcolor.MyListview>  
29.         </LinearLayout>  
30.     </com.jukopro.titlebarcolor.ObservableScrollView>  
31.   
32.     <TextView  
33.         android:id="@+id/textview"  
34.         android:layout_width="match_parent"  
35.         android:layout_height="48dp"  
36.         android:gravity="center"  
37.         android:text="我是标题"  
38.         android:textSize="18sp"  
39.         android:textColor="@android:color/white"  
40.         android:background="#00000000" />  
41.   
42. </RelativeLayout>  

          还不懂的童鞋可以下载源代码：http://download.csdn.net/detail/sinat_21283073/9510052