ListView滑动置顶，listview吸顶效果，安卓时间栏状态栏透明，有图有源码

http://blog.csdn.net/qiushi_1990/article/details/53927492

最近我们产品要做文章在listview里分日期显示，所以在listview上滑的时候就要把时间作为标题置顶。先看下效果图吧

GitHub源码：https://github.com/qiushi123/ZDYlistView

实现功能

1，listview滑动置顶效果

2，系统时间状态栏透明

下面说下实现原理

1，时间状态栏透明（这个只能在4.4以后实现）

[java]  view plain  copy

1. /* 
2.        * 4.4以后时间栏状态栏透明 
3.        * */  
4.        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
5.            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
6.            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
7.        }  

2，listview上滑吸顶实现

其实吸顶的标题是我们事先写好的textview，放在布局顶部,设置为不可见。然后监听listview的滑动，当listview里的标题所对应的position处于最顶部时，让我们放在顶部的 textview显示出来，并替换里面的文字。

首先看下布局

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout  
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     xmlns:tools="http://schemas.android.com/tools"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     android:orientation="vertical">  
8.   
9.     <ListView  
10.         android:id="@+id/plv"  
11.         android:layout_width="match_parent"  
12.         android:layout_height="match_parent"  
13.         />  
14.   
15.     <TextView  
16.         android:id="@+id/header_title"  
17.         android:layout_width="match_parent"  
18.         android:layout_height="wrap_content"  
19.         android:background="@color/colorAccent"  
20.         android:gravity="center_horizontal"  
21.         android:paddingTop="15dp"  
22.         android:text="2016-12-28"  
23.         android:textSize="20sp"/>  
24. </RelativeLayout>  

然后是监听listview的滑动

[java]  view plain  copy

1. /* 
2.         * 添加一个滚动 监听 
3.         * 用来实现标题置顶效果 
4.         * */  
5.         mListView.setOnScrollListener(new ListView.OnScrollListener() {  
6.   
7.             //滑动状态监听  
8.             @Override  
9.             public void onScrollStateChanged(AbsListView view, int scrollState) {  
10.                 switch (scrollState) {  
11.                     case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL://拖动  
12.                     case AbsListView.OnScrollListener.SCROLL_STATE_FLING://惯性滑动  
13.                         // 显示滑动时屏幕可见条目中离标题栏最近的第一行  
14.                         int position = mListView.getFirstVisiblePosition();  
15.                         //由于listview添加了一个header，所以position=0代表的是header  
16.                         //这里获取到的position和下面onscroll方法里的firstVisibleItem值一致  
17.                         break;  
18.                     case AbsListView.OnScrollListener.SCROLL_STATE_IDLE://手指离开或者惯性滑动停止  
19.                         break;  
20.                 }  
21.   
22.             }  
23.   
24.             /* 
25.             * firstVisibleItem  可见的条目中第一个条目 
26.             * visibleItemCount 一屏幕中可见条目 
27.             * totalItemCount   总条目 
28.             * */  
29.             @Override  
30.             public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {  
31.                 Log.e("qcl", "firstVisibleItem   " + firstVisibleItem);  
32.                 if (firstVisibleItem > 0) {  
33.                     header_title.setVisibility(View.VISIBLE);  
34.                     if (firstVisibleItem < 5) {  
35.                         header_title.setText(Cheeses.TITLES[0]);  
36.                     } else if (firstVisibleItem >= 5 && firstVisibleItem < 9) {  
37.                         header_title.setText(Cheeses.TITLES[1]);  
38.                     } else {  
39.                         header_title.setText(Cheeses.TITLES[2]);  
40.                     }  
41.                 } else {  
42.                     header_title.setVisibility(View.INVISIBLE);  
43.   
44.                 }  
45.             }  
46.         });  

通过监听listview的滚动，来做相应的吸顶处理。下面是整个使用完整代码

[java]  view plain  copy

