Android 简单实现ListView顶部悬浮效果
来源:互联网 发布:vivo内置软件卸载软件 编辑:程序博客网 时间:2024/04/25 07:48
首先上效果图,实现如下效果:
起初在网上搜了下实现这样的效果,美团网,大众点评的“购买框”悬浮效果也是这样的,不过作者实现比较麻烦,自己想了想就根据ListView提供的一些特性进行了简单实现。
整个主要布局就是一个ListView,如果listview的上面有内容且高度比较高,可以把它当做listview的header,这样也可以避免ScrollView嵌套ListView带来的麻烦(记住这一点就不会在平时出现ScrollView与ListView各种问题了)。要实现悬浮效果,主要是根据ListView可见的第一个条目是哪个条目来操作的。注意这里的“悬浮”其实只是通过 隐藏/显示 悬浮部分来实现:在ListView“背后”有一个隐藏的“悬浮部分”,当ListView条目中的悬浮部分成为ListView可见部分第一个时,这时非ListView条目中的悬浮部分显示出来,这样造成“悬浮”部分一直在顶部浮动,当ListView可见部分第一个条目并不是悬浮时,非ListView那部分“隐藏部分”继续隐藏。表达能力不强,自己都快被自己绕晕了,总之就是2个悬浮部分:ListView条目中的和处于布局顶部隐藏(Gone/invisible)的起初未显示的,通过这两部分的操作来完成整个功能的。希望读者能够理解……
主要代码:
@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_sticky);invis = (LinearLayout) findViewById(R.id.invis);strs = new String[100];for (int i = 0; i < 20; i++) {strs[i] = "data-----" + i;}lv = (ListView) findViewById(R.id.lv);View header = View.inflate(this, R.layout.stick_header, null);//头部内容lv.addHeaderView(header);//添加头部lv.addHeaderView(View.inflate(this, R.layout.stick_action, null));//ListView条目中的悬浮部分 添加到头部lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, strs));lv.setOnScrollListener(new OnScrollListener() {@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {if (firstVisibleItem >= 1) {invis.setVisibility(View.VISIBLE);} else {invis.setVisibility(View.GONE);}}});}
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="30dp" android:background="#332b3b" android:gravity="center" android:text="标题" android:textColor="#ffffff" /> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/title" > <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="50dp" android:background="#ccedc7" android:orientation="horizontal" android:visibility="gone" > <TextView android:id="@+id/tv" android:layout_width="match_parent" android:layout_height="50dp" android:gravity="center" android:text="悬浮部分" /> </LinearLayout> </FrameLayout></RelativeLayout>
代码下载地址:http://download.csdn.net/download/ljfbest/7804769
13 1
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- Android 简单实现ListView顶部悬浮效果
- 简单实现ListView顶部悬浮效果
- 几种实现ListView顶部悬浮效果
- ListView顶部悬浮效果
- android开发实现微博正文效果、顶部悬浮、ScrollView嵌套ListView
- listView顶部悬浮效果实现几种方法
- listview 简单实现顶部暂停效果
- Android ScrollView向上滑动控件顶部悬浮效果实现
- Android ScrollView向上滑动控件顶部悬浮效果实现
- android利用draglayout实现菜单栏顶部悬浮效果
- UVa 10130 SuperSale(DP 01背包)
- web前端--jquery
- QEMU 与 GDB
- 黑马程序员高新技术_代理
- 上海邮乐网络技术有限公司java面试题
- Android 简单实现ListView顶部悬浮效果
- 虚拟机Red Hat Linux安装VMware Tools方法
- LeetCode Reverse Linked List II
- vim常用配置
- 单链表实现插入排序
- 【manacher算法】POJ 3974 Palindrome
- vector 排序
- 10个超实用jquery插件资源
- C/C++程序在GDB调试状态时的信号响应