仿qq列表侧滑删除

最近做项目,有一类似qq列表侧滑删除的需求,有一点不同的是当条目滑出来的时候,条目有箭头指示,如下:


先说一下实现思路,在网上找了一个开源控件,自己修改了一下代码实现的,大笑

参考:https://github.com/baoyongzhang/SwipeMenuListView

在这里感谢作者的贡献。

主要部分代码:

一、设置监听,itemMenu。

private void initUiAndListener() {
        // TODO Auto-generated method stub
        mListView = (SlideAndDragListView) findViewById(R.id.lv_edit);
        mListView.setMenu(mMenuList);
        mListView.setAdapter(mAdapter);
//        mListView.setOnListScrollListener(this);
//        mListView.setOnItemCloseListener(this);
        mListView.setOnSlideListener(this);
        mListView.setOnMenuItemClickListener(this);
//        mListView.setOnListItemLongClickListener(this);
        mListView.setOnListItemClickListener(this);

    }

    private void initMenu() {
        // TODO Auto-generated method stub
        mMenuList = new ArrayList<Menu>(2);
        Menu menu0 = new Menu(false,false,0);
        menu0.addItem(new MenuItem.Builder().setWidth((int) getResources().getDimension(R.dimen.slv_item_bg_btn2_width))
                .setBackground(new ColorDrawable(Color.RED))
                .setText("删除")
                .setDirection(MenuItem.DIRECTION_RIGHT)
                .setTextColor(Color.WHITE)
                .build());
        menu0.addItem(new MenuItem.Builder().setWidth((int) getResources().getDimension(R.dimen.slv_item_bg_btn2_width))
                .setBackground(new ColorDrawable(Color.GRAY))
                .setText("添加")
                .setDirection(MenuItem.DIRECTION_RIGHT)
                .setTextColor(Color.WHITE)
                .build());

        Menu menu1 = new Menu(true,false,1);
        menu1.addItem(new MenuItem.Builder().setWidth((int) getResources().getDimension(R.dimen.slv_item_bg_btn2_width))
                .setBackground(new ColorDrawable(Color.RED))
                .setText("删除")
                .setDirection(MenuItem.DIRECTION_RIGHT)
                .setTextColor(Color.WHITE)
                .build());
        menu1.addItem(new MenuItem.Builder().setWidth((int) getResources().getDimension(R.dimen.slv_item_bg_btn2_width))
                .setBackground(new ColorDrawable(Color.GRAY))
                .setText("查看")
                .setDirection(MenuItem.DIRECTION_RIGHT)
                .setTextColor(Color.GREEN)
                .build());

        mMenuList.add(menu0);
        mMenuList.add(menu1);
    }

二、对item滑出时的监听做处理

@Override
public void onSlideOpen(View view, View parentView, int position, int direction) {
    Log.e(TAG,"onSlideOpen:position --" + position + "---direction---" +direction);
    ImageView img = (ImageView) view.findViewById(R.id.imageView1);
    img.setImageBitmap(rotateImg(R.drawable.ic_left_arrow, 180));
}

@Override
public void onSlideClose(View view, View parentView, int position, int direction) {
    Log.e(TAG,"onSlideClose:position --" + position + "---direction---" +direction);
    ImageView img = (ImageView) view.findViewById(R.id.imageView1);
    img.setImageBitmap(rotateImg(R.drawable.ic_left_arrow, 0));
}

/**
 * @param id 资源引用
 * @param degress 旋转角度
 * @return bitmap   employ: XXX.setImageDrawable(bitmap)
 */
private Bitmap rotateImg(int id, float degress){
    Bitmap bitmap= BitmapFactory.decodeResource(getResources(), id);
    //创建操作图片是用的matrix对象
    Matrix matrix=new Matrix();
    matrix.setRotate(degress);
    bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
    return bitmap;
}


若需要详细的代码,请移步下载



  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值