Android Scrollview上滑停靠—悬浮框停靠在标题栏下方(防微博详情页)

最近做项目过程中遇到上滑停靠的效果,网上先百度了一波,有各种方法,下面把我自己用到的一种方法写出来,做个笔记。效果图如下:

先看微博详情页效果:



然后我实现的效果:



1. 先上xml布局。

布局中最外层LinearLayout,里面嵌套一个标题栏Layout和一个需要滚动FrameLayout,FrameLayout里面是上层悬浮的Layout 和自定义的一个MyScrollView。




    

        

        

        

    

    

    


        

            

                

                

                    

                        

                            

                            

                            
                        

                        
                    
                

                
            

        

        
    


2. 在看自定义的ScrollView。

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ScrollView;

/**
 * Created by jkloshhm on 2017/11/24.
 *
 * @author jkloshhm
 */

public class MyScrollView extends ScrollView {

    private OnScrollListener mOnScrollListener;

    public MyScrollView(Context context) {
        super(context);
    }

    public MyScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 监听ScroView的滑动情况
     *
     * @param l    变化后的X轴位置
     * @param t    变化后的Y轴的位置
     * @param oldl 原先的X轴的位置
     * @param oldt 原先的Y轴的位置
     */
    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (null != mOnScrollListener) {
            mOnScrollListener.onScroll(t);
        }
    }


    /**
     * 设置滚动接口
     *
     * @param listener
     */
    public void setOnScrollListener(OnScrollListener listener) {
        this.mOnScrollListener = listener;
    }

    /**
     * 滚动的回调接口
     */
    public interface OnScrollListener {
        /**
         * MyScrollView滑动的Y方向距离变化时的回调方法
         *
         * @param scrollY
         */
        void onScroll(int scrollY);

    }
}


3. 最后来看主Activity:MainActivity。

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.LinearLayout;

/**
 * Created by jkloshhm on 2017/11/24.
 *
 * @author jkloshhm
 */
public class MainActivity extends AppCompatActivity implements MyScrollView.OnScrollListener {
    /**
     * 顶部固定的TabViewLayout
     */
    private LinearLayout mTopTabViewLayout;
    /**
     * 跟随ScrollView的TabviewLayout
     */
    private LinearLayout mTabViewLayout;

    /**
     * 要悬浮在顶部的View的子View
     */
    private LinearLayout mTopView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        MyScrollView mMyScrollView = (MyScrollView) findViewById(R.id.my_scrollview);
        mTabViewLayout = (LinearLayout) findViewById(R.id.ll_tabView);
        mTopTabViewLayout = (LinearLayout) findViewById(R.id.ll_tabTopView);
        mTopView = (LinearLayout) findViewById(R.id.tv_topView);
        //滑动监听
        mMyScrollView.setOnScrollListener(this);
    }

    @Override
    public void onScroll(int scrollY) {
        int mHeight = mTabViewLayout.getTop();
        //判断滑动距离scrollY是否大于0,因为大于0的时候就是可以滑动了,此时mTabViewLayout.getTop()才能取到值。
        if (scrollY > 0 && scrollY >= mHeight) {
            if (mTopView.getParent() != mTopTabViewLayout) {
                mTabViewLayout.removeView(mTopView);
                mTopTabViewLayout.addView(mTopView);
            }

        } else {
            if (mTopView.getParent() != mTabViewLayout) {
                mTopTabViewLayout.removeView(mTopView);
                mTabViewLayout.addView(mTopView);
            }

        }
    }
}


3. 完整demo下载:http://download.csdn.net/download/jkloshhm/10135271

你可能感兴趣的:(Android基础)