Android仿QQ长按删除弹出框

        废话不说,先看一下效果图:


        对于列表来说,如果想操作某个列表项,一般会采用长按弹出菜单的形式,默认的上下文菜单比较难看,而QQ的上下文菜单就人性化多了,整个菜单给用户一种气泡弹出的感觉,而且会显示在手指按下的位置,而技术实现我之前是使用popupWindow和RecyclerView实现的,上面一个RecyclerView,下面一个小箭头ImageView,但后来发现没有必要,而且可定制化也不高,还是使用多个TextView更好一点。

        我封装了一下,只需要一个PopupList.java文件。源码放在了git上,git地址:https://github.com/shangmingchao/PopupList

        使用方式,很简单:

        只需要一个PopupList.java文件和几行代码,你就可以为ListView,GridView,甚至任意View绑定一个长按弹出的水平气泡式菜单。
你可以这样使用:

public class MainActivity extends AppCompatActivity {


    private Button btn_long_click;
    private ListView lv_main;
    private List<String> mDataList = new ArrayList<>();
    private ArrayAdapter<String> mDataAdapter;
    private List<String> popupMenuItemList = new ArrayList<>();


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn_long_click = (Button) findViewById(R.id.btn_long_click);
        lv_main = (ListView) findViewById(R.id.lv_main);
        mDataAdapter = new ArrayAdapter<>(this, android.R.layout.simple_expandable_list_item_1, mDataList);
        lv_main.setAdapter(mDataAdapter);


        popupMenuItemList.add(getString(R.string.copy));
        popupMenuItemList.add(getString(R.string.delete));
        popupMenuItemList.add(getString(R.string.share));
        popupMenuItemList.add(getString(R.string.more));
        PopupList popupList = new PopupList(this);
        popupList.bind(lv_main, popupMenuItemList, new PopupList.PopupListListener() {
            @Override
            public boolean showPopupList(View adapterView, View contextView, int contextPosition) {
                return true;
            }


            @Override
            public void onPopupListClick(View contextView, int contextPosition, int position) {
                Toast.makeText(MainActivity.this, contextPosition + "," + position, Toast.LENGTH_SHORT).show();
            }
        });


        PopupList normalViewPopupList = new PopupList(this);
        normalViewPopupList.bind(btn_long_click, popupMenuItemList, new PopupList.PopupListListener() {
            @Override
            public boolean showPopupList(View adapterView, View contextView, int contextPosition) {
                return true;
            }


            @Override
            public void onPopupListClick(View contextView, int contextPosition, int position) {
                Toast.makeText(MainActivity.this, contextPosition + "," + position, Toast.LENGTH_SHORT).show();
            }
        });


        lv_main.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "onItemClicked:" + position, Toast.LENGTH_SHORT).show();
            }
        });
        btn_long_click.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this, SecondaryActivity.class));
            }
        });
        getData();
    }


    private void getData() {
        for (int i = 0; i < 40; i++) {
            mDataList.add("No." + i);
        }
        mDataAdapter.notifyDataSetChanged();
    }


}
注意:`bind()`方法要求你的anchorView不能有touch和longClick/itemLongClick监听,因为`bind()`方法会主动给anchorView设置监听器:

    mAnchorView.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            mRawX = event.getRawX();
            mRawY = event.getRawY();
            return false;
        }
    });
    if (mAnchorView instanceof AbsListView) {
        ((AbsListView) mAnchorView).setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
                if (mPopupListListener != null
                        && !mPopupListListener.showPopupList(parent, view, position)) {
                    return false;
                }
                mAdapterView = parent;
                mContextView = view;
                mContextPosition = position;
                showPopupListWindow();
                return true;
            }
        });
    } else {
        mAnchorView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                if (mPopupListListener != null
                        && !mPopupListListener.showPopupList(v, v, 0)) {
                    return false;
                }
                mContextView = v;
                mContextPosition = 0;
                showPopupListWindow();
                return true;
            }
        });
    }
这就限制了anchorView不能再添加touch监听,不能添加longClick监听,如果你需要添加监听可以使用`showPopupListWindow`方法主动来显示弹出框,而不是使用`bind()`方法: 

public class SecondaryActivity extends AppCompatActivity {


