Android list列表滑动显示隐藏toolbar(ListView)

2024-09-02 14:08
文章标签 android 显示 隐藏 list 列表 滑动 listview toolbar

本文主要是介绍Android list列表滑动显示隐藏toolbar(ListView)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言：上下滑动列表时，toolbar跟着隐藏和显示，这种效果在google系应用中比较频繁出现，比如google plus。

    google plus效果：

    

现在以ListVIew列表实现（两种方式）：

一，使用ListView的方法addHeaderView(headerView);

1，build.gradle:

    dependencies {	compile fileTree(dir: 'libs', include: ['*.jar'])	testCompile 'junit:junit:4.12'
    	compile 'com.android.support:appcompat-v7:23.1.1'
    	compile 'com.android.support:design:23.1.1'
    }

       2，主界面布局

             activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    	xmlns:app="http://schemas.android.com/apk/res-auto"
    	xmlns:tools="http://schemas.android.com/tools"
    	android:layout_width="match_parent"
    	android:layout_height="match_parent"
    	tools:context="com.science.listscroll.MainActivity">

    	<include layout="@layout/content_main" />

    	<android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            android:fitsSystemWindows="true"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    	<android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="@dimen/fab_margin"
            android:src="@android:drawable/ic_dialog_email" />

    </android.support.design.widget.CoordinatorLayout>

     content_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    	xmlns:app="http://schemas.android.com/apk/res-auto"
    	android:layout_width="match_parent"
    	android:layout_height="match_parent">
    	<ListView
	    android:id="@+id/list"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </RelativeLayout>
3，item布局item.xml 

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    	android:layout_width="match_parent"
    	android:layout_height="match_parent"
    	android:background="#eeeeee">
   	<TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:textSize="20sp" />
    </LinearLayout>

4，主题逻辑

package com.science.listscroll;

import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;

/**
 * @author 幸运Science-陈土燊
 * @description ListView列表滑动时隐藏显示view(类似google plus)，方法一：listview.addHeaderView(headerView);
 * @school University of South China
 * @company wiwide.com
 * @email chentushen.science@gmail.com,274240671@qq.com
 * @data 2015/11/29
 */

