ExploreFragment.java

package com.c9mj.platform.explore.ui;


import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.content.ContextCompat;
import android.support.v4.view.ViewPager;
import android.support.v7.widget.CardView;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.view.animation.BounceInterpolator;
import android.widget.ImageView;
import android.widget.ScrollView;
import android.widget.TextView;

import com.blankj.utilcode.utils.SizeUtils;
import com.c9mj.platform.App;
import com.c9mj.platform.R;
import com.c9mj.platform.explore.adapter.ExploreSelectedTitleListAdapter;
import com.c9mj.platform.explore.adapter.ExploreUnSelectedTitleListAdapter;
import com.c9mj.platform.util.global.FragmentAdapter;
import com.c9mj.platform.util.global.Constants;
import com.c9mj.platform.widget.fragment.BaseFragment;
import com.chad.library.adapter.base.BaseQuickAdapter;
import com.chad.library.adapter.base.BaseViewHolder;
import com.chad.library.adapter.base.callback.ItemDragAndSwipeCallback;
import com.chad.library.adapter.base.listener.OnItemChildClickListener;
import com.chad.library.adapter.base.listener.OnItemDragListener;
import com.chad.library.adapter.base.listener.OnItemSwipeListener;

import net.lucode.hackware.magicindicator.MagicIndicator;
import net.lucode.hackware.magicindicator.ViewPagerHelper;
import net.lucode.hackware.magicindicator.buildins.UIUtil;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.CommonNavigator;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.CommonNavigatorAdapter;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.IPagerIndicator;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.IPagerTitleView;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.indicators.LinePagerIndicator;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.titles.ClipPagerTitleView;
import net.lucode.hackware.magicindicator.buildins.commonnavigator.titles.CommonPagerTitleView;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

/**
 * author: LMJ
 * date: 2016/9/1
 */
public class ExploreFragment extends BaseFragment implements OnItemDragListener, OnItemSwipeListener {


    private final List<Fragment> fragmentList = new ArrayList<>();
    @BindView(R.id.magic_indicator)
    MagicIndicator indicator;
    @BindView(R.id.viewpager)
    ViewPager viewPager;
    //用于展开显示栏目切换
    @BindView(R.id.tv_section)
    TextView tv_section;
    @BindView(R.id.scroll_view)
    ScrollView scrollView;
    @BindView(R.id.iv_expandable)
    ImageView iv_expandable;
    //栏目切换的Top列表
    @BindView(R.id.recyclerview_selected)
    RecyclerView rv_selected;
    //栏目切换的Bottom列表
    @BindView(R.id.recyclerview_unselected)
    RecyclerView rv_unselected;
    private String[] idArray;
    private String[] aliasArray;
    private String[] enameArray;
    private String[] tnameArray;
    private String titleString = "";//用于保存记录所有栏目
    private String selectedTitleString;//用于保存记录已选择栏目
    private String unselectedTitleString;//用于保存记录未选择栏目
    private List<String> titleList = new ArrayList<>();//所有TitleList
    private List<String> selectedTitleList = new ArrayList<>();//编辑模式下的已选择Tab的TitleList
    private List<String> unSelectedTitleList = new ArrayList<>();//编辑模式下的未选择Tab的TitleList
    private Context context;
    private CommonNavigator navigator;
    private FragmentAdapter fragmentAdapter;
    private boolean isExpanded = false;
    private ExploreSelectedTitleListAdapter selectedAdapter;
    private ExploreUnSelectedTitleListAdapter unselectedAdapter;


    public static ExploreFragment newInstance() {
        ExploreFragment fragment = new ExploreFragment();
        Bundle args = new Bundle();
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_explore, container, false);
        ButterKnife.bind(this, view);

        context = view.getContext();