    private ListView lv_main;
    private List<String> mDataList = new ArrayList<>();
    private ArrayAdapter<String> mDataAdapter;
    private List<String> popupMenuItemList = new ArrayList<>();
    private float mRawX;
    private float mRawY;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_secondary);
        lv_main = (ListView) findViewById(R.id.lv_main);
        mDataAdapter = new ArrayAdapter<>(this, android.R.layout.simple_expandable_list_item_1, mDataList);
        lv_main.setAdapter(mDataAdapter);


        popupMenuItemList.add(getString(R.string.copy));
        popupMenuItemList.add(getString(R.string.delete));
        popupMenuItemList.add(getString(R.string.share));
        popupMenuItemList.add(getString(R.string.more));


        lv_main.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                mRawX = event.getRawX();
                mRawY = event.getRawY();
                return false;
            }
        });
        lv_main.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(SecondaryActivity.this, "onItemClicked:" + position, Toast.LENGTH_SHORT).show();
            }
        });
        lv_main.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
                PopupList popupList = new PopupList(view.getContext());
                popupList.showPopupListWindow(view, position, mRawX, mRawY, popupMenuItemList, new PopupList.PopupListListener() {
                    @Override
                    public boolean showPopupList(View adapterView, View contextView, int contextPosition) {
                        return true;
                    }


                    @Override
                    public void onPopupListClick(View contextView, int contextPosition, int position) {
                        Toast.makeText(contextView.getContext(), contextPosition + "," + position, Toast.LENGTH_SHORT).show();
                    }
                });
                return true;
            }
        });
        getData();
    }


    private void getData() {
        for (int i = 0; i < 40; i++) {
            mDataList.add("No." + i);
        }
        mDataAdapter.notifyDataSetChanged();
    }


}
更详细的配置:

  • popupList.setIndicatorView(View)
  • popupList.setIndicatorSize(int, int)
  • popupList.setNormalBackgroundColor(int)
  • popupList.setPressedBackgroundColor(int)
  • popupList.setNormalTextColor(int)
  • popupList.setPressedTextColor(int)
  • popupList.setDividerColor(int)
  • popupList.setTextSize(float)
  • popupList.setTextPadding(int, int, int, int)
  • popupList.setTextPaddingLeft(int)
  • popupList.setTextPaddingTop(int)
  • popupList.setTextPaddingRight(int)
  • popupList.setTextPaddingBottom(int)
  • popupList.setBackgroundCornerRadius(int)
  • popupList.setDividerWidth(int)
  • popupList.setDividerHeight(int)

  • 6
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 64
    评论
实现 Android 仿QQ左滑显示删除按钮的方法是使用 RecyclerView 的 ItemTouchHelper 类,它提供了拖动和滑动 Item 的处理逻辑。具体实现步骤如下: 1. 在 RecyclerView 的 adapter 中,实现 ItemTouchHelper.Callback 接口,该接口中有三个方法:onMove()、onSwiped() 和 getMovementFlags()。 2. 在 getMovementFlags() 方法中,设置支持的滑动方向为左滑。 3. 在 onSwiped() 方法中,处理滑动事件,比如删除 Item。 4. 在 Item 的 ViewHolder 中,添加一个删除按钮,并设置其可见性为不可见。 5. 在 ItemTouchHelper.Callback 的 onChildDraw() 方法中,处理左滑时的视觉效果,比如将删除按钮设置为可见,实现左滑删除的效果。 6. 在 RecyclerView 的 ItemDecoration 中,设置左滑时的背景颜色和阴影效果,使左滑效果更加美观。 代码示例: ```java public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements ItemTouchHelper.Callback { private List<String> mData; @Override public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { int swipeFlags = ItemTouchHelper.LEFT; return makeMovementFlags(0, swipeFlags); } @Override public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) { // 拖动事件 return false; } @Override public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) { // 左滑事件 int position = viewHolder.getAdapterPosition(); mData.remove(position); notifyItemRemoved(position); } @Override public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) { // 滑动时的视觉效果 if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) { View itemView = viewHolder.itemView; int buttonWidth = itemView.getHeight(); Paint paint = new Paint(); paint.setColor(Color.parseColor("#D32F2F")); RectF background = new RectF(itemView.getRight() + dX, itemView.getTop(), itemView.getRight(), itemView.getBottom()); c.drawRect(background, paint); Drawable icon = ContextCompat.getDrawable(mContext, R.drawable.delete_icon); int intrinsicWidth = icon.getIntrinsicWidth(); int intrinsicHeight = icon.getIntrinsicHeight(); int iconTop = itemView.getTop() + (itemView.getHeight() - intrinsicHeight) / 2; int iconMargin = (itemView.getHeight() - intrinsicHeight) / 2; int iconLeft = itemView.getRight() - iconMargin - intrinsicWidth; int iconRight = itemView.getRight() - iconMargin; int iconBottom = iconTop + intrinsicHeight; icon.setBounds(iconLeft, iconTop, iconRight, iconBottom); icon.draw(c); } super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive); } static class ViewHolder extends RecyclerView.ViewHolder { Button mDeleteButton; public ViewHolder(View itemView) { super(itemView); mDeleteButton = itemView.findViewById(R.id.delete_button); mDeleteButton.setVisibility(View.GONE); } } } ``` 以上是一个简单的实现 Android 仿QQ左滑显示删除按钮的示例代码,可以根据实际需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 64
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值