public class MainActivity extends AppCompatActivity {private ListView mListView;
    private Toolbar mToolbar;
    private FloatingActionButton mActionButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolbar);

        mActionButton = (FloatingActionButton) findViewById(R.id.fab);
        mActionButton.setOnClickListener(new View.OnClickListener() {@Override
            public void onClick(View view) {Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG).setAction("Action", null).show();
            }});

        initVeiw();
        initListener();
    }private void initVeiw() {mListView = (ListView) findViewById(R.id.list);
        // 添加头部
        View headerView = new View(this);
        headerView.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                (int) getResources().getDimension(R.dimen.abc_action_bar_default_height_material) + getStatusHeight()));
        headerView.setBackgroundColor(Color.parseColor("#eeeeee"));
        mListView.addHeaderView(headerView);
        // 加载数据
        ArrayAdapter adapter = new ArrayAdapter(this, R.layout.item, R.id.text, getData());
        mListView.setAdapter(adapter);
    }// 状态栏高度
    private int getStatusHeight() {int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {result = getResources().getDimensionPixelSize(resourceId);
        }return result;
    }private void initListener() {mListView.setOnScrollListener(new AbsListView.OnScrollListener() {int lastposition = 0; // 上一次在屏幕里可见的第一个item在整个listview的位置
            int state = SCROLL_STATE_IDLE; // 默认状态滚动停止

            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {state = scrollState;
            }@Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {View firstView = view.getChildAt(firstVisibleItem);
                /**
                 *  1，firstVisibleItem == 0：当前屏幕第一个可见item是整体listview的第一个item时
                 *  2，firstView == null：列表为空时；或者列表不为空时第一个item距离顶部的距离为0，说明已到达顶部
                 */
                if (firstVisibleItem == 0 && (firstView == null || firstView.getTop() == 0)) {animateBack();
                }if (firstVisibleItem > 0) {// 即向上滑动列表
                    if (firstVisibleItem > lastposition) {animateHide();
                    }// 即向下滑动列表
                    if (firstVisibleItem < lastposition) {animateBack();
                    }}lastposition = firstVisibleItem;
            }});

        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {Toast.makeText(MainActivity.this, "item:" + (position - 1), Toast.LENGTH_SHORT).show();
            }});
    }private String[] getData() {String[] str = new String[30];
        for (int i = 0; i < 30; i++) {str[i] = "item" + i;
        }return str;
    }// 恢复动画
    private AnimatorSet mAnimatorSetBack;

    private void animateBack() {// 取消其他动画
        if (mAnimatorSetHide != null && mAnimatorSetHide.isRunning()) {mAnimatorSetHide.cancel();
        }if (mAnimatorSetBack != null && mAnimatorSetBack.isRunning()) {} else {mAnimatorSetBack = new AnimatorSet();
            ObjectAnimator animateHeader = ObjectAnimator.ofFloat(mToolbar, "translationY", mToolbar.getTranslationY(), 0f);
            ObjectAnimator animateFooter = ObjectAnimator.ofFloat(mActionButton, "translationY", mActionButton.getTranslationY(), 0f);
            ArrayList<Animator> animators = new ArrayList<>();
            animators.add(animateHeader);
            animators.add(animateFooter);
            mAnimatorSetBack.setDuration(300);
            mAnimatorSetBack.playTogether(animators);
            mAnimatorSetBack.start();
        }}// 隐藏动画
    private AnimatorSet mAnimatorSetHide;

    private void animateHide() {// 取消其他动画
        if (mAnimatorSetBack != null && mAnimatorSetBack.isRunning()) {mAnimatorSetBack.cancel();
        }if (mAnimatorSetHide != null && mAnimatorSetHide.isRunning()) {} else {mAnimatorSetHide = new AnimatorSet();
            ObjectAnimator animateHeader = ObjectAnimator.ofFloat(mToolbar, "translationY",
                    mToolbar.getTranslationY(), -mToolbar.getHeight());
            ObjectAnimator animateFooter = ObjectAnimator.ofFloat(mActionButton, "translationY",
                    mActionButton.getTranslationY(), mActionButton.getHeight() + mActionButton.getBottom());
            ArrayList<Animator> animators = new ArrayList<>();
            animators.add(animateHeader);
            animators.add(animateFooter);
            mAnimatorSetHide.setDuration(300);
            mAnimatorSetHide.playTogether(animators);
            mAnimatorSetHide.start();
        }}@Override
    public boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }@Override
    public boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.baseadapter) {Intent intent = new Intent(MainActivity.this, ListViewSecActivity.class);
            startActivity(intent);
            return true;
        }if (id == R.id.recycleview) {return true;
        }return super.onOptionsItemSelected(item);
    }
}

5，关键在通过ListView的addHeaderView()方法，添加一个toolbar+status高度的头部item，然后在Scroll方法里处理listview滑动，逻辑比较好理解。


二，通过BaseAdapter里添加头部

1，其它和直接通过addHeaderView()方法添加头部差不多，头部直接在BaseAdapter里添加

class MyAdapter extends BaseAdapter {private static final int HEADER_ITEM = 0;
    private static final int NORMAL_ITEM = 1;
    private Context mContext;
    private String[] mSts;

    public MyAdapter(Context context, String[] strs) {mContext = context;
        mSts = strs;
    }@Override
    public int getCount() {return mSts.length + 1;
    }@Override
    public Object getItem(int position) {return position;
    }@Override
    public long getItemId(int position) {return position;
    }@Override
    public int getItemViewType(int position) {if (position == 0) {return HEADER_ITEM;
        }return NORMAL_ITEM;
    }@Override
    public int getViewTypeCount() {return 2;
    }@Override
    public View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;
        int viewType = getItemViewType(position);
        if (convertView == null) {if (viewType == HEADER_ITEM) {convertView = new View(mContext);
                convertView.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                        (int) mContext.getResources().getDimension(R.dimen.abc_action_bar_default_height_material) +getStatusHeight(mContext)));
                convertView.setBackgroundColor(Color.parseColor("#eeeeee"));
                viewHolder = new ViewHolder(convertView, viewType);
            } else {convertView = LayoutInflater.from(mContext).inflate(R.layout.item, parent, false);
                viewHolder = new ViewHolder(convertView, viewType);
            }convertView.setTag(viewHolder);
        } else {viewHolder = (ViewHolder) convertView.getTag();
        }if (viewType == NORMAL_ITEM) {viewHolder.textView.setText(mSts[position - 1]);
        }return convertView;
    }private int getStatusHeight(Context context) {int result = 0;
        int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {result = context.getResources().getDimensionPixelSize(resourceId);
        }return result;
    }
}class ViewHolder {TextView textView;

    public ViewHolder(View view, int viewType) {if (viewType != 0) {textView = (TextView) view.findViewById(R.id.text);
        }}
}
      

 最终效果图（Android4.4的MIUI7）：


