search

Jeromeer / HorizontalScrollDemo-master

RecyclerView+HorizontalScrollView 无嵌套实现左侧标题栏固定,右侧内容部分可整体横向滑动
108 stars 19 forks source link

判断导致子View点击事件不触发，需要去掉 #4

Open getglory opened 3 years ago

getglory commented 3 years ago

CustomHorizontalScrollView里的onInterceptTouchEvent方法中加了 if (eventListener!=null){ return true; } 判断会导致子View点击事件不触发，需要去掉

Forward0908 commented 3 years ago

楼主，eventListener是想通过topTab的滑动来调动整个右侧的联动滑动吧，子View点击失效怎么解决？

getglory commented 3 years ago

楼主，eventListener是想通过topTab的滑动来调动整个右侧的联动滑动吧，子View点击失效怎么解决？

我是这么改的：

public class CustomHorizontalScrollView extends HorizontalScrollView { private OnCustomScrollChangeListener listener; private CustomClickListener clickListener;

public interface OnCustomScrollChangeListener {
    void onCustomScrollChange(CustomHorizontalScrollView listener, int scrollX, int scrollY, int oldScrollX, int oldScrollY);
}

public void setOnCustomScrollChangeListener(OnCustomScrollChangeListener listener) {
    this.listener = listener;
}

public CustomHorizontalScrollView(Context context) {
    this(context, null);
}

public CustomHorizontalScrollView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
    mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();//返回一个int类型，表示一个距离--->滑动的时候，手的移动要大于这个距离才开始移动控件。
}

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

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);
    if (null != listener)
        listener.onCustomScrollChange(CustomHorizontalScrollView.this, l, t, oldl, oldt);
}

public void setEventListener(EventListener listener) {
    eventListener = listener;
}

private EventListener eventListener = null;

public interface EventListener {
    void onEvent(MotionEvent event);
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {

// if (eventListener!=null){ // return true; // } return super.onInterceptTouchEvent(ev); }

private float startY;
private float startX;
private int mTouchSlop;
private boolean intercept;

@Override
public boolean onTouchEvent(MotionEvent ev) {
    /*onTouch事件中：down事件返回值标记此次事件是否为点击事件
    （返回false，是点击事件；返回true，不记为点击事件），而up事件标记此次事件结束时间，也就是判断是否为长按。
    只要当down返回true时候，系统将不把本次事件记录为点击事件，也就不会触发onClick或者onLongClick事件了。
    因此尽管当up的时候返回false，系统也不会继续触发onClick事件了。*/
    int action = ev.getAction();
    switch (action) {
        case MotionEvent.ACTION_DOWN:
            intercept = false;
            startY = ev.getY();
            startX = ev.getX();
            break;
        case MotionEvent.ACTION_MOVE:
            float endY = ev.getY();
            float endX = ev.getX();
            float distanceX = Math.abs(endX - startX);
            float distanceY = Math.abs(endY - startY);
            if (distanceX > mTouchSlop && distanceX > distanceY) {
                intercept = true;
                getParent().requestDisallowInterceptTouchEvent(true);
            } else {
                getParent().requestDisallowInterceptTouchEvent(false);
            }
            break;
        case MotionEvent.ACTION_UP:
            if (!intercept && clickListener != null) {
                clickListener.onClick();
            }
            break;
    }
    if (eventListener != null) {
        eventListener.onEvent(ev);
        return true;
    } else {
        return super.onTouchEvent(ev);
    }
}

public void setCustomClickListener(CustomClickListener listener) {
    this.clickListener = listener;
}

public interface CustomClickListener  {
    void onClick();
}

}

getglory commented 3 years ago

楼主，eventListener是想通过topTab的滑动来调动整个右侧的联动滑动吧，子View点击失效怎么解决？

Activity里的代码： mAdapter.setOnContentScrollListener(new GoodsMonitorAdapter.OnContentScrollListener() { @Override public void onScroll(MotionEvent event) { //处理单个item滚动时,顶部tab需要联动 if (null != horScrollview) horScrollview.onTouchEvent(event); } }); //滚动RV时,同步所有横向位移的item rvMonitor.addOnScrollListener(new RecyclerView.OnScrollListener() {

        @Override
        public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            List<GoodsMonitorHolder> viewHolderCacheList = mAdapter.getViewHolderCacheList();
            if (null != viewHolderCacheList) {
                int size = viewHolderCacheList.size();
                for (int i = 0; i < size; i++) {
                    viewHolderCacheList.get(i).getView(R.id.hor_scrollview).scrollTo(mAdapter.getOffestX(), 0);
                }
            }

        }
    });

