美文网首页
仿京东店铺详情界面

仿京东店铺详情界面

作者: Ready_I | 来源:发表于2017-11-15 17:14 被阅读0次

Scrollviewfresh加载数据 嵌套NonScrollListView,NonScrollListView item中包含NonScrollGridView

这个布局中最外层用的是HeaderViewPager,大概的效果就是京东店铺详情


Screenshot_2017-11-15-17-04-47_com.dongmango.gou2.png

大致效果是这样,向上滑动,Tablayout能继续选择fragment ,
起初觉得这样嵌套好几层布局会出问题,最后写完,发现并没有问题,重写的Listview

 @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

重写的Gridview

 @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

    //通过重新dispatchTouchEvent方法来禁止滑动
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        // TODO Auto-generated method stub
        if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            return true;//禁止Gridview进行滑动
        }
        return super.dispatchTouchEvent(ev);
    }

然后就是下拉能加载的Scrollview

public class Scrollviewfresh extends ScrollView {
    private OnScrollToBottomListener onScrollToBottom;

    public Scrollviewfresh(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public Scrollviewfresh(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public Scrollviewfresh(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    @Override
    protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX,
                                  boolean clampedY) {
        // TODO Auto-generated method stub
        super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
        if (scrollY != 0 && null != onScrollToBottom) {
            onScrollToBottom.onScrollBottomListener(clampedY);
        }
    }

    public void setOnScrollToBottomLintener(OnScrollToBottomListener listener) {
        onScrollToBottom = listener;
    }

    public interface OnScrollToBottomListener {
        public void onScrollBottomListener(boolean isBottom);
    }

这个下拉加载的scrollview ,需要再下拉的时候做下判断,

 svDisplay.setOnScrollToBottomLintener(new Scrollviewfresh.OnScrollToBottomListener() {
            @Override
            public void onScrollBottomListener(boolean isBottom) {
                isboolean = isBottom + "";
                if (isboolean.equals("true") && isOk.equals("false")) {
                    isOk = "true";
                    page++;
                    httpList();
                }
            }
        });

通过两个boolean来做判断,第一个isboolean判断是否滑动到最底部,第二个就是用来判断网络请求是否成功,否则会一直加载网络请求,导致数据重复,

HttpJsonUtil.getShop_New_Goods(shop_id, page + "", 10001, new HttpManager.OnHttpResponseListener() {
            @Override
            public void onHttpResponse(int requestCode, String resultJson, Exception e) {
                if (0 == GetJsonUtil.getResponseCode(resultJson)) {
                    String json = GetJsonUtil.getResponseData(resultJson);
                    bindListData(JSON.parseArray(json, ShopNewGoodsBean.class));
                    if (JSON.parseArray(json, ShopDetailGoodsBean.class).size() == 0) {//没有更多数据了,不能继续加载
                        isboolean = "false";
                        isOk = "true";
                    } else {
                        isboolean = "false";
                        isOk = "false";
                    }

                } else {
                    showShortToast(GetJsonUtil.getResponseError(resultJson));
                }

至此,基本上的一个多嵌套布局,加上一个下拉加载已经做完了,具体的填充adapter,就不贴上去了

相关文章

  • 仿京东店铺详情界面

    Scrollviewfresh加载数据 嵌套NonScrollListView,NonScrollListView...

  • 安卓自定义控件 - 收藏集 - 掘金

    仿蘑菇街, 蜜芽宝贝, 京东商品详情界面, 与 NestedScroll 滑动 - Android - 掘金上一篇...

  • 高仿 - 收藏集 - 掘金

    仿蘑菇街, 蜜芽宝贝, 京东商品详情界面, 与 NestedScroll 滑动 - Android - 掘金上一篇...

  • android效果集 - 收藏集 - 掘金

    仿蘑菇街, 蜜芽宝贝, 京东商品详情界面, 与 NestedScroll 滑动 - Android - 掘金上一篇...

  • UI仿写

    Android 仿京东、天猫 app 的商品详情页的布局架构, 以及功能实现 仿京东、天猫 app 的商品详情页自...

  • 仿京东天猫商品详情页

    1.参考借鉴 Android仿京东商品详情页上拉查看图文详情 模仿淘宝、京东、蘑菇街商品详情页,可嵌套ListVi...

  • 淘宝详情页怎么做?详情页跳出率高怎么办?

    有很多淘宝店铺、京东店铺的流量很高,但因为详情页跳出率很高,用户来了又走,最终店铺销量很差。那么,怎么提高详情页转...

  • Android交互

    仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...

  • webview

    仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...

  • Android列表,嵌套滑动

    仿淘宝、京东拖拽商品详情(可嵌套ViewPager、ListView、WebView、FragmentTabhos...

网友评论

      本文标题:仿京东店铺详情界面

      本文链接:https://www.haomeiwen.com/subject/asrhvxtx.html