自定义LinearLayout实现淘宝详情页

最新推荐文章于 2019-02-28 20:25:55 发布

belong to air

最新推荐文章于 2019-02-28 20:25:55 发布

阅读量4.1k

点赞数 4

分类专栏： Android从零开始自定义View实践文章标签：自定义控件

本文链接：https://blog.csdn.net/u011102153/article/details/52703119

版权

1.简单说明

淘宝详情页就不用我一一介绍了，昨天逛淘宝看到这个效果时，让我想起了去年刚学习Android只会使用现成的时候，当时在网上找了一个这种效果的使用了，并不懂怎么实现的。现在就看到一种效果就想自己实现一下，我想这就是刚接触某个知识时的好奇心吧
说走咱就走啊，本文只是介绍一种实现思路，网上也已经有了很多种实现方式，有问题请指正
效果图（我有很用心的找美女图的）

2.实现思路

继承LinearLayout，设置方向为垂直
控件中有两个ScrollView,至于为什么要使用ScrollView，主要是因为内容超过一页时省去自己处理滑动
关键是事件分发处理。监听两个ScrollView的滑动事件，当第一页滑动到底部时，再向上拖动时，拦截事件，判断距离，超过设定值时，滑动到第二页，否则回弹；同理，当第二页滑动到顶部时，再向下拖动时，拦截事件，判断距离，超过设定值时，滑动到第一页，否则回弹（还有很多细节需要结合代码讲解）
关于回弹和滑动换页使用的是Scroller，对于Scroller的使用，本文不做过多解释

3.实现

3.1重写ScrollView

根据实现思路，我们需要监听ScrollView是否滑动到顶部和底部，但是ScrollView的setOnScrollChangeListener()方法在api23才添加。主要是重写ScrollViewonScrollChanged(int l, int t, int oldl, int oldt)方法。

l:当前水平方向滚动值,和getScrollX()相等
t:当前竖直方向滚动值,和getScrollY()相等
oldl:上一次水平滚动值
oldt：上一次竖直滚动值

监听接口：

    public interface OnScrollEndListener {
   
        void scrollToBottom(View view);
        void scrollToTop(View view);
        void scrollToMiddle(View view);
    }

onScrollChanged方法

 @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if(t == 0){
            if (mOnScrollBottomListener != null) {
                mOnScrollBottomListener.scrollToTop(this);
            }
        } else if(t + getMeasuredHeight() >=  getChildAt(0).getMeasuredHeight()){
            if (mOnScrollBottomListener != null) {
                mOnScrollBottomListener.scrollToBottom(this);
            }
        } else {
            if (mOnScrollBottomListener != null) {
                mOnScrollBottomListener.scrollToMiddle(this);
            }
        }
    }