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

刺骨的言语ヽ痛彻心扉 2022-06-03 00:20 204阅读 0赞

[http://blog.csdn.net/qiushi\_1990/article/details/53927492][http_blog.csdn.net_qiushi_1990_article_details_53927492]

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

GitHub源码：[https://github.com/qiushi123/ZDYlistView][https_github.com_qiushi123_ZDYlistView]

实现功能

1，listview滑动置顶效果

2，系统时间状态栏透明

![Center][]

下面说下实现原理

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

**\[java\]** [view plain][] [copy][view plain]

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][view plain]

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][view plain]

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][view plain]

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（备注安卓）

顶

踩

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

[http_blog.csdn.net_qiushi_1990_article_details_53927492]: http://blog.csdn.net/qiushi_1990/article/details/53927492
[https_github.com_qiushi123_ZDYlistView]: https://github.com/qiushi123/ZDYlistView
[Center]: /images/20220603/924b51c5ca5d447f95cdc7dbc7b8bd9e.png
[view plain]: http://blog.csdn.net/qiushi_1990/article/details/53927492#
[sdk]: http://blog.csdn.net/qiushi_1990/article/details/53611448
[Link 1]: http://blog.csdn.net/qiushi_1990/article/details/54907387