先來看看淘寶、唯品會長按商品的效果，以及簡單Demo的效果：
首先分析一下場景：
長按條目時，彈出遮罩的效果遮擋在原來的條目布局上； 頁面滑動或點擊其他的條目，上一個正在遮罩的條目遮罩消失。 長按其他條目時，上一個遮罩的條目撤銷遮罩，當前長按的顯示遮罩； 條目添加遮罩的時添加動畫；
1. 遮罩的效果，我們會很容易的想到android/276314.html">Android布局控件FrameLayout布局，是基于疊加在上方的布局。所以在列表條目布局的時候，可以使用FrameLayout布局，在長按列表條目時，用條目的根布局添加一個遮罩的布局，就達到我們想要的效果了。
2. 記錄當前長按的根布局，如果點擊或長按其他的列表條目，亦或滑動頁面（添加活動監聽）時，就取消之前長按的條目遮罩，從條目根布局中刪除遮罩布局就OK了；
3. 可以利用View動畫或屬性動畫，在添加遮罩布局時顯示動畫；
接下來, 來擼一下代碼吧：
1. 首先，先定義一下遮罩的布局，根據需求自定義View
/*** * 長按條目遮罩界面 */public class ItemMaskLayout extends LinearLayout { public ItemMaskLayout(Context context) { this(context, null); } public ItemMaskLayout(Context context, @Nullable AttributeSet attrs) { this(context, attrs, 0); } public ItemMaskLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); LayoutInflater.from(context).inflate(R.layout.layout_product_list_item_mask, this, true); findViewById(R.id.tv_find_same).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (mItemMaskClickListener != null) { mItemMaskClickListener.findTheSame(); } } }); findViewById(R.id.tv_collection).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (mItemMaskClickListener != null) { mItemMaskClickListener.collection(); } } }); } public ItemMaskClickListener mItemMaskClickListener; public void setMaskItemClickListener(ItemMaskClickListener listener) { this.mItemMaskClickListener = listener; } //提供遮罩中按鈕點擊操作接口 自定義 public interface ItemMaskClickListener { void findTheSame(); void collection(); }}2. 封裝一個幫助類，主要是根據該類的成員變量根據長按的條目指向列表Item的布局，然后為條目添加遮罩的效果；
/** * 長按條目添加遮罩操作幫助類 */public class ItemLongClickMaskHelper { private FrameLayout mRootFrameLayout; private ItemMaskLayout mMaskItemLayout; private Context mContext; private ScaleAnimation anim; private String productId; public ItemLongClickMaskHelper(Context context){ this.mContext = context; mMaskItemLayout = new ItemMaskLayout(mContext); anim = new ScaleAnimation( 0f, 1.0f, 1.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f ); anim.setDuration(300); mMaskItemLayout.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { dismissItemMaskLayout(); } }); mMaskItemLayout.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { dismissItemMaskLayout(); return true; } }); mMaskItemLayout.setMaskItemClickListener(new ItemMaskLayout.ItemMaskClickListener() { @Override public void findTheSame() { ToastUtil.showCustomToast("找相似 " + productId); } @Override public void collection() { ToastUtil.showCustomToast("收藏 " + productId); } }); } public ItemLongClickMaskHelper setRootFrameLayout(FrameLayout frameLayout, String fundId){ if (mRootFrameLayout != null){ mRootFrameLayout.removeView(mMaskItemLayout); } mRootFrameLayout = frameLayout; this.productId = fundId; mRootFrameLayout.addView(mMaskItemLayout); mMaskItemLayout.startAnimation(anim); return this; } public ItemLongClickMaskHelper setMaskItemListener(ItemMaskLayout.ItemMaskClickListener listener){ this.mMaskItemLayout.setMaskItemClickListener(listener); return this; } /** * 遮罩消失 */ public void dismissItemMaskLayout(){ if (mRootFrameLayout != null){ mRootFrameLayout.removeView(mMaskItemLayout); } }}3.注意在滑動RecyclerView列表的時候，監聽滑動，撤銷遮罩，直接定義RecyclerView的子類，添加滑動監聽回調；
public class TouchCallbackRecyclerView extends RecyclerView { public TouchCallbackRecyclerView(Context context) { super(context); } public TouchCallbackRecyclerView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); } public TouchCallbackRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public interface ScrollCallback { /** * 滑動手指抬起事件 * * @param diffY 抬起時相對于按下時的偏移量<br/>大于0：列表往下拉, 小于0： 列表往上拉 */ void onTouchUp(float diffY); } private ScrollCallback mScrollCallback; public void setScrollCallback(ScrollCallback callback) { this.mScrollCallback = callback; } private float mDownY, mMovingY, mUpY; private boolean isUp = false; @SuppressWarnings("deprecation") private static final float SLOP = ViewConfiguration.getTouchSlop(); @Override public boolean dispatchTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mDownY = ev.getY(); isUp = false; break; case MotionEvent.ACTION_MOVE: mMovingY = ev.getY(); isUp = false; break; case MotionEvent.ACTION_UP: mUpY = ev.getY(); isUp = true; break; } if (isUp && mScrollCallback != null && Math.abs(mUpY - mDownY) > SLOP) { mScrollCallback.onTouchUp(mMovingY - mDownY); } return super.dispatchTouchEvent(ev); }}以上就是主要的代碼實現部分，靈活地擴展應用ItemLongClickMaskHelper基本就能實現類似淘寶長按遮罩效果了。希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
