XScrollView下拉刷新控件详解

前段时间写了XListView下拉刷新控件详解，今天介绍一下它的兄弟篇《XScrollView下拉刷新控件详解》。没有看过XListView下拉刷新控件详解的，可以先去看一下，本文在这里就不重复相同部分了，原理和功能样式都是类似的。

XScrollView在initWithContext()这个方法中有所区别。

    private void initWithContext(Context context) {
        //XScrollView自定义分为三部分：header_layout，content_layout, footer_layout
        mLayout = (LinearLayout) View.inflate(context,
                R.layout.vw_xscrollview_layout, null);
        //content_layout原来显示用户自己定义的页面，后面有方法提供，可以添加进来
        mContentLayout = (LinearLayout) mLayout
                .findViewById(R.id.content_layout);

        mScroller = new Scroller(context, new DecelerateInterpolator());
        // XScrollView need the scroll event, and it will dispatch the event to
        // user's listener (as a proxy).
        this.setOnScrollListener(this);

        // init header view
        //XHeaderView，实例化一个XHeaderView出来，并且添加到headerLayout中，当然默认的高度设置为0
        mHeader = new XHeaderView(context);
        mHeaderContent = (RelativeLayout) mHeader
                .findViewById(R.id.header_content);
        // mHeaderTime = (TextView) mHeader.findViewById(R.id.header_hint_time);
        LinearLayout headerLayout = (LinearLayout) mLayout
                .findViewById(R.id.header_layout);
        headerLayout.addView(mHeader);

        // init footer view
        //XFooterView，实例化一个XFooterView，设置一些参数后添加到footLayout中，
        mFooterView = new XFooterView(context);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.MATCH_PARENT);
        params.gravity = Gravity.CENTER;
        LinearLayout footLayout = (LinearLayout) mLayout
                .findViewById(R.id.footer_layout);
        footLayout.addView(mFooterView, params);

        // init header height
        ViewTreeObserver observer = mHeader.getViewTreeObserver();
        if (null != observer) {
            observer.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
                @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
                @SuppressWarnings("deprecation")
                @Override
                public void onGlobalLayout() {
                    //得到XHeaderView的正常高度，对后面下拉刷新高度判断很有用
                    mHeaderHeight = mHeaderContent.getHeight();
                    ViewTreeObserver observer = getViewTreeObserver();
                    if (null != observer) {
                        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                            observer.removeGlobalOnLayoutListener(this);
                        } else {
                            observer.removeOnGlobalLayoutListener(this);
                        }
                    }
                }
            });
        }

        this.addView(mLayout);
    }

这里主要的区别在于ScrollView需要自己定义HeaderView和FooterView.

XScrollView提供了两种方法来把用户的页面添加到下拉刷新控件中去。一种是添加ViewGroup，另一种是添加View。

    public void setContentView(ViewGroup content) {
        //添加ViewGroup类的布局到ContentLayout中，在这之前会把ContentLayout中的其他View先移除掉
        if (mLayout == null) {
            return;
        }

        if (mContentLayout == null) {
            mContentLayout = (LinearLayout) mLayout
                    .findViewById(R.id.content_layout);
        }

        if (mContentLayout.getChildCount() > 0) {
            mContentLayout.removeAllViews();
        }
        mContentLayout.addView(content);
    }
        public void setView(View content) {
        //将用户定义的布局，添加到content_layout中去
        if (mLayout == null) {
            return;
        }

        if (mContentLayout == null) {
            mContentLayout = (LinearLayout) mLayout
                    .findViewById(R.id.content_layout);
        }
        mContentLayout.addView(content);
    }

在ScrollView中判断滚动到顶部或是底部与ListView不同。

    private boolean isTop() {
        //判断是否滚动到顶部
        return getScrollY() <= 0 || mHeader.getVisibleHeight() > mHeaderHeight
                || mContentLayout.getTop() > 0;
    }

    private boolean isBottom() {
        //是否滚动到底部
        return Math.abs(getScrollY() + getHeight()
                - computeVerticalScrollRange()) <= 5
                || (getScrollY() > 0 && null != mFooterView && mFooterView
                        .getBottomMargin() > 0);
    }

其他都是与XListView类似。