解决ViewPager左右滑动与内部view滑动冲突的问题(亲测有效)
由于我的底部导航栏是使用RadioGroup + ViewPager + Fragment做成的
ViewPager 本身是支持左右滑动的,而我想在Fragment里面放入地图,地图也是需要滑动的
这就造成了滑动冲突
当你做出滑动动作的时候,它无法判定是滑动ViewPager,还是滑动地图
解决办法:使用自定义的ViewPager类—MyViewPager类
在MyViewPager中修改相应的方法来阻止ViewPager的滑动
代码如下:
package com.example.mymap;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import androidx.viewpager.widget.ViewPager;
public class MyViewPager extends ViewPager {
//是否能滑动,默认不能滑动
private boolean isCanScroll = false;
private float startX;
private float moveX;
public MyViewPager(Context context) {
super(context);
}
public MyViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
/**
* 事件的分发
*/
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
if(getCurrentItem() == 1){
isCanScroll = false;
//告诉ViewPager不要拦截子View中的各种事件
this.requestDisallowInterceptTouchEvent(true);
}
return super.dispatchTouchEvent(ev);
}
/**
* 事件是否拦截
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
boolean intercepted = false;
int x = (int) event.getX();
int y = (int) event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
intercepted = false;
break;
}
case MotionEvent.ACTION_MOVE: {
intercepted=false;
break;
}
case MotionEvent.ACTION_UP: {
intercepted = false;
break;
}
default:
break;
}
return intercepted;
}
/**
* 事件是否拦截
*/
// @Override
// public boolean onInterceptTouchEvent(MotionEvent ev) {
// return super.onInterceptTouchEvent(ev);
// }
/**
* 事件的处理
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (isCanScroll) { //如果能滑动
//return super.onTouchEvent(ev);//如果只是让其能滑动,则直接返回super就行
//模拟一个场景,只能向左滑动
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN: //按下
startX = ev.getX();
break;
case MotionEvent.ACTION_MOVE: //移动
moveX = ev.getX() - startX; //得出移动的距离
startX=ev.getX(); //手指移动时,再把当前的坐标作为下一次的‘上次坐标’,解决上述问
if (moveX>0) { //小于0说明向左滑,大于0说明向右滑
return true; //返回false,说明当向右滑动时,啥都不做,如果是向左滑,交给下面的super处理
}
}
return super.onTouchEvent(ev);
} else { //如果设置不能滑动
//则直接返回flase或true,即啥都不做
return true;
}
}
/**
* 对外提供一个方法,来决定是否能滑动
*/
public void setIsCanScroll(boolean isCanScroll) {
this.isCanScroll = isCanScroll;
}
}
通过查阅资料,发现多数资料提供的方法都是设置一个标志,重写事件的处理方法,也就是onTouchEvent()方法
通过测试,即使重写了该方法,ViewPager仍可以缓缓的滑动过去,只不过不会一下滑动进行切换,但慢慢滑动仍可以。
所以换另一种思路
重写事件拦截方法onInterceptTouchEvent(),对滑动事件进行拦截,完美解决以上问题
所以导航栏的代码修改为:
布局文件–修改为MyViewPager
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.example.mymap.MyViewPager
android:id="@+id/fragment_vp"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/tabs_rg"></com.example.mymap.MyViewPager>
<RadioGroup
android:id="@+id/tabs_rg"
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_alignParentBottom="true"
android:background="#ffffff"
android:orientation="horizontal">
<RadioButton
android:id="@+id/today_tab"
style="@style/Custom.TabRadioButton"
android:checked="true"
android:drawableTop="@drawable/tab_map_selector"
android:text="地图" />
<RadioButton
android:id="@+id/record_tab"
style="@style/Custom.TabRadioButton"
android:drawableTop="@drawable/tab_social_selector"
android:text="社区" />
<RadioButton
android:id="@+id/contact_tab"
style="@style/Custom.TabRadioButton"
android:drawableTop="@drawable/tab_my_selector"
android:text="我的" />
</RadioGroup>
</RelativeLayout>
Activity文件–修改为MyViewPager
public class Bottom extends FragmentActivity {
private MyViewPager mViewPager;
private RadioGroup mTabRadioGroup;
private List<Fragment> mFragments;
private FragmentPagerAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.bottom_navigation);
initView();
}
private void initView() {
// find view
mViewPager = findViewById(R.id.fragment_vp);
mViewPager.setOffscreenPageLimit(4);
//mViewPager.setIsCanScroll(false);
mTabRadioGroup = findViewById(R.id.tabs_rg);
// init fragment
mFragments = new ArrayList<>(4);
mFragments.add(BlankFragment.newInstance("444"));
mFragments.add(elseFragment.newInstance("第二个fragment"));
mFragments.add(elseFragment.newInstance("通讯录"));
// init view pager
mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), mFragments);
mViewPager.setAdapter(mAdapter);
// register listener
mViewPager.addOnPageChangeListener(mPageChangeListener);
mTabRadioGroup.setOnCheckedChangeListener(mOnCheckedChangeListener);
}
@Override
protected void onDestroy() {
super.onDestroy();
mViewPager.removeOnPageChangeListener(mPageChangeListener);
}
private ViewPager.OnPageChangeListener mPageChangeListener = new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
RadioButton radioButton = (RadioButton) mTabRadioGroup.getChildAt(position);
radioButton.setChecked(true);
}
@Override
public void onPageScrollStateChanged(int state) {
}
};
private RadioGroup.OnCheckedChangeListener mOnCheckedChangeListener = new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
for (int i = 0; i < group.getChildCount(); i++) {
if (group.getChildAt(i).getId() == checkedId) {
mViewPager.setCurrentItem(i,false);
return;
}
}
}
};
private class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> mList;
public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
super(fm);
this.mList = list;
}
@Override
public Fragment getItem(int position) {
return this.mList == null ? null : this.mList.get(position);
}
@Override
public int getCount() {
return this.mList == null ? 0 : this.mList.size();
}
}
}