一、首先我们玩坏一个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;
}
我们再来看一下viewpager能不能正常工作
总结:
1.解决滑动冲突的方法主要有外部拦截和内部拦截两种,方式,我这边就只用了外部拦截进行了举例。
2.解决滑动冲突的依据主要是滑动事件的分发
参考文献:
https://www.jianshu.com/p/982a83271327