tianka2/libBytedance/src/main/java/im/zego/bytedance/beauty/fragment/EffectFragment.java

package im.zego.bytedance.beauty.fragment;

import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_LOCAL_STYLE_MAKEUP_2D;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_STICKER;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_STYLE_MAKEUP_2D;
import static im.zego.bytedance.common.model.EffectType.STANDARD_NOT_ASIA;

import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_FULL;
import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_HIGHLIGHT;
import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_HIGHLIGHT_PART_A;
import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_HIGHLIGHT_PART_B;
import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_HIGHLIGHT_PART_C;
import static im.zego.bytedance.beauty.manager.EffectDataManager.DESC_HAIR_DYE_HIGHLIGHT_PART_D;
import static im.zego.bytedance.beauty.manager.EffectDataManager.MASK;
import static im.zego.bytedance.beauty.manager.EffectDataManager.OFFSET;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE_WHITEN_DEFAULT;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE_WHITEN_FENBAI;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE_WHITEN_LENGBAI;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE_WHITEN_MEIHEI;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_FACE_WHITEN_XIAOMAI;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_RESHAPE;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_BEAUTY_SUIT;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_CLOSE;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_FILTER;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_FILTER_AMG;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_HAIR_DYE;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_HAIR_DYE_HIGHLIGHT;
import static im.zego.bytedance.beauty.manager.EffectDataManager.TYPE_MAKEUP_HAIR;

import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import im.zego.bytedance.beauty.adapter.SelectStatusRVAdapter;
import im.zego.bytedance.beauty.manager.BeautyData;
import im.zego.bytedance.common.adapter.ItemViewRVAdapter;
import im.zego.bytedance.common.fragment.ItemViewPageFragment;
import im.zego.bytedance.common.fragment.TabBoardFragment;
import im.zego.bytedance.common.model.EffectType;
import im.zego.bytedance.common.utils.DensityUtils;
import im.zego.bytedance.R;
import im.zego.bytedance.beauty.manager.EffectDataManager;
import im.zego.bytedance.beauty.manager.FilterDataManager;
import im.zego.bytedance.beauty.manager.LocalParamDataManager;
import im.zego.bytedance.beauty.model.ColorItem;
import im.zego.bytedance.beauty.model.ComposerNode;
import im.zego.bytedance.beauty.model.EffectButtonItem;
import im.zego.bytedance.beauty.model.FilterItem;
import im.zego.bytedance.beauty.view.ColorListView;
import im.zego.bytedance.beauty.view.ProgressBar;
import im.zego.bytedance.beauty.view.RadioTextView;
import im.zego.bytedance.util.LogUtils;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.HashMap;
import java.util.HashSet;
import java.util.List;
import java.util.Set;

