Android -- Toolbar跟随ListView滑动隐藏和显现

简介:

布局

复制代码
<RelativeLayout 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">  
    <ListView  
        android:id="@+id/main_list_view"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        />  
    <android.support.v7.widget.Toolbar  
        android:id="@+id/main_bar"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:background="@color/std_color_A"  
        />  
</RelativeLayout>
复制代码

代码

复制代码
public class MainActivity extends BaseActivity{  
  
    private static final String TAG = MainActivity.class.getSimpleName();  
  
    private Toolbar mMainToolbar = null;  
    private ListView mMainListView = null;  
  
    private float mStartY = 0, mLastY = 0, mLastDeltaY;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        mMainToolbar = (Toolbar)this.findViewById(R.id.main_bar);  
        this.setSupportActionBar(mMainToolbar);  
  
        mMainListView = (ListView)this.findViewById(R.id.main_list_view);  
        final View header = LayoutInflater.from(this).inflate(R.layout.layout_header, null);//这个header高度要与toolbar相同  
        mMainListView.addHeaderView(header);  
        mMainListView.setAdapter(new AudioAdapter(this));  
    
        mMainListView.setOnTouchListener(new View.OnTouchListener() {  
            @Override  
            public boolean onTouch(View v, MotionEvent event) {  
                final float y = event.getY();  
                float translationY = mMainToolbar.getTranslationY();  
                switch (event.getAction()) {  
                    case MotionEvent.ACTION_DOWN:  
                        mStartY = y;  
                        mLastY = mStartY;  
                        break;  
                    case MotionEvent.ACTION_MOVE:  
                        float mDeltaY = y - mLastY;  
  
                        float newTansY = translationY + mDeltaY;  
                        if (newTansY <= 0 && newTansY >= -mMainToolbar.getHeight()) {  
                            mMainToolbar.setTranslationY(newTansY);  
                        }  
                        mLastY = y;  
                        mLastDeltaY = mDeltaY;  
                        break;  
                    case MotionEvent.ACTION_UP:  
                        ObjectAnimator animator = null;  
                        Log.d(TAG, "mLastDeltaY=" + mLastDeltaY);  
                        if (mLastDeltaY < 0 && mMainListView.getFirstVisiblePosition() > 1) {  
                            Log.v(TAG, "listView.first=" + mMainListView.getFirstVisiblePosition());  
                            animator = ObjectAnimator.ofFloat(mMainToolbar, "translationY", mMainToolbar.getTranslationY(), -mMainToolbar.getHeight());  
                        } else {  
                            animator = ObjectAnimator.ofFloat(mMainToolbar, "translationY", mMainToolbar.getTranslationY(), 0);  
                        }  
                        animator.setDuration(100);  
                        animator.start();  
                        animator.setInterpolator(AnimationUtils.loadInterpolator(MainActivity.this, android.R.interpolator.linear));  
                        break;  
                }  
                return false;  
            }  
        });  
    }  
}
复制代码

先用我们自己的Toolbar替换原来的ActionBar,注意,在你的AppTheme中,windowActionbar这一项要设置为false才能用我们自己的去替换原来的,不然运行会报错,然后给Listview一个与Toolbar等高的headerView。然后再设置Touch事件的监听,在onTouch方法的ACTION_MOVE分支中,我们计算出本次触发move事件与上次触发move或者down事件时候,我们的触发点的位置变化量-mDeltaY,然后计算出一个相应的translationY,经过与Toolbar高度比较,判断出新的translationY是否合法,合法,则用setTranslationY方法,给Toolbar赋值。触发UP事件:当触发了UP事件后,就要,我们就要用一个动画,来过度一下。先判断滑动方向,方向向上,则向上滑动,向下,则向下滑动。

我是天王盖地虎的分割线




本文转自我爱物联网博客园博客,原文链接:http://www.cnblogs.com/yydcdut/p/4474092.html,如需转载请自行联系原作者

相关文章
|
3月前
|
API Android开发 开发者
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
52 2
|
3月前
|
JavaScript Android开发
使用贝叶斯曲线滑动安卓屏幕(autojsPro7)
使用贝叶斯曲线滑动安卓屏幕(autojsPro7)
163 0
|
7天前
|
Android开发
Android使用ViewPager做无限轮播,人为滑动时停止
Android使用ViewPager做无限轮播,人为滑动时停止
12 2
|
2月前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
36 2
|
1月前
|
Android开发
Android仿高德首页三段式滑动
Android仿高德首页三段式滑动
59 0
|
2月前
|
前端开发 API Android开发
25. 【Android教程】列表控件 ListView
25. 【Android教程】列表控件 ListView
55 2
|
2月前
|
编解码 Android开发
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
Android 解决TextView多行滑动与NestedScrollView嵌套滑动冲突的问题
28 0
|
2月前
|
XML Android开发 UED
|
3月前
|
Android开发
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
|
3月前
|
XML Java Android开发
如何美化android程序:自定义ListView背景
如何美化android程序:自定义ListView背景
32 2