        return view;
    }

    @Override
    public void onLazyInitView(@Nullable Bundle savedInstanceState) {
        super.onLazyInitView(savedInstanceState);
        initView();
    }

    private void initView() {
        //初始化MVP

        //设置RefreshLayout

        /***设置其他View***/
        //不同栏目分组
        idArray = context.getResources().getStringArray(R.array.explore_type_id);
        aliasArray = context.getResources().getStringArray(R.array.explore_type_alias);
        enameArray = context.getResources().getStringArray(R.array.explore_type_ename);
        tnameArray = context.getResources().getStringArray(R.array.explore_type_tname);

        iv_expandable.setImageResource(isExpanded ? R.drawable.ic_expand_close : R.drawable.ic_expand_open);

        tv_section.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                ObjectAnimator animator0 = ObjectAnimator.ofFloat(tv_section, "translationX", tv_section.getWidth());
                ObjectAnimator animator1 = ObjectAnimator.ofFloat(scrollView, "translationY", -scrollView.getHeight());
                AnimatorSet animatorSet = new AnimatorSet();
                animatorSet.playTogether(animator0, animator1);
                animatorSet.setDuration(0);
                animatorSet.start();

                tv_section.getViewTreeObserver().removeOnGlobalLayoutListener(this);//得到后取消监听
            }
        });

        if (TextUtils.isEmpty(App.getSpUtils().getString(Constants.STRING_TITLE))) {
            for (String aTnameArray : tnameArray) {
                titleString = titleString + aTnameArray + ":";
            }
            App.getSpUtils().putString(Constants.STRING_TITLE, titleString);
        } else {
            titleString = App.getSpUtils().getString(Constants.STRING_TITLE);
        }

        //得到所保存的Seclected&UnSelected的Title信息
        selectedTitleString = App.getSpUtils().getString(Constants.STRING_TITLE_SELECTED);
        unselectedTitleString = App.getSpUtils().getString(Constants.STRING_TITLE_UNSELECTED);

        //初始化，已选择栏目&未选择栏目
        if (TextUtils.isEmpty(selectedTitleString) || TextUtils.isEmpty(unselectedTitleString)) {

            selectedTitleString = unselectedTitleString = "";

            App.getSpUtils().putString(Constants.STRING_TITLE_SELECTED, "");
            App.getSpUtils().putString(Constants.STRING_TITLE_UNSELECTED, "");

            for (int i = 0; i < tnameArray.length; i++) {
                if (i < tnameArray.length / 2) {
                    selectedTitleString = selectedTitleString + tnameArray[i] + ":";
                } else {
                    unselectedTitleString = unselectedTitleString + tnameArray[i] + ":";
                }
            }
            App.getSpUtils().putString(Constants.STRING_TITLE_SELECTED, selectedTitleString);
            App.getSpUtils().putString(Constants.STRING_TITLE_UNSELECTED, unselectedTitleString);
        }

        //Title之间以:进行区分， 得到List
        titleList = parseStringToListByColons(titleString);
        selectedTitleList = parseStringToListByColons(selectedTitleString);
        unSelectedTitleList = parseStringToListByColons(unselectedTitleString);
        //设置栏目RecyclerView
        selectedAdapter = new ExploreSelectedTitleListAdapter(selectedTitleList);
        unselectedAdapter = new ExploreUnSelectedTitleListAdapter(unSelectedTitleList);

        ItemDragAndSwipeCallback itemDragAndSwipeCallback = new ItemDragAndSwipeCallback(selectedAdapter);
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(itemDragAndSwipeCallback);
        itemTouchHelper.attachToRecyclerView(rv_selected);
        // 开启拖拽
        selectedAdapter.enableDragItem(itemTouchHelper, R.id.cardview, true);
        selectedAdapter.setOnItemDragListener(this);
        // 开启滑动删除
        selectedAdapter.enableSwipeItem();
        selectedAdapter.setOnItemSwipeListener(this);

        rv_unselected.addOnItemTouchListener(new OnItemChildClickListener() {
            @Override
            public void onSimpleItemChildClick(BaseQuickAdapter adapter, View view, int position) {
                selectedAdapter.add(selectedAdapter.getData().size(), unselectedAdapter.getItem(position));

                int index = titleList.indexOf(unSelectedTitleList.get(position));
                String explore_type_id = idArray[index];
                fragmentList.add(ExploreListFragment.newInstance(explore_type_id));

                unselectedAdapter.remove(position);

                navigator.notifyDataSetChanged();    // must call firstly
                fragmentAdapter.notifyDataSetChanged();
            }


        });

        rv_selected.setLayoutManager(new GridLayoutManager(context, 4));
        rv_unselected.setLayoutManager(new GridLayoutManager(context, 4));
        rv_selected.setAdapter(selectedAdapter);
        rv_unselected.setAdapter(unselectedAdapter);

        //ViewPager + Indicator
        for (int i = 0; i < selectedTitleList.size(); i++) {
            int index = titleList.indexOf(selectedTitleList.get(i));
            String explore_type_id = idArray[index];
            fragmentList.add(ExploreListFragment.newInstance(explore_type_id));
        }

        fragmentAdapter = new FragmentAdapter(this.getChildFragmentManager(), fragmentList);
        viewPager.setAdapter(fragmentAdapter);
        viewPager.setOffscreenPageLimit(2);

        navigator = new CommonNavigator(context);
        navigator.setAdjustMode(false);
        navigator.setIndicatorOnTop(true);
        navigator.setSkimOver(true);
        navigator.setScrollPivotX(0.2f);
        CommonNavigatorAdapter navigatorAdapter = new CommonNavigatorAdapter() {
            @Override
            public int getCount() {
                return selectedTitleList == null ? 0 : selectedTitleList.size();
            }

            @Override
            public IPagerTitleView getTitleView(final Context context, final int index) {

                if (Build.VERSION.SDK_INT >= 21) {
                    ClipPagerTitleView clipPagerTitleView = new ClipPagerTitleView(context);
                    clipPagerTitleView.setText(selectedTitleList.get(index));
                    clipPagerTitleView.setBackground(ContextCompat.getDrawable(context, R.drawable.ripple_tab));
                    clipPagerTitleView.setTextSize(SizeUtils.sp2px(12));
                    clipPagerTitleView.setTextColor(ContextCompat.getColor(context, R.color.color_secondary_text));
                    clipPagerTitleView.setClipColor(ContextCompat.getColor(context, R.color.color_primary));
                    clipPagerTitleView.setOnClickListener(v -> viewPager.setCurrentItem(index));
                    return clipPagerTitleView;
                }

                CommonPagerTitleView commonPagerTitleView = new CommonPagerTitleView(context);
                commonPagerTitleView.setContentView(R.layout.item_explore_tab_indicator_layout);//加载自定义布局作为Tab

                final TextView tab_textview = (TextView) commonPagerTitleView.findViewById(R.id.tab_text);
                tab_textview.setText(selectedTitleList.get(index));
                commonPagerTitleView.setOnPagerTitleChangeListener(new CommonPagerTitleView.OnPagerTitleChangeListener() {
                    @Override
                    public void onSelected(int i, int i1) {
                        tab_textview.setTextColor(ContextCompat.getColor(context, R.color.color_primary));
                    }

                    @Override
                    public void onDeselected(int i, int i1) {
                        tab_textview.setTextColor(ContextCompat.getColor(context, R.color.color_secondary_text));
                    }

                    @Override
                    public void onLeave(int i, int i1, float v, boolean b) {

                    }

                    @Override
                    public void onEnter(int i, int i1, float v, boolean b) {

                    }
                });
                commonPagerTitleView.setOnClickListener(v -> viewPager.setCurrentItem(index));
                return commonPagerTitleView;
            }

            @Override
            public IPagerIndicator getIndicator(Context context) {
                LinePagerIndicator indicator = new LinePagerIndicator(context);
                indicator.setMode(LinePagerIndicator.MODE_WRAP_CONTENT);
                indicator.setLineHeight(UIUtil.dip2px(context, 2));
                indicator.setRoundRadius(UIUtil.dip2px(context, 2));
                indicator.setYOffset(UIUtil.dip2px(context, 0.5));
                indicator.setColors(ContextCompat.getColor(context, R.color.color_primary));
                return indicator;
            }
        };
        navigator.setAdapter(navigatorAdapter);
        indicator.setNavigator(navigator);
        ViewPagerHelper.bind(indicator, viewPager);


    }

    @OnClick({
            R.id.iv_expandable,
            R.id.tv_section,
            R.id.scroll_view
    })
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.iv_expandable:

                navigator.notifyDataSetChanged();    // must call firstly
                fragmentAdapter.notifyDataSetChanged();

                isExpanded = !isExpanded;
                iv_expandable.setImageResource(isExpanded ? R.drawable.ic_expand_close : R.drawable.ic_expand_open);
                //栏目切换的动画
                ObjectAnimator animator0 = ObjectAnimator.ofFloat(tv_section, "translationX", isExpanded ? 0 : tv_section.getWidth());
                ObjectAnimator animator1 = ObjectAnimator.ofFloat(scrollView, "translationY", isExpanded ? 0 : -scrollView.getHeight());
                AnimatorSet animatorSet = new AnimatorSet();
                animatorSet.playTogether(animator0, animator1);
                animatorSet.setDuration(500);
                animatorSet.setInterpolator(new BounceInterpolator());
                animatorSet.start();

                //保存已选择&未选择的栏目列表
                selectedTitleString = parseListToStringByColons(selectedTitleList);
                unselectedTitleString = parseListToStringByColons(unSelectedTitleList);
                App.getSpUtils().putString(Constants.STRING_TITLE_SELECTED, selectedTitleString);
                App.getSpUtils().putString(Constants.STRING_TITLE_UNSELECTED, unselectedTitleString);
                break;

            case R.id.tv_section:
                break;
            case R.id.scroll_view:
                break;
        }
    }

    @Override
    public void onItemDragStart(RecyclerView.ViewHolder viewHolder, int pos) {
        BaseViewHolder holder = (BaseViewHolder) viewHolder;
        CardView cardView = holder.getView(R.id.cardview);
        cardView.setCardBackgroundColor(ContextCompat.getColor(context, R.color.color_accent));
    }

    @Override
    public void onItemDragMoving(RecyclerView.ViewHolder viewHolder, int pos, RecyclerView.ViewHolder viewHolder1, int to) {
        fragmentList.add(to, fragmentList.remove(pos));//拖拽移动fragment
    }

    @Override
    public void onItemDragEnd(RecyclerView.ViewHolder viewHolder, int pos) {
        BaseViewHolder holder = (BaseViewHolder) viewHolder;
        CardView cardView = holder.getView(R.id.cardview);
        cardView.setCardBackgroundColor(ContextCompat.getColor(context, R.color.color_primary));
    }

    @Override
    public void onItemSwipeStart(RecyclerView.ViewHolder viewHolder, int pos) {
        BaseViewHolder holder = (BaseViewHolder) viewHolder;
        CardView cardView = holder.getView(R.id.cardview);
        cardView.setCardBackgroundColor(ContextCompat.getColor(context, R.color.color_error));
    }

    @Override
    public void clearView(RecyclerView.ViewHolder viewHolder, int pos) {

    }

    @Override
    public void onItemSwiped(RecyclerView.ViewHolder viewHolder, int pos) {
        unselectedAdapter.add(unselectedAdapter.getData().size(), selectedAdapter.getItem(pos));

        fragmentList.remove(pos);
        navigator.notifyDataSetChanged();    // must call firstly
        fragmentAdapter.notifyDataSetChanged();
    }

    @Override
    public void onItemSwipeMoving(Canvas canvas, RecyclerView.ViewHolder viewHolder, float dX, float dY, boolean isCurrentlyActive) {
        if (!isCurrentlyActive) {
            BaseViewHolder holder = (BaseViewHolder) viewHolder;
            CardView cardView = holder.getView(R.id.cardview);
            cardView.setCardBackgroundColor(ContextCompat.getColor(context, R.color.color_primary));
        }
    }

    /**
     * 以:进行间隔区分，String->List
     */
    private List<String> parseStringToListByColons(String result) {
        List<String> resultList = new ArrayList<>();
        String[] resultArray = result.split(":");
        Collections.addAll(resultList, resultArray);
        return resultList;
    }

    /**
     * 以:进行间隔区分，List->String
     */
    private String parseListToStringByColons(List<String> list) {
        String resultString = "";
        for (int i = 0; i < list.size(); i++) {
            resultString = resultString + list.get(i) + ":";
        }
        return resultString;
    }
}