android: view滑动冲突demo

最新推荐文章于 2024-08-13 08:23:06 发布

codeTcy

最新推荐文章于 2024-08-13 08:23:06 发布

阅读量233

点赞数

分类专栏： Android知识点文章标签： android viewpager

本文链接：https://blog.csdn.net/melocarter/article/details/112786035

版权

Android知识点专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、首先我们玩坏一个viewpager
因为viewpager内部已经给我们解决了滑动冲突，因此我们先把它弄坏了，这样可以看到滑动冲突
（1）新建一个类badviewpager

public class BadViewPager extends ViewPager {

    public BadViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
      return false;
    }
}

（2）根据这个badviewpager去设置布局，做一个demo，具体代码我就直接贴在下面了，最后看一下被玩坏的效果如何
在这里插入图片描述
这是导航栏的卡片

public enum CHANNEL {

    MY("我的", 0x01),

    DISCORY("发现", 0x02),

    FRIEND("朋友", 0x03),

    VIDEO("视频", 0x04);

    //所有类型标识
    public static final int MINE_ID = 0x01;
    public static final int DISCORY_ID = 0x02;
    public static final int FRIEND_ID = 0x03;
    public static final int VIDEO_ID = 0x04;

    private final String key;
    private final int value;

    CHANNEL(String key, int value) {
        this.key = key;
        this.value = value;
    }

    public int getValue() {
        return value;
    }

    public String getKey() {
        return key;
    }
}

这是MainActivity，这里用了开源的MagicIndicator

public class MainActivity extends AppCompatActivity {

    //指定首页要出现的卡片
    private static final CHANNEL[] CHANNELS = new CHANNEL[]{
            CHANNEL.MY, CHANNEL.DISCORY, CHANNEL.FRIEND, CHANNEL.VIDEO
    };


    private BadViewPager pager;
    private HomePagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        pager = findViewById(R.id.viewpager);
        adapter = new HomePagerAdapter(getSupportFragmentManager(), CHANNELS);
        pager.setAdapter(adapter);
        initMagicIndicator();
    }

    private void initMagicIndicator() {
        //初始化viewPager指示器
        MagicIndicator magicIndicator = findViewById(R.id.magicIndicator);
        //设置背景
        magicIndicator.setBackgroundColor(Color.WHITE);
        //设置navigator
        CommonNavigator commonNavigator = new CommonNavigator(this);
        commonNavigator.setAdapter(new CommonNavigatorAdapter() {
            @Override
            public int getCount() {
                return CHANNELS == null ? 0 : CHANNELS.length;
            }

            @Override
            public IPagerTitleView getTitleView(Context context, final int index) {
                //初始化每个view的效果
                SimplePagerTitleView simplePagerTitleView = new SimplePagerTitleView(context);
                simplePagerTitleView.setText(CHANNELS[index].getKey());
                simplePagerTitleView.setTextSize(19);
                simplePagerTitleView.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));
                simplePagerTitleView.setNormalColor(Color.parseColor("#fb7299"));
                simplePagerTitleView.setSelectedColor(Color.parseColor("#333333"));
                simplePagerTitleView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //把viewPager转到对应内容
                        pager.setCurrentItem(index);
                    }
                });
                return simplePagerTitleView;
            }

            @Override
            public IPagerIndicator getIndicator(Context context) {
                return null;
            }
        });
        //绑定适配器
        magicIndicator.setNavigator(commonNavigator);
        ViewPagerHelper.bind(magicIndicator, pager);
    }
}

HomePagerAdapter

public class HomePagerAdapter extends FragmentPagerAdapter {

    private CHANNEL[] mList;

    public HomePagerAdapter(FragmentManager fm, CHANNEL[] datas) {
        super(fm);
        mList = datas;
    }

