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 { 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 getSelectNodes() { return mSelectNodes; } // {zh} 所有被选中的小项 {en} All selected items private Set 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 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()); mTabList = BeautyData.INSTANCE.getTabItems(); ArrayList fragmentList = new ArrayList<>(); ArrayList 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 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 localStoredSet = mEffectDataManager.getLocalStoredItems(0); mSelectNodes.addAll(localStoredSet); mSelectFilter = mFilterDataManager.getLocalStoredItems(); List 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 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 colorItems = mCurrentItem.getColorItems(); if (colorItems != null && colorItems.size() > 0 && mCurrentItem.getParent() != null) { colorListView.setSelect(mCurrentItem.getParent().getSelectColorIndex()); } } } } private void removeOrAddItem(Set 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 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 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 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 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 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 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 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 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) { 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 colorItems) { switch (colorListPosition) { case BOARD_FRAGMENT_HEAD_ABOVE: showColorListHeadAbove(isShow, colorItems); break; default: showColorListHeadInside(isShow, colorItems); } } private void showColorListHeadAbove(boolean isShow, ArrayList 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 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 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 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); } }