public class EffectFragment extends TabBoardFragment implements View.OnClickListener,
        BeautyFaceFragment.IBeautyCallBack,
        FilterCategoryFragment.IFilterCallback,
        FilterFragment.IFilterCallback,
        ProgressBar.OnProgressChangedListener,
        ColorListView.ColorSelectCallback,
        ItemViewRVAdapter.OnItemClickListener<EffectButtonItem> {
    private static final String ARG_PARAM_COLOR_LIST_POSITION = "color_list_position";
    private static final String ARG_PARAM_USE_PROGRESS_BAR = "use_progress_bar";
    public static final int BOARD_FRAGMENT_HEAD_INSIDE = 0;
    public static final int BOARD_FRAGMENT_HEAD_ABOVE = 1;

    public static final String TAG_OPTION_BEAUTY_FRAGMENT = "option_beauty_fragment";
    public static final String TAG_OPTION_FILTER_FRAGMENT = "option_filter_fragment";
    public String mTagOptionFragment;
    public static final String TAG_VARY_HEIGHT = "vary_height";
    public static final int ANIMATION_DURATION = 400;

    private ProgressBar pb;
    private RadioTextView mRtFilter;
    private RadioTextView mRtMakeUp;
    private float[] mItemIntensity;
    private TextView tvTitle;
    private ColorListView colorListView;
    private ImageView ivCloseMakeupOption;

    private int colorListPosition = BOARD_FRAGMENT_HEAD_INSIDE;
    private boolean useProgressBar = true;
    private EffectButtonItem mSecondItem = null;
    private int mSecondItemType = 0;

    public Set<EffectButtonItem> getSelectNodes() {
        return mSelectNodes;
    }

    //   {zh} 所有被选中的小项       {en} All selected items
    private Set<EffectButtonItem> mSelectNodes;
    private FilterItem mSelectFilter = new FilterItem(TYPE_CLOSE, R.string.filter_normal, R.drawable.clear);
    //   {zh} 当前选中的小项       {en} Current selected item
    private EffectButtonItem mCurrentItem;
    //   {zh} 由于滤镜与其他特效不在一个体系，其他的特效（美颜、美型、美体、美妆等）都通过       {en} Since filters are not in the same system as other special effects, other special effects (beauty, beauty, body beauty, beauty makeup, etc.) are passed
    //   {zh} EffectButtonItem 管理了，但是滤镜不在这个体系，所以包括保存项、强度都需要单独管理       {en} EffectButtonItem is managed, but the filter is not in this system, so the saving items and strength need to be managed separately
    //   {zh} TODO：尝试将滤镜也纳入 EffectButtonItem 体系，或者移出当前 fragment       {en} TODO: Try to include the filter in the EffectButtonItem system, or remove the current fragment
//    private String mSavedFilterPath;
//    private float mSavedFilterIntensity;
    private boolean mIsFilter;
    private IEffectCallback mEffectCallback;
    private List<TabItem> mTabList;

    private EffectDataManager mEffectDataManager;
    private FilterDataManager mFilterDataManager;

    public static EffectFragment newInstance(int param1, boolean param2) {
        EffectFragment fragment = new EffectFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_PARAM_COLOR_LIST_POSITION, param1);
        args.putBoolean(ARG_PARAM_USE_PROGRESS_BAR, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            colorListPosition = getArguments().getInt(ARG_PARAM_COLOR_LIST_POSITION);
            useProgressBar = getArguments().getBoolean(ARG_PARAM_USE_PROGRESS_BAR);
        }
    }

    /** {zh}
     * 设置Fragment回调
     */
    /** {en}
     * Set Fragment Callback
     */

    public EffectFragment setCallback(IEffectCallback callback) {
        mEffectCallback = callback;
        return this;

    }

    public EffectFragment setColorListPosition(int position) {
        colorListPosition = position;
        return this;
    }

    public EffectFragment useProgressBar(Boolean bool) {
        useProgressBar = bool;
        return this;
    }

    public void setData(Context context, EffectDataManager dataManager, FilterDataManager filterManager) {
        mEffectDataManager = dataManager;
        mFilterDataManager = filterManager;
        if (mEffectDataManager == null) return;
        if (mFilterDataManager == null) return;

        // Fix: java.util.ConcurrentModificationException
        mSelectNodes = Collections.synchronizedSet(new HashSet<EffectButtonItem>());
        mTabList = BeautyData.INSTANCE.getTabItems();
        ArrayList<Fragment> fragmentList = new ArrayList<>();
        ArrayList<String> titleList = new ArrayList<>();

        for (TabItem tabItem : mTabList) {
            if (tabItem.id == TYPE_FILTER) {
                fragmentList.add(
                        new FilterCategoryFragment().setData(mFilterDataManager.getItems()).setFilterCallback(this)
                );
            } else if (tabItem.id == TYPE_LOCAL_STYLE_MAKEUP_2D || tabItem.id == TYPE_STICKER) {
                ItemViewPageFragment<SelectStatusRVAdapter> fragment = new ItemViewPageFragment();
                fragment.setAdapter(new SelectStatusRVAdapter(Arrays.asList(mEffectDataManager.getSubItem(tabItem.id).getChildren()), EffectFragment.this));
                fragmentList.add(fragment);
            } else {
                fragmentList.add(
                        new BeautyFaceFragment()
                                .setData(mEffectDataManager.getItem(tabItem.id))
                                .setSelectNodes(mSelectNodes)
                                .setEffectDataManager(mEffectDataManager)
                                .setBeautyCallBack(this)
                );
            }
            titleList.add(context.getString(tabItem.title));
        }

        setFragmentList(fragmentList);
        setTitleList(titleList);
    }

    public void updateLocalParam(boolean isFirstRun) {
        if (mSelectNodes == null) {
            return;
        }
        LogUtils.e("LocalParamDataManager.useLocalParamStorage() = " + LocalParamDataManager.useLocalParamStorage());
        if (LocalParamDataManager.useLocalParamStorage() && !isFirstRun) {

            for (EffectButtonItem item : mSelectNodes) {
                item.setSelected(false);
            }
            mSelectNodes.clear();
            Set<EffectButtonItem> localStoredSet = mEffectDataManager.getLocalStoredItems(0);
            mSelectNodes.addAll(localStoredSet);
            mSelectFilter = mFilterDataManager.getLocalStoredItems();

            List<Fragment> fragmentList = getFragmentList();
            for (Fragment fragment : fragmentList) {
                if (fragment instanceof FilterCategoryFragment) {
                    ((FilterCategoryFragment) fragment).updateLocalParam(getEffectType());
                } else if (fragment instanceof BeautyFaceFragment) {
                    ((BeautyFaceFragment) fragment).updateLocalParam(getEffectType());
                } else {

                }
            }
//            pb.setProgress(0.0f);
            if (mCurrentItem != null && mCurrentItem.getNode() != null) {
                pb.setProgress(mCurrentItem.getNode().getIntensityArray()[0]);
            }
        } else {
            mSelectNodes.clear();
            Set<EffectButtonItem> defaultSet = mEffectDataManager.getDefaultItems();
            mSelectNodes.addAll(defaultSet);
            if (LocalParamDataManager.useLocalParamStorage()) {
                for (EffectButtonItem item : defaultSet) {
                    LocalParamDataManager.saveComposerNode(item);
                }
            }

            EffectButtonItem suitItemGroup = mEffectDataManager.getItem(TYPE_BEAUTY_SUIT);
            mEffectDataManager.getSuitDefautItem().setSelected(true);
            suitItemGroup.setSelectChild(mEffectDataManager.getSuitDefautItem());
            if (LocalParamDataManager.useLocalParamStorage()) {
                LocalParamDataManager.saveComposerNode(suitItemGroup);
                for (EffectButtonItem item : suitItemGroup.getChildren()) {
                    LocalParamDataManager.saveComposerNode(item);
                }
            }
            mFilterDataManager.resetAll();
        }
        boolean viewLoaded = getView() != null;
        // reset UI
        if (viewLoaded) {
            refreshVP();
        }
    }


    @Override
    public EffectType getEffectType() {
        if (mEffectCallback == null) {
            return EffectType.LITE_ASIA;
        }
        return mEffectCallback.getEffectType();
    }


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_effect, container, false);
    }

    @SuppressLint("ClickableViewAccessibility")
    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        mRtFilter = view.findViewById(R.id.rt_intensity);
        mRtMakeUp = view.findViewById(R.id.rt_cold_warm);
        mRtFilter.setOnClickListener(this);
        mRtMakeUp.setOnClickListener(this);

        pb = view.findViewById(R.id.pb1);
        pb.setOnProgressChangedListener(this);
        if (!useProgressBar) {
            pb.setVisibility(View.GONE);
            isShowBeautyProProcessBarRT(false);
        } else if (getEffectType() == EffectType.LITE_ASIA || getEffectType() == EffectType.LITE_NOT_ASIA) {
            pb.setVisibility(View.INVISIBLE);
            isShowBeautyProProcessBarRT(false);
        }

        LayoutInflater.from(getContext()).inflate(R.layout.layout_effect_board_head, view.findViewById(R.id.fl_board_head), true);
        tvTitle = view.findViewById(R.id.tv_title_identify);
        ivCloseMakeupOption = view.findViewById(R.id.iv_close_makeup_option);
        ivCloseMakeupOption.setOnClickListener(this);
        switch (colorListPosition) {
            case BOARD_FRAGMENT_HEAD_ABOVE:
                colorListView = view.findViewById(R.id.color_list_above);
                break;
            default:
                colorListView = view.findViewById(R.id.color_list);
        }
    }

    @Override
    public void onResume() {
        super.onResume();
        if (mCurrentItem != null) {
            boolean viewLoaded = getView() != null;
            // reset UI
            if (viewLoaded) {
                refreshVP();
                pb.setNegativeable(needProgressBarNegetive(mCurrentItem));
                float[] validIntensity = mCurrentItem.getValidIntensity();
                if (validIntensity != null && validIntensity.length > 0) {
                    pb.setProgress(validIntensity[0]);
                }
                ArrayList<ColorItem> colorItems = mCurrentItem.getColorItems();
                if (colorItems != null && colorItems.size() > 0 && mCurrentItem.getParent() != null) {
                    colorListView.setSelect(mCurrentItem.getParent().getSelectColorIndex());
                }
            }
        }
    }

    private void removeOrAddItem(Set<EffectButtonItem> set, EffectButtonItem item, boolean add) {
        if (add) {
            if (item.getAvailableItem() != null) {
                set.add(item);
                item.setSelected(true).setSelectedRelation(true);
                if (LocalParamDataManager.useLocalParamStorage()) {
                    LocalParamDataManager.saveComposerNode(item);
                }
            }
        } else {
            item.setSelectChild(null);
            set.remove(item);
            item.setSelected(false).setSelectedRelation(false);
            if (!item.hasChildren() && LocalParamDataManager.useLocalParamStorage()) {
                LocalParamDataManager.updateComposerNode(item);
            }
            this.onEffectItemClose(item);
            if (item.hasChildren()) {
                for (EffectButtonItem child : item.getChildren()) {
                    removeOrAddItem(set, child, false);
                }
            }
        }
    }

    private boolean needProgressBarNegetive(EffectButtonItem item) {
        if (null == item) {
            return false;
        }
        if (null == mRtMakeUp || null == item.getNode()) {
            return item.isEnableNegative();
        }
        return item.isEnableNegative() || (mRtMakeUp.isSelected() && Arrays.equals(item.getNode().getKeyArray(), new String[]{"whiten", "warm"}));
    }

    @Override
    public void onEffectItemClick(EffectButtonItem item) {
        if (item == null) return;
        if (item.hasChildren()) {
            //  {zh} 检查所有child中有无「被选中的根节点」，若有则选做mCurrentItem；有颜色更新colorPanel  {en} Check whether there is a "selected root node" in all children. If so, select mCurrentItem; update colorPanel with color
            EffectButtonItem child = item.getSelectChild();
            if (mSelectNodes.contains(child) && !child.hasChildren()) {
                mCurrentItem = child;
                LogUtils.d("update mCurrentItem = " + mCurrentItem);

                //  {zh} 该子节点有颜色选项时，设置colorListView的相应颜色为父节点颜色的选中状态  {en} When the sub-node has a color option, set the corresponding color of colorListView to the selected state of the parent node color
                ArrayList<ColorItem> colorItems = child.getColorItems();
                if (colorItems != null && colorItems.size() > 0) {
                    colorListView.setSelect(item.getSelectColorIndex());
                }
            }
            // show tips
            showTip(getString(item.getTitleId()), item.getDesc() == 0 ? "" : getString(item.getDesc()));
            // set progressbar display status
            EffectButtonItem selectChild = item.getSelectChild();
            if (selectChild != null) {
                updateProgressWithItem(selectChild);
            } else {
                updateProgressWithItem(item.getChildren()[0]);
            }
            // display optionFragment & colorPanel
            if (mSecondItem == null) {
                mSecondItem = item;
            }
            mSecondItemType += 1;
            showOrHideOptionFragment(true, item);
        } else {
            mCurrentItem = item;
            LogUtils.d("update mCurrentItem = " + mCurrentItem);
            // set progressbar display status
            updateProgressWithItem(item);
            if (item.getId() == TYPE_CLOSE) {
                showOrHideColorPanel(false, null);
            }
            // take effect of items in mSelectNodes
            if (mCurrentItem.getParent() != null && mCurrentItem.getParent().getId() == TYPE_BEAUTY_SUIT) {
                if ((mCurrentItem.getId() & MASK) == TYPE_BEAUTY_SUIT) {
                    EffectButtonItem faceItem = mEffectDataManager.getItem(TYPE_BEAUTY_FACE);
                    EffectButtonItem reshapeItem = mEffectDataManager.getItem(TYPE_BEAUTY_RESHAPE);
                    removeOrAddItem(mSelectNodes, faceItem, false);
                    removeOrAddItem(mSelectNodes, reshapeItem, false);

                    HashMap<EffectButtonItem, Float> suitItemsMap = mEffectDataManager.getSuitItemsAndDefaultValue(item.getId());
                    if (suitItemsMap.isEmpty()) return;
                    EffectButtonItem[] childItems = suitItemsMap.keySet().toArray(new EffectButtonItem[0]);
                    for (int i = 0; i < childItems.length; i++) {
                        EffectButtonItem childItem = childItems[i];
                        if (childItem != null && childItem.getNode() != null) {
                            childItem.getNode().setIntensityArray(new float[]{suitItemsMap.get(childItem)});
                            childItem.getIntensityArray()[0] = suitItemsMap.get(childItem);
                            removeOrAddItem(mSelectNodes, childItem, true);
                        }
                    }
                    //updateComposerNodes(new HashSet<>(Arrays.asList(childItems)));
                    updateComposerNodes(mSelectNodes);
                    updateComposerNodeIntensity(new HashSet<>(Arrays.asList(childItems)));
                }
                refreshVP();

            } else {
                updateComposerNodes(mSelectNodes);
            }
            // set intensity & color by msg interface
            if (((item.getId() & MASK) == TYPE_HAIR_DYE) || (item.getDesc() == DESC_HAIR_DYE_FULL) || (item.getDesc() == DESC_HAIR_DYE_HIGHLIGHT)) {
                if (item.getNode() != null) {
                    //  {zh} 有颜色选择的情况，需要将颜色值设置到强度数组中  {en} If there is a color selection, you need to set the color value to the intensity array
                    ArrayList<ColorItem> colorItems = item.getColorItems();
                    if (colorItems != null && colorItems.size() > 0) {
                        if (item.getId() == TYPE_HAIR_DYE_HIGHLIGHT) {
                            showOrHideColorPanel(true, colorItems);
                        }
                        //  {zh} 设置颜色栏选中状态  {en} Set the color bar selection state
                        int index = mCurrentItem.getSelectColorIndex();
                        if (mEffectCallback != null) {
                            if ((item.getId() == TYPE_CLOSE) && (item.getDesc() == DESC_HAIR_DYE_HIGHLIGHT)) {
                                int[] parts = new int[]{
                                        DESC_HAIR_DYE_HIGHLIGHT_PART_A,
                                        DESC_HAIR_DYE_HIGHLIGHT_PART_B,
                                        DESC_HAIR_DYE_HIGHLIGHT_PART_C,
                                        DESC_HAIR_DYE_HIGHLIGHT_PART_D,
                                };
                                for (int part : parts) {
                                    mEffectCallback.onHairDyeSelected(part, item.getColorItems().get(index));
                                }
                            } else {
                                mEffectCallback.onHairDyeSelected(item.getDesc(), item.getColorItems().get(index));
                            }
                        }
                        colorListView.setSelect(index);
                    }
                }
                showTip(getString(item.getTitleId()), "");
                return;
            }
            // set intensity & color by composer node interface
            if (item.getNode() != null) {
                //  {zh} 有颜色选择的情况，需要将颜色值设置到强度数组中  {en} If there is a color selection, you need to set the color value to the intensity array
                ArrayList<ColorItem> colorItems = item.getColorItems();
                if (colorItems != null && colorItems.size() > 0) {
                    if (colorItems != null && colorItems.size() > 0) {
                        showOrHideColorPanel(true, colorItems);
                    } else {
                        showOrHideColorPanel(false, null);
                    }
                    //  {zh} 设置颜色栏选中状态  {en} Set the color bar selection state
                    int index = item.getParent().getSelectColorIndex();
                    colorListView.setSelect(index);
                    if (item.getIntensityArray().length == 4) {
                        item.getIntensityArray()[1] = colorItems.get(index).getR();
                        item.getIntensityArray()[2] = colorItems.get(index).getG();
                        item.getIntensityArray()[3] = colorItems.get(index).getB();
                    }
                }
                updateComposerNodeIntensity(item);
            }

            // show tips
            if (item.getParent() != null) {
                if (item.getParent().getId() == TYPE_BEAUTY_SUIT) {
                    showTip(getString(R.string.tab_face_suit_tips), "");
                } else {
                    showTip(getString(item.getTitleId()), item.getDesc() == 0 ? "" : getString(item.getDesc()));
                }
            }
        }
    }

    @Override
    public void onEffectItemClose(EffectButtonItem item) {
        if (item.getIntensityArray() != null) {
            for (int i = 0; i < item.getIntensityArray().length; i++) {
                String[] keyArray = item.getNode().getKeyArray();
                if (Arrays.equals(item.getNode().getKeyArray(), new String[]{"whiten", "warm"}) && i < keyArray.length) {
                    item.getIntensityArray()[i] = "warm".equals(keyArray[i]) ? 0.5f : 0f;
                } else {
                    item.getIntensityArray()[i] = needProgressBarNegetive(item) ? 0.5f : 0f;
                }
            }
        }
        updateComposerNodeIntensity(item);

    }

    /** {zh}
     * @param filterItem 滤镜对象
     * @param position   滤镜位置
     * @brief 滤镜点击回调
     * @details 滤镜的点击与 EffectButtonItem 不同，需要另外处理
     */
    /** {en}
     * @param filterItem Filter object
     * @param position   Filter location
     * @brief Filter click callback
     * @details Filter clicks are different from EffectButtonItem and need additional processing
     */

    @Override
    public void onFilterSelected(FilterItem filterItem, int position) {
        if (filterItem == null) return;
//        if (filterItem.getParent() != null) {
//            filterItem.getParent().setSelectChild(filterItem);
//        }
        filterItem.setSelected(true).setSelectedRelation(true);
        if (filterItem.hasChildren()) {
            //  {zh} 解决点击item才能发生作用对象的问题，检查所有child中有无「被选中的根节点」，若有则选做mCurrentItem；有颜色更新colorPanel  {en} Solve the problem that the object can only be used by clicking item. Check whether there is a "selected root node" in all children. If so, select mCurrentItem; update colorPanel with color
            for (EffectButtonItem child : filterItem.getChildren()) {
                if (child.equals(mSelectFilter) && !child.hasChildren()) {
                    mCurrentItem = child;
                    LogUtils.d("update mCurrentItem = " + mCurrentItem);
                }
            }
            if (filterItem.getSelectChild() != null) {
                mIsFilter = filterItem.getId() == TYPE_FILTER;
            }
            showTip(getString(filterItem.getTitleId()), filterItem.getDesc() == 0 ? "" : getString(filterItem.getDesc()));
            showOrHideOptionFragment(true, filterItem);
        } else {
            mIsFilter = true;
            if (mSelectFilter != null) {
                if (!filterItem.equals(mSelectFilter)) {
                    mSelectFilter.setSelected(false).setSelectedRelation(false);
                    if (LocalParamDataManager.useLocalParamStorage()) {
                        LocalParamDataManager.saveFilter(mSelectFilter);
                    }
                }
            }
            filterItem.setSelected(true).setSelected(true);

            float defaultIntensity = filterItem == null ? 0f : filterItem.getIntensity();
            String filterPath = filterItem == null ? "" : filterItem.getResource();

            pb.setProgress(defaultIntensity);

            updateFilter(filterPath);
            updateFilterIntensity(defaultIntensity);

//            mSavedFilterPath = filterPath;
//            mSavedFilterIntensity = defaultIntensity;
            mCurrentItem = filterItem;
            mSelectFilter = filterItem;
            if (LocalParamDataManager.useLocalParamStorage()) {
                LocalParamDataManager.saveFilter(mSelectFilter);
            }

            //    {zh} 显示tip        {en} Display tips
            showTip(getContext().getString(filterItem.getTitleId()), "");
        }
    }


    /** {zh}
     * @param progressBar 事件来源
     * @param progress    进度，0-1
     * @param isFromUser  事件是否来自于手动滑动
     * @brief 分发强度
     * @details 将滑杆的滑动事件分发出去，两个出口
     * 1、调用各 fragment 更新 UI
     * 2、调用 updateFilterIntensity/updateComposerNodeIntensity 更新特效强度
     */
    /** {en}
     * @param progressBar  Event source
     * @param progress     progress, 0-1
     * @param isFromUser   Whether the event comes from manual sliding
     * @brief Distribution strength
     * @details Distribute the sliding event of the slider, two exits
     * 1, call each fragment to update the UI
     * 2, call  updateFilterIntensity/updateComposerNodeIntensity  update the special effect strength
     */

    @Override
    public void onProgressChanged(ProgressBar progressBar, float progress, boolean isFromUser) {
        if (!isFromUser) {
            return;
        }
        //    {zh} 滤镜不在EffectButtonItem体系        {en} Filter not in EffectButtonItem system
        if (!mIsFilter) {
            if (mCurrentItem == null || mCurrentItem.getId() < 0) return;
        }
        if (progressBar != null && progressBar.getProgress() != progress) {
            progressBar.setProgress(progress);
        }
        if (mIsFilter) {
            mSelectFilter.setIntensity(progress);
            updateFilterIntensity(progress);
            refreshVP();
            return;
        }

        if (mCurrentItem.getAvailableItem() == null ||
                (mCurrentItem.getAvailableItem().getNode().getKeyArray() == null || mCurrentItem.getAvailableItem().getNode().getKeyArray().length == 0) ||
                (mCurrentItem.getAvailableItem().getIntensityArray().length <= 0)) {
            return;
        }

        if (isBeautyPro(mCurrentItem.getId()) || mCurrentItem.getId() == TYPE_STYLE_MAKEUP_2D || mCurrentItem.getId() == TYPE_LOCAL_STYLE_MAKEUP_2D) {
            int index = mRtFilter.isSelected() ? 0 : 1;
            mCurrentItem.getAvailableItem().getIntensityArray()[index] = progress;
            ComposerNode node = mCurrentItem.getAvailableItem().getNode();
            LogUtils.d("progress = " + progress);
            updateComposerNodeIntensity(node.getPath(), node.getKeyArray()[index], progress);
        } else {
            mCurrentItem.getAvailableItem().getIntensityArray()[0] = progress;
            LogUtils.d("progress = " + progress);
            updateComposerNodeIntensity(mCurrentItem);
        }
        refreshVP();
    }

    @Override
    public void onProgressEnd(ProgressBar progressBar, float progress, boolean isFormUser) {
        if (LocalParamDataManager.useLocalParamStorage()) {
            if (mCurrentItem instanceof FilterItem) {
                LocalParamDataManager.saveFilter(mSelectFilter);
            } else {
                LocalParamDataManager.saveComposerNode(mCurrentItem);
            }
        }
    }

    @Override
    public void onColorSelected(int index) {
        if (mTabList.get(getSelectedTabId()).id == TYPE_HAIR_DYE_HIGHLIGHT) {
            mCurrentItem.setSelectColorIndex(index);
            LogUtils.d("onColorSelected: " + mCurrentItem);
            if (mCurrentItem.getIntensityArray().length == 4) {
                ArrayList<ColorItem> colorItems = mCurrentItem.getColorItems();
                mCurrentItem.getIntensityArray()[1] = colorItems.get(index).getR();
                mCurrentItem.getIntensityArray()[2] = colorItems.get(index).getG();
                mCurrentItem.getIntensityArray()[3] = colorItems.get(index).getB();
            }

            if (mEffectCallback != null) {
                mEffectCallback.onHairDyeSelected(mCurrentItem.getDesc(), mCurrentItem.getColorItems().get(index));
            }
            return;
        }

        mCurrentItem.getParent().setSelectColorIndex(index);
        LogUtils.d("onColorSelected: " + mCurrentItem);
        if (mCurrentItem.getIntensityArray().length == 4) {
            ArrayList<ColorItem> colorItems = mCurrentItem.getColorItems();
            mCurrentItem.getIntensityArray()[1] = colorItems.get(index).getR();
            mCurrentItem.getIntensityArray()[2] = colorItems.get(index).getG();
            mCurrentItem.getIntensityArray()[3] = colorItems.get(index).getB();
        }
        if (LocalParamDataManager.useLocalParamStorage()) {
            LocalParamDataManager.saveComposerNode(mCurrentItem);
        }
        updateComposerNodeIntensity(mCurrentItem);
    }

    /** {zh}
     * 根据当前Nodes直接刷新特效
     * 在EffectDataManager
     */
    /** {en}
     * Refresh effects directly based on current Nodes
     *  in EffectDataManager
     */

    public void refreshByCurrentSelect() {
        updateComposerNodes(mSelectNodes);
        for (EffectButtonItem it : mSelectNodes) {
            updateComposerNodeIntensity(it);
        }
    }

    /** {zh}
     * @brief 设置默认特效
     * @details 将所有的值都设置为默认给定的值，并加入默认的美颜、美型特效，需要解决三个问题
     * 1、各功能强度变动后，需要更新 UI
     * 2、修改默认值不影响当前的选中状态（原来选中的按钮依旧选中，进度条依旧指示当前选中的按钮）
     * 3、不影响其他功能
     */
    /** {en}
     * @brief Set default effects
     * @details Set all values to the default given values, and add the default beauty and beauty effects. Three problems need to be solved
     * 1. After the strength of each function changes, you need to update the UI
     * 2. Modifying the default value does not affect the current selected state (the original selected button is still selected, and the progress bar still indicates the currently selected button)
     * 3. It does not affect other functions
     */

    public void resetToDefault() {
        if (mEffectCallback == null) return;
        boolean viewLoaded = getView() != null;
        mSelectNodes.clear();
        Set<EffectButtonItem> defaultSet = mEffectDataManager.getDefaultItems();
        mSelectNodes.addAll(defaultSet);
        LogUtils.e("mSelectNode=" + mSelectNodes + "  size = " + mSelectNodes.size());

        if (LocalParamDataManager.useLocalParamStorage()) {
            LocalParamDataManager.reset();
            for (EffectButtonItem defaultItem : defaultSet) {
                LocalParamDataManager.saveComposerNode(defaultItem);
            }
        }

        if (mCurrentItem != null && !mSelectNodes.contains(mCurrentItem)) {
            //    {zh} 进度条复位        {en} Progress bar reset
            if (needProgressBarNegetive(mCurrentItem)) {
                pb.setProgress(0.5f);
            } else {
                pb.setProgress(0.f);
            }
            mCurrentItem = null;

        }

//        mSavedFilterPath = null;
//        mSavedFilterIntensity = 0.f;
//        mSelectFilter = new FilterItem(TYPE_CLOSE, R.string.filter_normal, R.drawable.clear, null,0.0f);
        mSelectFilter.setSelected(false).setSelectedRelation(false);
        mSelectFilter = (FilterItem) mFilterDataManager.getItems().getChildren()[0];
        mSecondItemType = 0;
        mSecondItem = null;
        for (Fragment fragment : getFragmentList()) {
            if (fragment instanceof FilterFragment) {
                ((FilterFragment) fragment).setSelected(0);
            }
            if (fragment instanceof BeautyFaceFragment) {
                ((BeautyFaceFragment) fragment).refreshSelectedItem();
            }
            if (fragment instanceof FilterCategoryFragment) {
                ((FilterCategoryFragment) fragment).resetItem();
            }
        }

        // reset UI
        if (viewLoaded) {
            // {zh} 选择默认套装 {en} Select Default Package
            EffectButtonItem suitItemGroup = mEffectDataManager.getItem(TYPE_BEAUTY_SUIT);
            mEffectDataManager.getSuitDefautItem().setSelected(true);
            suitItemGroup.setSelectChild(mEffectDataManager.getSuitDefautItem());
            removeOrAddItem(mSelectNodes, mEffectDataManager.getSuitDefautItem(), true);

            refreshVP();
            showOrHideOptionFragment(false, null);
            if (mCurrentItem != null) {
                updateProgressWithItem(mCurrentItem);
            }
            //    {zh} 默认美颜没有滤镜，强度置0        {en} The default beauty has no filter, the intensity is set to 0
            if (mIsFilter) {
                pb.setProgress(0.f);
            }
        }
    }


    //    {zh} 更新 ViewPager UI        {en} Update ViewPager UI
    private void refreshVP() {
        for (Fragment fragment : getFragmentList()) {
            if (fragment instanceof BeautyFaceFragment) {
                ((BeautyFaceFragment) fragment).refreshUI();
            } else if (fragment instanceof FilterFragment) {
                ((FilterFragment) fragment).setSelectFilter(mSelectFilter);
                ((FilterFragment) fragment).refreshUI();
            } else if (fragment instanceof FilterCategoryFragment) {
                ((FilterCategoryFragment) fragment).setSelectFilter(mSelectFilter);
                ((FilterCategoryFragment) fragment).refreshUI();
            } else if (fragment instanceof ItemViewPageFragment) {
                ((ItemViewPageFragment<?>) fragment).refreshUI();
            }
        }
        Fragment makeupOptionFragment = getOptionFragment(TAG_OPTION_BEAUTY_FRAGMENT);
        if (null != makeupOptionFragment) {
            ((BeautyFaceFragment) makeupOptionFragment).refreshUI();
        }

        makeupOptionFragment = getOptionFragment(TAG_OPTION_FILTER_FRAGMENT);
        if (null != makeupOptionFragment) {
            ((FilterFragment) makeupOptionFragment).refreshUI();
        }
    }

    private void updateComposerNodes(Set<EffectButtonItem> effectButtonItems) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.updateComposeNodes(effectButtonItems);
    }

    private void updateComposerNodeIntensity(EffectButtonItem effectButtonItem) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.updateComposerNodeIntensity(effectButtonItem);
    }

    private void updateComposerNodeIntensity(Set<EffectButtonItem> effectButtonItem) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.updateComposerNodeIntensity(effectButtonItem);
    }

    private void updateFilter(String filter) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.onFilterSelected(filter);
    }

    private void updateComposerNodeIntensity(String node, String key, float value) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.updateComposerNodeIntensity(node, key, value);
    }

    /** {zh}
     * 根据回调显示tip，滤镜和二级美妆按钮需要在屏幕上部弹出气泡
     *
     * @param title
     * @param desc
     */
    /** {en}
     * According to the callback, the tip, filter and secondary makeup buttons need to pop bubbles on the upper part of the screen
     *
     * @param title
     * @param desc
     */

    private void showTip(String title, String desc) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.showTip(title, desc);
    }


    public void showOrHideColorPanel(boolean isShow, ArrayList<ColorItem> colorItems) {
        switch (colorListPosition) {
            case BOARD_FRAGMENT_HEAD_ABOVE:
                showColorListHeadAbove(isShow, colorItems);
                break;
            default:
                showColorListHeadInside(isShow, colorItems);
        }
    }

    private void showColorListHeadAbove(boolean isShow, ArrayList<ColorItem> colorItems) {
        int height = getResources().getDimensionPixelSize(R.dimen.height_board_total);
        int pbHeight = 0;
        if (useProgressBar) {
            pbHeight = getResources().getDimensionPixelSize(R.dimen.height_progress_bar);
        }
        float colorListHeight = DensityUtils.dp2px(getContext(), 24);
        float colorListHeightMarginBottom = getResources().getDimensionPixelSize(R.dimen.colorlistview_margin_bottom);

        if (isShow) {
            if (colorItems != null && colorItems.size() > 0) {
                colorListView.setVisibility(View.VISIBLE);
                super.setBoardFragmentHeight(height + pbHeight + colorListHeight + colorListHeightMarginBottom, 0);

                colorListView.updateColors(colorItems, this);
            }
        } else {

            super.setBoardFragmentHeight(height + pbHeight, 0);
            colorListView.setVisibility(View.GONE);
        }

    }

    private void showColorListHeadInside(boolean isShow, ArrayList<ColorItem> colorItems) {
        if (isShow) {
            if (colorItems != null && colorItems.size() > 0) {
                colorListView.setVisibility(View.VISIBLE);
                tvTitle.setVisibility(View.GONE);
                colorListView.updateColors(colorItems, this);
            }
        } else {
            colorListView.setVisibility(View.GONE);
            tvTitle.setVisibility(View.VISIBLE);
        }
    }

    private void updateFilterIntensity(float intensity) {
        if (mEffectCallback == null) {
            return;
        }
        mEffectCallback.onFilterValueChanged(intensity);
    }


    private Fragment getOptionFragment(String tag) {
        FragmentManager manager = getChildFragmentManager();
        FragmentTransaction transaction = manager.beginTransaction();
        transaction.setCustomAnimations(R.anim.board_enter, R.anim.board_exit);
        return manager.findFragmentByTag(tag);

    }

    /** {zh}
     * @param isShow 是否显示
     * @brief 显示/隐藏三级菜单
     * @details 显示/隐藏三级菜单，在没有实例的情况下会先初始化一个实例
     */
    /** {en}
     * @param isShow  Whether to show
     * @brief Show/hide the three-level menu
     * @details Show/hide the three-level menu, which initializes an instance first if there is no instance
     */
    private void showOrHideOptionFragment(boolean isShow, EffectButtonItem item) {
        FragmentManager manager = getChildFragmentManager();
        FragmentTransaction transaction = manager.beginTransaction();
        transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
//        transaction.setCustomAnimations(R.anim.board_enter, R.anim.board_exit);
        if (item == null) {

        } else if (item instanceof FilterItem) {
            mTagOptionFragment = TAG_OPTION_FILTER_FRAGMENT;
        } else {
            mTagOptionFragment = TAG_OPTION_BEAUTY_FRAGMENT;
        }
        Fragment optionFragment = getOptionFragment(mTagOptionFragment);
        if (item == null) {
            mTagOptionFragment = null;
        }

        if (isShow) {
            //  {zh} BoardFragment 变高应用示例  {en} BoardFragment Height Application Example
//            setBoardFragmentHeight(DensityUtils.dp2px(getContext(),260),ANIMATION_DURATION);
            mCurrentItem = item.getSelectChild();
            hideTabPage(ANIMATION_DURATION / 2);
            ivCloseMakeupOption.setVisibility(View.VISIBLE);
            tvTitle.setVisibility(View.VISIBLE);
            tvTitle.animate().alpha(1).setDuration(ANIMATION_DURATION / 2).start();
            tvTitle.setText(item.getTitleId());
            ivCloseMakeupOption.animate().alpha(1).setDuration(ANIMATION_DURATION / 2).start();
            if (!item.isSelected()) {
                item.setSelectChild(item.getChildren()[0]);
            }
            if (optionFragment == null) {
                optionFragment = generateMakeupOptionFragment(mTagOptionFragment);
                switch (mTagOptionFragment) {
                    case TAG_OPTION_FILTER_FRAGMENT:
                        ((FilterFragment) optionFragment).setData((FilterItem) item).setFilterCallback(this);
                        transaction.add(R.id.fl_board_content, optionFragment, TAG_OPTION_FILTER_FRAGMENT).commit();
                        break;
                    default:
                        ((BeautyFaceFragment) optionFragment).setData(item).setSelectNodes(mSelectNodes).setBeautyCallBack(this);
                        transaction.add(R.id.fl_board_content, optionFragment, TAG_OPTION_BEAUTY_FRAGMENT).commit();
                }
            } else {
                switch (mTagOptionFragment) {
                    case TAG_OPTION_FILTER_FRAGMENT:
                        ((FilterFragment) optionFragment).setData((FilterItem) item).setFilterCallback(this);
                        break;
                    default:
                        ((BeautyFaceFragment) optionFragment).setData(item).setSelectNodes(mSelectNodes);
                }
                transaction.show(optionFragment).commit();
            }
            for (EffectButtonItem child : item.getChildren()) {
                if (mSelectNodes.contains(child) && item.getColorItems() != null) {
                    showOrHideColorPanel(true, item.getColorItems());
                }
            }
        } else {
            //  {zh} BoardFragment 变高应用示例  {en} BoardFragment Height Application Example
//            setBoardFragmentHeight(getResources().getDimension(R.dimen.height_board_total),ANIMATION_DURATION);
            if (colorListView != null) {
                //  {zh} 清空保存到颜色值  {en} Clear Save to Color Value
                showOrHideColorPanel(false, null);
            }
            if (optionFragment == null) return;
            transaction.hide(optionFragment).commit();
            showTabPage(ANIMATION_DURATION / 2);
            tvTitle.animate().alpha(0).setDuration(ANIMATION_DURATION / 2).start();
            ivCloseMakeupOption.animate().alpha(0).setDuration(ANIMATION_DURATION / 2).start();
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    tvTitle.setVisibility(View.GONE);
                    ivCloseMakeupOption.setVisibility(View.GONE);
                }
            }, ANIMATION_DURATION / 2);
        }
    }

    private Fragment generateMakeupOptionFragment(String tag) {
        switch (tag) {
            case TAG_OPTION_FILTER_FRAGMENT:
                return new FilterFragment();
            default:
                return new BeautyFaceFragment();
        }
    }

    private int getTypeWithPosition(int position) {
        if (position >= this.mTabList.size()) {
            return -1;
        }
        return this.mTabList.get(position).id;
    }


    /** {zh}
     * @param item EffectButtonItem
     * @brief 根据 EffectButtonItem 更新滑杆
     */
    /** {en}
     * @param item EffectButtonItem
     * @brief Update sliders by EffectButtonItem
     */

    private void updateProgressWithItem(EffectButtonItem item) {
        pb.setNegativeable(needProgressBarNegetive(item));
        if (isBeautyPro(item.getId()) || item.getId() == TYPE_LOCAL_STYLE_MAKEUP_2D || item.getId() == TYPE_STYLE_MAKEUP_2D) {
            mItemIntensity = item.getIntensityArray();
            updateProgressBar();
        } else {
            float[] validIntensity = item.getValidIntensity();
            if (validIntensity != null && validIntensity.length > 0) {
                pb.setProgress(validIntensity[0]);
            } else {
                pb.setProgress(0.f);
            }
        }

        if (useProgressBar) {
            if (item.getId() == TYPE_MAKEUP_HAIR
                    || (item.getId() & MASK) == TYPE_BEAUTY_SUIT
                    || (item.getParent() != null && item.getParent().getId() == TYPE_MAKEUP_HAIR)) {
                pb.setVisibility(View.INVISIBLE);
                isShowBeautyProProcessBarRT(false);
            } else {
                pb.setVisibility(View.VISIBLE);
                isShowBeautyProProcessBarRT(isBeautyPro(item.getId()) || item.getId() == TYPE_LOCAL_STYLE_MAKEUP_2D || item.getId() == TYPE_STYLE_MAKEUP_2D);
            }
        }
    }

    private boolean isBeautyPro(int id) {
        return (getEffectType() == STANDARD_NOT_ASIA || getEffectType() == EffectType.STANDARD_ASIA)
                && (id == TYPE_BEAUTY_FACE_WHITEN_DEFAULT
                || id == TYPE_BEAUTY_FACE_WHITEN_FENBAI
                || id == TYPE_BEAUTY_FACE_WHITEN_LENGBAI
                || id == TYPE_BEAUTY_FACE_WHITEN_MEIHEI
                || id == TYPE_BEAUTY_FACE_WHITEN_XIAOMAI);
    }

    //  {zh} 设定BoardFragment高度  {en} Set BoardFragment Height
    // height unit: px, duration unit: ms
    protected float setBoardFragmentHeight(float height, int duration) {
        float pbHeight = getResources().getDimension(R.dimen.height_progress_bar);
        float diffHeight = super.setBoardFragmentHeight(height + pbHeight, duration);
        mEffectCallback.setImgCompareHeightBy(diffHeight, duration);

        return diffHeight;
    }

    @Override
    public void onClick(View v) {
        super.onClick(v);
        if (v.getId() == R.id.iv_close_makeup_option) {
            if (mSecondItemType == 2) {
                mSecondItemType -= 1;
                mCurrentItem = null;
                mIsFilter = false;
                showOrHideOptionFragment(true, mSecondItem);
            } else if (mSecondItemType == 1) {
                mSecondItemType = 0;
                mSecondItem = null;
                mCurrentItem = null;
                mIsFilter = false;
                showOrHideOptionFragment(false, null);
            } else {
                mSecondItemType = 0;
                mSecondItem = null;
                mCurrentItem = null;
                mIsFilter = false;
                showOrHideOptionFragment(false, null);
            }

            refreshVP();
        } else if (v.getId() == R.id.rt_intensity) {
            mRtFilter.setState(true);
            mRtMakeUp.setState(false);
            pb.setNegativeable(false);
            updateProgressBar();
        } else if (v.getId() == R.id.rt_cold_warm) {
            mRtFilter.setState(false);
            mRtMakeUp.setState(true);
            pb.setNegativeable(false);
            updateProgressBar();
        }
    }

    private void updateProgressBar() {
        if (mItemIntensity == null || mItemIntensity.length == 0) {
            pb.setProgress(0);
            return;
        }
        if (mRtFilter.isSelected()) {
            pb.setProgress(mItemIntensity[0]);
        } else if (mRtMakeUp.isSelected()) {
            pb.setProgress(mItemIntensity[1]);
        }
    }

    private int printPos(int p) {
        return p >> OFFSET;
    }

    @Override
    public void onViewPagerSelected(int position) {
        int stickerType = getTypeWithPosition(position);
        mIsFilter = stickerType == TYPE_FILTER || stickerType == TYPE_FILTER_AMG;
        if (mIsFilter) {
            pb.setNegativeable(false);
            isShowBeautyProProcessBarRT(false);
            if (mSelectFilter != null) {
                pb.setProgress(mSelectFilter.getIntensity());
                pb.setVisibility(View.VISIBLE);
            } else {
                pb.setProgress(0.f);
                pb.setVisibility(View.INVISIBLE);
            }
            mIsFilter = false;
            mCurrentItem = null;
        } else {
            if (mEffectDataManager.getItem(stickerType).getSelectChild() == null || mEffectDataManager.getItem(stickerType).getSelectChild().getChildren().length == 0) {
                mCurrentItem = mEffectDataManager.getItem(stickerType).getSelectRoot();
                if (mCurrentItem != null) {
                    LogUtils.d("update mCurrentItem = " + mCurrentItem);
                    if (mCurrentItem != null) {
                        updateProgressWithItem(mCurrentItem);
                    }
                } else {
                    isShowBeautyProProcessBarRT(false);
                    pb.setVisibility(View.INVISIBLE);
                }
            } else {
                mCurrentItem = null;
            }
        }
    }

    @Override
    public void onClickEvent(View view) {
        if (mEffectCallback == null) {
            LogUtils.e("mEffectCallback == null!!");

            return;
        }
        mEffectCallback.onClickEvent(view);
    }

    @Override
    public void setData() {

    }

    private void isShowBeautyProProcessBarRT(boolean isShow) {
        if (isShow) {
            mRtFilter.setVisibility(View.VISIBLE);
            mRtMakeUp.setVisibility(View.VISIBLE);
        } else {
            mRtFilter.setVisibility(View.GONE);
            mRtMakeUp.setVisibility(View.GONE);
        }
    }

    @Override
    public void onItemClick(EffectButtonItem item, int position) {
        onBeautySelect(item, position);
        refreshVP();
    }

    private void onBeautySelect(EffectButtonItem item, int position) {
        if (item == null) {
            return;
        }
        if (item.getPath() != null && item.getPath().startsWith("stickers/")) { // 是贴纸，不需要显示进度条
            mEffectCallback.onStickSelect(item);
            pb.setVisibility(View.GONE);
            isShowBeautyProProcessBarRT(false);
        } else { // 风格装要显示进度，并且显示选项
            mEffectCallback.onMakeUpSelect(item);
            updateProgressWithItem(item);
            mCurrentItem = item;
            mCurrentItem.setSelectedRelation(true);
//            if (item.getId() != EffectDataManager.TYPE_CLOSE) {
//                item.setSelected(true);
//                if (LocalParamDataManager.useLocalParamStorage()) {
//                    LocalParamDataManager.saveComposerNode(item);
//                }
//            }
        }
    }

    public static class TabItem {
        public int id;
        public int title;

        public TabItem(int id, int title) {
            this.id = id;
            this.title = title;
        }
    }

    public interface IEffectCallback {


        /** {zh}
         * @param nodes 字符串数组，存储所有设置的美颜内容，当 node 长度为 0 时意为关闭美妆
         * @param tags  与 nodes 一一对应
         * @brief 更新特效
         */
        /** {en}
         * @ nodes  character string array, stores all settings of beauty content, when the node length is 0, it means to turn off beauty makeup
         * @ tags   one-to-one correspondence with nodes
         * @brief update special effects
         */

        void updateComposeNodes(Set<EffectButtonItem> effectButtonItems);

        /** {zh}
         * @param effectButtonItem  特效名称
         * @brief 更新特效强度
         */
        /** {en}
         * @param effectButtonItem   Effect name
         * @brief Update effect strength
         */

        void updateComposerNodeIntensity(EffectButtonItem effectButtonItem);

        /** {zh}
         * @param effectButtonItem  特效名称
         * @brief 更新特效强度
         */
        /** {en}
         * @param effectButtonItems   Effect name
         * @brief Update effect strength
         */
        void updateComposerNodeIntensity(Set<EffectButtonItem> effectButtonItems);

        /** {zh}
         * @param filter 滤镜名称
         * @brief 更新滤镜
         */
        /** {en}
         * @param filter  Filter name
         * @brief Update filter
         */

        void onFilterSelected(String filter);

        /** {zh}
         * @param cur 强度值，0-1
         * @brief 更新滤镜强度
         */
        /** {en}
         * @param cur  strength value, 0-1
         * @brief update filter strength
         */

        void onFilterValueChanged(float cur);

        /** {zh}
         * 回调Fragment内部点击事件
         */
        /** {en}
         * Callback Fragment Internal Click Event
         */

        void onClickEvent(View view);

        /** {zh}
         * 获取当前选中的EffectType
         *
         * @return
         */
        /** {en}
         * Get the currently selected EffectType
         *
         * @return
         */

        EffectType getEffectType();

        /** {zh}
         * 显示tip
         */
        /** {en}
         * Display tips
         */

        void showTip(String title, String desc);

        /** {zh}
         * 调节对比按钮的高度
         */
        /** {en}
         * Display tips
         */
        void setImgCompareHeightBy(float y, int duration);

        /** {zh}
         * @param part 设置的挑染颜色
         * @param colorItem 设置的挑染部位
         * @brief 更新挑染设置
         */
        /** {en}
         * @param part selected hair dye part
         * @param colorItem  selected hair dye color
         * @brief update hair dye color
         */
        void onHairDyeSelected(int part, ColorItem colorItem);


        /** {zh}
         * @param node  特效名称
         * @param key   功能 key
         * @param value 强度值
         * @brief 更新特效强度
         */
        /** {en}
         * @param node   Effect name
         * @param key    Function key
         * @param value  Strength value
         * @brief Update effect strength
         */

        void updateComposerNodeIntensity(String node, String key, float value);

        /**
         * 贴纸选择
         * @param item
         */
        void onStickSelect(EffectButtonItem item);

        /**
         * 风格装选择
         * @param item
         */
        void onMakeUpSelect(EffectButtonItem item);
    }
}