    @Override
    public Fragment getItem(int position) {
        int type = mList[position].getValue();
        switch (type) {
            case CHANNEL.MINE_ID:
                return MineFragment.newInstance();
            case CHANNEL.DISCORY_ID:
                return DiscoryFragment.newInstance();
            case CHANNEL.FRIEND_ID:
                return FriendFragment.newInstance();
            case CHANNEL.VIDEO_ID:
                return VideoFragment.newInstance();
        }
        return null;
    }

    @Override
    public int getCount() {
        return mList == null ? 0 : mList.length;
    }
}

接下来的4个Fragment都是一模一样的，我就只贴出一个
MineFragment

public class MineFragment extends Fragment {

    Context context;
    List<Integer> beans = new ArrayList<>();
    ListView listView;


    public static Fragment newInstance() {
        return new MineFragment();
    }


    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.context = getActivity();
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View inflate = inflater.inflate(R.layout.fragment_mine_layout, null);
        this.listView = inflate.findViewById(R.id.listview);
        return inflate;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        requestData();
    }

    private void requestData() {
        for (int i = 0; i < 20; i++) {
            beans.add(i);
        }
        this.listView.setAdapter(new MyListViewAdapater(context, beans));
    }

    private class MyListViewAdapater extends BaseAdapter {

        List<Integer> list;
        Context context;

        public MyListViewAdapater(Context context, List<Integer> list) {
            this.context = context;
            this.list = list;
        }

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object getItem(int position) {
            return list.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            LayoutInflater inflater = LayoutInflater.from(context);
            ViewHolder holder;
            if (convertView == null) {
                convertView = inflater.inflate(R.layout.item_list, null);
                holder = new ViewHolder(context, convertView);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.textContent.setText(beans.get(position) + "号");
            return convertView;

        }


        class ViewHolder {
            TextView textContent;
            private Context context;
            private View view;

            public ViewHolder(Context context, View view) {
                this.context = context;
                this.view = view;
                init();
            }

            private void init() {
                textContent = view.findViewById(R.id.textContent);
            }
        }
    }
}

最后是xml布局
mainactivity的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <net.lucode.hackware.magicindicator.MagicIndicator
            android:id="@+id/magicIndicator"
            android:layout_width="match_parent"
            android:layout_height="50dp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <com.tcy.project73.BadViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </com.tcy.project73.BadViewPager>
    </LinearLayout>

</LinearLayout>

fragment的布局（上面所有的fragment都用这一个layout，没错，我很懒(●’◡’●)）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

    </ListView>

</LinearLayout>

listview的item布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal">


    <TextView
        android:id="@+id/textContent"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:text="1"
        android:background="#fb7299">

    </TextView>


</LinearLayout>

我们看一下被玩坏viewpager的效果如何
在这里插入图片描述

我在第二页面中没有设置任何内容，滑动效果仍然起作用，因为内部没有view消耗掉事件

二、使用外部拦截方式对badViewPager进行修改

public class BadViewPager extends ViewPager {

    private static final String TAG = "BadViewPager";

    private int mLastXIntercept;
    private int mLastYIntercept;


    public BadViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }


    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean intercepted = false;
        int x = (int) ev.getX();
        int y = (int) ev.getY();
        final int action = ev.getAction() & MotionEvent.ACTION_MASK;
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                intercepted = false;
                //调用ViewPager的onInterceptTouchEvent方法初始化mActivePointerId
                super.onInterceptTouchEvent(ev);
                break;
            case MotionEvent.ACTION_MOVE:
                //横坐标位移增量
                int deltaX = x - mLastXIntercept;
                //纵坐标位移增量
                int deltaY = y - mLastYIntercept;
                if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    intercepted = true;
                } else {
                    intercepted = false;
                }
                break;
            case MotionEvent.ACTION_UP:
                intercepted = false;
                break;
            default:
                break;
        }

        mLastXIntercept = x;
        mLastYIntercept = y;

        Log.d(TAG, "intercepted = " + intercepted);
        return intercepted;
    }