锐客网

  1. 首页 > 睿知 > it技术 > >

Android项目实战（二十）（浅谈ListView悬浮头部展现效果）

项目实战android项目IT知识

但使书种多，会有岁稔时。这篇文章主要讲述Android项目实战（二十）：浅谈ListView悬浮头部展现效果相关的知识，希望能为你提供帮助。
原文:Android项目实战（二十）：浅谈ListView悬浮头部展现效果先看下效果：需求是 滑动列表 ，其中一部分视图（粉丝数，关注数这一部分）在滑动到顶端的时候不消失，而是停留在整个界面头部。

Android项目实战（二十）（浅谈ListView悬浮头部展现效果）

文章图片

 
我们先分析要解决的问题：
1、如何实现列表ListView顶部视图跟随ListView一起滑动
2、如何实现滑动过程中需要停留在顶部的视图
【Android项目实战（二十）（浅谈ListView悬浮头部展现效果）】 
解决：
第一个问题，实现ListView与顶部视图一起滑动，ListView提供一个方法，addHeadView(View);   意思就是在ListView顶部添加一个View。那么这个View就能和ListView一起滚动。
第二个问题，怎么保证界面中间的某一部分视图滑动到顶部的时候停留在顶部呢？
首先我们这个停留在顶部的View（称为View1）是ListView.addHeadView()上去的，即滑动列表，这个View1会划出去，那么如何让它不划出去？只要在Listview所在布局最上方
也写一个同样的View（称为View2，View2和ListView同属于一个FragmentLayout）并先隐藏（Visible = ‘gone‘），当View1刚划出顶部的时候，View2显示。
View1刚划出顶部的时机就是：
当滑动时 firstVisibleItem> =要悬浮的 item的position时 让View2显示 ，否则隐藏。
 
代码实现：
首先布局文件：
头部布局：
1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:orientation="vertical" 4android:layout_width="match_parent" 5android:layout_height="wrap_content" 6android:gravity="center" 7> 8< ImageView 9android:layout_width="match_parent" 10android:layout_height="90dp" 11android:src="https://www.songbingjia.com/android/@mipmap/p1" 12android:scaleType="fitXY" 13/> 14 < /LinearLayout>

要停留在顶部的View布局：(这里是要停留在顶部的View，这里addHeadView到ListView顶部,跟随者ListView滑动到顶部消失，这时满足firstVisibleItem> =要悬浮的 item的position条件，主界面里在写一个相同的View显示即可)
< ?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" > < ImageView android:layout_width="match_parent" android:layout_height="50dp" android:src="https://www.songbingjia.com/android/@mipmap/p2" android:scaleType="fitXY" /> < /LinearLayout>

主布局：
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > < TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="30dp" android:gravity="center" android:text="个人中心" android:textSize="20dp" /> < FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" > < ListView android:id="@+id/lv" android:layout_width="match_parent" android:layout_height="match_parent" /> < LinearLayout android:id="@+id/invis" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:visibility="gone" > < ImageView android:layout_width="match_parent" android:layout_height="50dp" android:src="https://www.songbingjia.com/android/@mipmap/p2" android:scaleType="fitXY" /> < /LinearLayout> < /FrameLayout> < /LinearLayout>

java代码:
1 private LinearLayout invis; 2private ListView lv; 3String[] strs; 4@Override 5protected void onCreate(Bundle savedInstanceState) { 6super.onCreate(savedInstanceState); 7setContentView(R.layout.activity_main); 8 9invis = (LinearLayout) findViewById(R.id.invis); 10 11strs = new String[100]; 12 13for (int i = 0; i < 20; i++) { 14strs[i] = "data-----" + i; 15} 16 17lv = (ListView) findViewById(R.id.lv); 18View header = View.inflate(this, R.layout.stick_header, null); //头部内容 19lv.addHeaderView(header); //添加头部 20 21lv.addHeaderView(View.inflate(this, R.layout.stick_action, null)); //ListView条目中的悬浮部分 添加到头部 22 23lv.setAdapter(new ArrayAdapter< String> (this, 24android.R.layout.simple_list_item_1, strs)); 25lv.setOnScrollListener(new AbsListView.OnScrollListener() { 26 27@Override 28public void onScrollStateChanged(AbsListView view, int scrollState) { 29 30} 31 32@Override 33public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 34if (firstVisibleItem > = 1) { 35invis.setVisibility(View.VISIBLE); 36} else { 37 38invis.setVisibility(View.GONE); 39} 40} 41}); 42 43}

 


    推荐阅读


    上一篇：Android开发实战（二十一）（浅谈android:clipChildren属性）

    下一篇：Android项目实战（十五）（自定义不可滑动的ListView和GridView）