1. package com.demosqcl;  
2.   
3. import android.app.Activity;  
4. import android.os.Build;  
5. import android.os.Bundle;  
6. import android.util.Log;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.view.WindowManager;  
10. import android.widget.AbsListView;  
11. import android.widget.BaseAdapter;  
12. import android.widget.ImageView;  
13. import android.widget.ListView;  
14. import android.widget.TextView;  
15.   
16. /* 
17. * 1,状态栏透明 
18. * 2，自定义控件基础学习 
19. * 
20. * */  
21. public class MainActivity extends Activity {  
22.     private ListView mListView;//自定义的listview  
23.     private ImageView mIvHeader;//顶部用来放大的的图片  
24.     private TextView header_title;//顶部用来放大的的图片  
25.   
26.     @Override  
27.     protected void onCreate(Bundle savedInstanceState) {  
28.         super.onCreate(savedInstanceState);  
29.         setContentView(R.layout.activity_main);  
30.         mListView = (ListView) findViewById(R.id.plv);  
31.         header_title = (TextView) findViewById(R.id.header_title);  
32.         final View headerView = View.inflate(getApplicationContext(), R.layout.list_header, null);  
33.         mIvHeader = (ImageView) headerView.findViewById(R.id.header_iv);  
34.         // 给ListView加头, 要放在setAdapter之前  
35.         mListView.addHeaderView(headerView);  
36.   
37.   
38.         /* 
39.         * 4.4以后时间栏状态栏透明 
40.         * */  
41.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
42.             getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
43.             getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
44.         }  
45.   
46.   
47.         final MyAdapter myAdapter = new MyAdapter();  
48.         mListView.setAdapter(myAdapter);  
49.   
50.         /* 
51.         * 添加一个滚动 监听 
52.         * 用来实现标题置顶效果 
53.         * */  
54.         mListView.setOnScrollListener(new ListView.OnScrollListener() {  
55.   
56.             //滑动状态监听  
57.             @Override  
58.             public void onScrollStateChanged(AbsListView view, int scrollState) {  
59.                 switch (scrollState) {  
60.                     case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL://拖动  
61.                     case AbsListView.OnScrollListener.SCROLL_STATE_FLING://惯性滑动  
62.                         // 显示滑动时屏幕可见条目中离标题栏最近的第一行  
63.                         int position = mListView.getFirstVisiblePosition();  
64.                         //由于listview添加了一个header，所以position=0代表的是header  
65.                         //这里获取到的position和下面onscroll方法里的firstVisibleItem值一致  
66.                         break;  
67.                     case AbsListView.OnScrollListener.SCROLL_STATE_IDLE://手指离开或者惯性滑动停止  
68.                         break;  
69.                 }  
70.   
71.             }  
72.   
73.             /* 
74.             * firstVisibleItem  可见的条目中第一个条目 
75.             * visibleItemCount 一屏幕中可见条目 
76.             * totalItemCount   总条目 
77.             * */  
78.             @Override  
79.             public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {  
80.                 Log.e("qcl", "firstVisibleItem   " + firstVisibleItem);  
81.                 if (firstVisibleItem > 0) {  
82.                     header_title.setVisibility(View.VISIBLE);  
83.                     if (firstVisibleItem < 5) {  
84.                         header_title.setText(Cheeses.TITLES[0]);  
85.                     } else if (firstVisibleItem >= 5 && firstVisibleItem < 9) {  
86.                         header_title.setText(Cheeses.TITLES[1]);  
87.                     } else {  
88.                         header_title.setText(Cheeses.TITLES[2]);  
89.                     }  
90.                 } else {  
91.                     header_title.setVisibility(View.INVISIBLE);  
92.   
93.                 }  
94.             }  
95.         });  
96.     }  
97.   
98.   
99.     class MyAdapter extends BaseAdapter {  
100.   
101.         @Override  
102.         public int getCount() {  
103.             return Cheeses.NAMES.length + Cheeses.TITLES.length;  
104.         }  
105.   
106.   
107.         @Override  
108.         public long getItemId(int position) {  
109.             return 0;  
110.         }  
111.   
112.   
113.         @Override  
114.         public int getItemViewType(int position) {  
115.             if (position == 0 || position == 4 || position == 8) {  
116.                 return 0;  
117.             } else {  
118.                 return 1;  
119.             }  
120.         }  
121.   
122.         @Override  
123.         public int getViewTypeCount() {  
124.             return 2;  
125.         }  
126.   
127.         @Override  
128.         public String getItem(int position) {  
129.             String info = "";  
130.             if (position == 0 || position == 4 || position == 8) {  
131.                 info = Cheeses.TITLES[position / 4];  
132.             } else if (position < 4) {  
133.                 info = Cheeses.NAMES[position - 1];  
134.             } else if (position > 4 && position < 8) {  
135.                 info = Cheeses.NAMES[position - 2];  
136.             } else {  
137.                 info = Cheeses.NAMES[position - 3];  
138.             }  
139.             return info;  
140.         }  
141.   
142.         @Override  
143.         public View getView(int position, View convertView, ViewGroup parent) {  
144.             int type = getItemViewType(position);  
145.             View view = null;  
146.             if (type == 0) {// 标题  
147.                 ViewHolder holder = null;  
148.                 if (convertView == null) {  
149.                     holder = new ViewHolder();  
150.                     view = View.inflate(getBaseContext(), R.layout.view_item_app_type, null);  
151.                     holder.titile = (TextView) view.findViewById(R.id.type);  
152.                     view.setTag(holder);  
153.                 } else {  
154.                     view = convertView;  
155.                     holder = (ViewHolder) view.getTag();  
156.                 }  
157.                 holder.titile.setText(getItem(position));  
158.                 return view;  
159.             } else {  
160.                 ViewHolder holder = null;  
161.                 // 视图优化 start---  
162.                 if (convertView == null) {  
163.                     holder = new ViewHolder();  
164.                     view = View.inflate(getBaseContext(), R.layout.view_item_app_info, null);  
165.                     holder.name = (TextView) view.findViewById(R.id.app_name);  
166.                     view.setTag(holder);  
167.                 } else {  
168.                     view = convertView;  
169.                     holder = (ViewHolder) view.getTag();  
170.                 }  
171.                 holder.name.setText(getItem(position));  
172.                 return view;  
173.   
174.             }  
175.         }  
176.     }  
177.   
178.     class ViewHolder {  
179.         TextView titile;  
180.         TextView name;  
181.     }  
182. }  

有问题可以加我微信2501902696（备注安卓）

顶

0

 

踩

0

 

 

• 上一篇安卓调用系统自带分享功能分享文字，分享大图片，仿好奇心日报分享长图片（不用申请微信微博官方sdk就能直接分享）
• 下一篇一行代码快速实现今日头条 网易新闻焦点图自动循环轮播效果