    //同步顶部tab的横向scroll和内容页面的横向滚动
    //同步滚动顶部tab和内容
    horScrollview.setOnCustomScrollChangeListener(new CustomHorizontalScrollView.OnCustomScrollChangeListener() {

        private boolean isVisible;
        private boolean needSetVisibility;//RecyclerView的item是否需要重置阴影

        @Override
        public void onCustomScrollChange(CustomHorizontalScrollView listener, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
            if (isVisible != horScrollview.canScrollHorizontally(1)) {
                isVisible = horScrollview.canScrollHorizontally(1);
                viewShadow.setVisibility(isVisible ? View.VISIBLE : View.GONE);
                needSetVisibility = true;
            }

            //代码重复,可以抽取/////
            mAdapter.offestX = scrollX;
            List<GoodsMonitorHolder> viewHolderCacheList = mAdapter.getViewHolderCacheList();
            if (null != viewHolderCacheList) {
                int size = viewHolderCacheList.size();
                for (int i = 0; i < size; i++) {
                    viewHolderCacheList.get(i).getView(R.id.hor_scrollview).scrollTo(scrollX, 0);
                    if (needSetVisibility) {
                        viewHolderCacheList.get(i).getView(R.id.view_shadow).setVisibility(isVisible ? View.VISIBLE : View.GONE);
                    }
                    if (i == size - 1) {
                        needSetVisibility = false;//设置完最后一个item的阴影状态，将标志重置为false
                    }
                }
            }
        }

    });
getglory commented 3 years ago

楼主，eventListener是想通过topTab的滑动来调动整个右侧的联动滑动吧，子View点击失效怎么解决？

Adapter的代码，之前用了多个item，后来改成同一个了，懒得区分了。点击好像还是有问题，通过UI设计其他样式规避了，具体忘了。。里面一些不相关的设置文字、宽高的代码就不用看了： /**

以下是布局： <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/fl_container" android:layout_width="match_parent" android:layout_height="58dp" android:background="@color/app_color_white">

<com.yalalat.yuzhanggui.widget.CustomHorizontalScrollView
    android:id="@+id/hor_scrollview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginRight="@dimen/goods_coupon_monitor_sub_item_width"
    android:fillViewport="true"
    android:overScrollMode="never"
    android:scrollbars="none">

    <LinearLayout
        android:id="@+id/ll_monitor"
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

        <FrameLayout
            android:layout_width="@dimen/goods_coupon_monitor_item_width"
            android:layout_height="match_parent">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:orientation="horizontal"
                android:paddingLeft="15dp">

                <ImageView
                    android:id="@+id/iv_open"
                    android:layout_width="11dp"
                    android:layout_height="11dp"
                    android:layout_marginTop="4dp"
                    android:layout_marginRight="8dp"
                    android:src="@mipmap/icon_channel_r" />

                <TextView
                    android:id="@+id/tv_goods_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dp"
                    android:layout_weight="1"
                    android:ellipsize="end"
                    android:gravity="center_vertical"
                    android:maxLines="2"
                    android:textColor="@color/c3"
                    android:textSize="@dimen/s13"
                    tools:text="商品名称最多显示两行超出则截断显示" />

                <ImageView
                    android:id="@+id/iv_info"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="-15dp"
                    android:paddingLeft="8dp"
                    android:paddingTop="3dp"
                    android:paddingRight="8dp"
                    android:paddingBottom="8dp"
                    android:src="@drawable/icon_info"
                    android:visibility="gone"
                    tools:visibility="visible" />

            </LinearLayout>
        </FrameLayout>

        <TextView
            android:id="@+id/tv_num"
            android:layout_width="81dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textColor="@color/c3"
            android:textSize="@dimen/s13"
            tools:text="150" />

        <FrameLayout
            android:layout_width="@dimen/goods_coupon_monitor_item_width"
            android:layout_height="match_parent">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:orientation="horizontal"
                android:paddingLeft="15dp">

                <TextView
                    android:id="@+id/tv_attached_goods"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15dp"
                    android:layout_weight="1"
                    android:ellipsize="end"
                    android:maxLines="2"
                    android:textColor="@color/c3"
                    android:textSize="@dimen/s13"
                    tools:text="商品名称最多显示两行超出则截断显示" />

                <ImageView
                    android:id="@+id/iv_info2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="-15dp"
                    android:paddingLeft="8dp"
                    android:paddingTop="3dp"
                    android:paddingRight="8dp"
                    android:paddingBottom="8dp"
                    android:src="@drawable/icon_info"
                    android:visibility="gone"
                    tools:visibility="gone" />

            </LinearLayout>
        </FrameLayout>

    </LinearLayout>

</com.yalalat.yuzhanggui.widget.CustomHorizontalScrollView>

<View
    android:id="@+id/view_shadow"
    android:layout_width="4dp"
    android:layout_height="match_parent"
    android:layout_gravity="right"
    android:layout_marginRight="@dimen/goods_coupon_monitor_sub_item_width"
    android:background="@drawable/shadow_coupon_monitor" />

<TextView
    android:id="@+id/tv_left_num"
    android:layout_width="@dimen/goods_coupon_monitor_sub_item_width"
    android:layout_height="match_parent"
    android:layout_gravity="right"
    android:gravity="center"
    android:textColor="@color/c3"
    android:textSize="@dimen/s13"
    tools:text="150" />

getglory commented 3 years ago

楼主，eventListener是想通过topTab的滑动来调动整个右侧的联动滑动吧，子View点击失效怎么解决？

还有个在Activity里的布局。。

<LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">

        <FrameLayout
            android:id="@+id/fl_top_root"
            android:layout_width="match_parent"
            android:layout_height="@dimen/goods_coupon_monitor_sub_item_height"
            android:layout_marginLeft="12dp"
            android:layout_marginTop="12dp"
            android:layout_marginRight="12dp"
            android:background="@drawable/bg_card_top">

            <com.yalalat.yuzhanggui.widget.CustomHorizontalScrollView
                android:id="@+id/hor_scrollview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginRight="@dimen/goods_coupon_monitor_sub_item_width"
                android:fillViewport="true"
                android:overScrollMode="never"
                android:scrollbars="none">

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent">

                    <TextView
                        android:layout_width="146dp"
                        android:layout_height="match_parent"
                        android:gravity="center_vertical"
                        android:paddingLeft="15dp"
                        android:text="商品名称"
                        android:textColor="@color/c6"
                        android:textSize="@dimen/s12" />

                    <TextView
                        android:layout_width="81dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:text="待核销数"
                        android:textColor="@color/c6"
                        android:textSize="@dimen/s12" />

                    <TextView
                        android:layout_width="146dp"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:text="关联货品"
                        android:textColor="@color/c6"
                        android:textSize="@dimen/s12" />
                </LinearLayout>

            </com.yalalat.yuzhanggui.widget.CustomHorizontalScrollView>

            <View
                android:layout_width="match_parent"
                android:layout_height="@dimen/divider_height"
                android:layout_gravity="bottom"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="@color/ce" />

            <View
                android:id="@+id/view_shadow"
                android:layout_width="4dp"
                android:layout_height="match_parent"
                android:layout_gravity="right"
                android:layout_marginRight="@dimen/goods_coupon_monitor_sub_item_width"
                android:background="@drawable/shadow_coupon_monitor" />

            <TextView
                android:id="@+id/tv_left_title"
                android:layout_width="@dimen/goods_coupon_monitor_sub_item_width"
                android:layout_height="match_parent"
                android:layout_gravity="right"
                android:gravity="center"
                android:text="剩余库存"
                android:textColor="@color/c6"
                android:textSize="@dimen/s12" />

        </FrameLayout>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_monitor"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clipToPadding="false"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:paddingBottom="12dp"
            tools:listitem="@layout/item_goods_coupon_monitor" />
    </LinearLayout>