代码http://download.csdn.net/detail/u013260551/9310959


这篇关于Android list列表滑动显示隐藏toolbar(ListView)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1130170。

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后
阅读更多...
Python如何计算两个不同类型列表的相似度

Python如何计算两个不同类型列表的相似度

《Python如何计算两个不同类型列表的相似度》在编程中,经常需要比较两个列表的相似度,尤其是当这两个列表包含不同类型的元素时,下面小编就来讲讲如何使用Python计算两个不同类型列表的相似度吧... 目录摘要引言数字类型相似度欧几里得距离曼哈顿距离字符串类型相似度Levenshtein距离Jaccard相
阅读更多...
Android里面的Service种类以及启动方式

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结：一、Service 的两种类型：1. 前台服务（必须亮身份牌）2. 后台服务（偷偷干
阅读更多...
Redis存储的列表分页和检索的实现方法

Redis存储的列表分页和检索的实现方法

《Redis存储的列表分页和检索的实现方法》在Redis中,列表（List）是一种有序的数据结构,通常用于存储一系列元素,由于列表是有序的,可以通过索引来访问元素,因此可以很方便地实现分页和检索功能,... 目录一、Redis 列表的基本操作二、分页实现三、检索实现3.1 方法 1：客户端过滤3.2 方法
阅读更多...
C#比较两个List集合内容是否相同的几种方法

C#比较两个List集合内容是否相同的几种方法

《C#比较两个List集合内容是否相同的几种方法》本文详细介绍了在C#中比较两个List集合内容是否相同的方法,包括非自定义类和自定义类的元素比较,对于非自定义类,可以使用SequenceEqual、... 目录 一、非自定义类的元素比较1. 使用 SequenceEqual 方法（顺序和内容都相等）2.
阅读更多...
Android kotlin语言实现删除文件的解决方案

Android kotlin语言实现删除文件的解决方案

《Androidkotlin语言实现删除文件的解决方案》：本文主要介绍Androidkotlin语言实现删除文件的解决方案,在项目开发过程中,尤其是需要跨平台协作的项目,那么删除用户指定的文件的... 目录一、前言二、适用环境三、模板内容1.权限申请2.Activity中的模板一、前言在项目开发过程中，尤
阅读更多...
Java中List转Map的几种具体实现方式和特点

Java中List转Map的几种具体实现方式和特点

《Java中List转Map的几种具体实现方式和特点》：本文主要介绍几种常用的List转Map的方式,包括使用for循环遍历、Java8StreamAPI、ApacheCommonsCollect... 目录前言1、使用for循环遍历：2、Java8 Stream API：3、Apache Commons
阅读更多...
如何设置vim永久显示行号

如何设置vim永久显示行号

《如何设置vim永久显示行号》在Linux环境下,vim默认不显示行号,这在程序编译出错时定位错误语句非常不便,通过修改vim配置文件vimrc,可以在每次打开vim时永久显示行号... 目录设置vim永久显示行号1.临时显示行号2.永www.chinasem.cn久显示行号总结设置vim永久显示行号在li
阅读更多...
Python实现将实体类列表数据导出到Excel文件

Python实现将实体类列表数据导出到Excel文件

《Python实现将实体类列表数据导出到Excel文件》在数据处理和报告生成中,将实体类的列表数据导出到Excel文件是一项常见任务,Python提供了多种库来实现这一目标,下面就来跟随小编一起学习一... 目录一、环境准备二、定义实体类三、创建实体类列表四、将实体类列表转换为DataFrame五、导出Da
阅读更多...
Apache Tomcat服务器版本号隐藏的几种方法

Apache Tomcat服务器版本号隐藏的几种方法

《ApacheTomcat服务器版本号隐藏的几种方法》本文主要介绍了ApacheTomcat服务器版本号隐藏的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需... 目录1. 隐藏HTTP响应头中的Server信息编辑 server.XML 文件2. 修China编程改错误
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2