Android实现可拖拽列表和多选功能

本文实例为大家分享了Android实现可拖拽列表和多选的具体代码,供大家参考,具体内容如下

这是我已经完成的一个已经上线的OA软件的一个模块,这个模块的功能不多,已经放到GitHub上面开源了,有感兴趣的朋友可以看看UIFrame

主窗口JAVA代码

/**
 * 编辑状态下长按拖动条目
 * 1.通过ItemTouchHelper.Callback实现长按拖动
 * 2.通过isEditable的值判断是否编辑状态,初值是false
 * 3.切换编辑状态要把isEditable的值取反,并改变复选框图标状态
 * 4.在编辑状态下,按返回键回到非编辑状态
 * 5.RecyclerView的点击事件通过RecyclerAdapter.Callback实现
 */

public class ReportListActivity extends AppCompatActivity implements View.OnClickListener {

 private static final String TAG = "ReportListActivity";

 @BindView(R.id.tv_title_middle)
 TextView title;
 @BindView(R.id.title_left)
 ImageView backButton;
 @BindView(R.id.online_report_listview)
 RecyclerView mRecyclerView;
 @BindView(R.id.edit_tv)
 TextView edit;
 @BindView(R.id.filter_tv)
 TextView filter;
 @BindView(R.id.btn_delete)
 TextView delete;
 @BindView(R.id.btn_release)
 TextView release;
 @BindView(R.id.btn_close)
 TextView close;
 @BindView(R.id.btn_top)
 TextView top;
 @BindView(R.id.toolbar)
 LinearLayout mToolbar;

 private Context mContext;
 private boolean isEditable;
 private RecyclerAdapter mAdapter;
 private List<ClsOnlineReport> mClsOnlineReportList;
 private ItemTouchHelper itemTouchHelper;

 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_online_report);
  ButterKnife.bind(this);

  initView();
  initData();
  initListener();
 }

 private void initData() {
  mContext = this;

  mClsOnlineReportList = new ArrayList<>();
  mAdapter = new RecyclerAdapter(mClsOnlineReportList);
  mRecyclerView.setAdapter(mAdapter);

  getOfflineData(20);

  //初始状态为非编辑模式
  setIsEditable(false);
  //初始化拖动接口
  OnlineReportListCallback callback = new OnlineReportListCallback(mAdapter);
  itemTouchHelper = new ItemTouchHelper(callback);

  //初始状态为不可拖动
  setRecyclerViewDraggable(false);
 }

 //生成模拟数据
 private void getOfflineData(int num) {
  List<ClsOnlineReport> clsOnlineReportList = new ArrayList<>();
  for (int i = 0; i < num; i++) {
   ClsOnlineReport onlineReport = new ClsOnlineReport();
   onlineReport.setActiveDate("activeDate " + i);
   onlineReport.setAutoCloseDate("autoCloseDate " + i);
   onlineReport.setBulletinID("bulletinID " + i);
   onlineReport.setBulletinTime("bulletinTime " + i);
   onlineReport.setBulletinTitle("bulletinTitle " + i);
   onlineReport.setCreater("creater " + i);
   clsOnlineReportList.add(onlineReport);
  }

  mClsOnlineReportList.addAll(clsOnlineReportList);
  mAdapter.notifyDataSetChanged();
 }

 private void initView() {
  title.setText("可拖拽列表");
  edit.setVisibility(View.VISIBLE);

  mToolbar.setVisibility(View.GONE);
  //设置RecyclerView的布局
  mRecyclerView.setLayoutManager(new LinearLayoutManager(mContext));
 }

 private void initListener() {
  filter.setOnClickListener(this);
  backButton.setOnClickListener(this);
  edit.setOnClickListener(this);
  delete.setOnClickListener(this);
  release.setOnClickListener(this);
  close.setOnClickListener(this);
  top.setOnClickListener(this);

  mAdapter.setmCallback((v, position) -> {
   switch (v.getId()) {
    case R.id.view_parent_1:
    case R.id.view_parent_2:
     ClsOnlineReport clsOnlineReport = mClsOnlineReportList.get(position);

     //在编辑模式下,点击条目切换显示checkbox,并且判断选中条目的数量,
     if (getIsEditable()) {
      if (clsOnlineReport.getIsCheckBoxVisible()) {
       clsOnlineReport.setIsChecked(!clsOnlineReport.getIsChecked());
       mAdapter.notifyDataSetChanged();
      }

      for (int i = 0; i < mClsOnlineReportList.size(); i++) {
       //数量等于0,隐藏工具条,否则显示工具条
       ClsOnlineReport onlineReport = mClsOnlineReportList.get(i);
       if (onlineReport.getIsChecked()) {
        mToolbar.setVisibility(View.VISIBLE);
        break;
       }
       if (i == mClsOnlineReportList.size() - 1) {
        mToolbar.setVisibility(View.GONE);
       }
      }
     } else {
      //在非编辑模式下,点击条目直接跳转详情页,并把bulletinID传过去
      Intent intent = new Intent(mContext, ReportDetailActivity.class);
      intent.putExtra("bulletinID", clsOnlineReport.getBulletinID());
      startActivityForResult(intent, 16371);
     }
   }
  });
 }

 @Override
 public void onBackPressed() {
  //编辑状态下,按返回键回到非编辑状态,否则退出
  if (getIsEditable()) {
   switchEditable();
  } else {
   finish();
  }
 }

 @Override
 public void onClick(View v) {
  //编辑状态下,按返回键回到非编辑状态,否则退出
  if (v.getId() == R.id.title_left) {
   if (getIsEditable()) {
    switchEditable();
   } else {
    finish();
   }
  }
  //点击编辑按钮切换编辑状态
  if (v.getId() == R.id.edit_tv) {
   switchEditable();
  }

  //工具条的按钮对应不同的接口
  switch (v.getId()) {
   case R.id.btn_top:
   case R.id.btn_close:
   case R.id.btn_release:
   case R.id.btn_delete:
    Toast.makeText(mContext, "在此处调用接口", Toast.LENGTH_SHORT).show();
  }

 }

 private void switchEditable() {

  //将属性取反
  setIsEditable(!getIsEditable());

  //遍历列表并赋值
  for (ClsOnlineReport clsOnlineReport : mClsOnlineReportList) {
   clsOnlineReport.setIsCheckBoxVisible(getIsEditable());
   clsOnlineReport.setIsChecked(false);
  }

  //通知适配器刷新
  mAdapter.notifyDataSetChanged();
  //隐藏工具条
  mToolbar.setVisibility(View.GONE);
  //切换拖动状态
  setRecyclerViewDraggable(getIsEditable());
 }

 public boolean getIsEditable() {
  return isEditable;
 }

 public void setIsEditable(boolean isEditable) {
  this.isEditable = isEditable;
 }

 //设置能否拖动
 private void setRecyclerViewDraggable(boolean draggable) {
  if (draggable) {
   itemTouchHelper.attachToRecyclerView(mRecyclerView);
  } else {
   itemTouchHelper.attachToRecyclerView(null);
  }
 }

 @Override
 protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {

  //当详情页的数据有变动则刷新列表
  if (requestCode == 16371 && resultCode == RESULT_OK) {
   refreshData();
  }

  super.onActivityResult(requestCode, resultCode, data);
 }

 private void refreshData() {
  Toast.makeText(mContext, "在此处调用接口", Toast.LENGTH_SHORT).show();
 }
}

适配器代码

/**
 * 可拖拽列表的适配器,
 * 1.需要实现OnlineReportListCallback.ItemTouchMoveListener
 * 2.持有一个接口用于传递position
 */
public class RecyclerAdapter extends RecyclerView.Adapter implements OnlineReportListCallback.ItemTouchMoveListener, View.OnClickListener {

 private List<ClsOnlineReport> mList;
 private Callback mCallback;

 public RecyclerAdapter(List<ClsOnlineReport> mList) {
  this.mList = mList;
 }

 public void setmCallback(Callback mCallback) {
  this.mCallback = mCallback;
 }

 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

  LayoutInflater inflater = LayoutInflater.from(parent.getContext());
  View v = inflater.inflate(R.layout.item_report_list, parent, false);
  return new ItemHolder(v);
 }

 @Override
 public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {

  ClsOnlineReport clsOnlineReport = mList.get(position);
  ItemHolder itemHolder = (ItemHolder) holder;

  if (clsOnlineReport.getIsCheckBoxVisible()) {
   itemHolder.checkbox.setVisibility(View.VISIBLE);
   itemHolder.drag.setVisibility(View.VISIBLE);
  } else {
   itemHolder.checkbox.setVisibility(View.GONE);
   itemHolder.drag.setVisibility(View.GONE);
  }

  if (clsOnlineReport.getIsChecked()) {
   itemHolder.checkbox.setImageResource(R.drawable.ic_check_box_black_24dp);
  } else {
   itemHolder.checkbox.setImageResource(R.drawable.ic_check_box_outline_blank_black_24dp);
  }

  itemHolder.parent1.setTag(position);
  itemHolder.parent2.setTag(position);

  itemHolder.parent1.setOnClickListener(this);
  itemHolder.parent2.setOnClickListener(this);

  itemHolder.time.setText(clsOnlineReport.getBulletinTime());
  itemHolder.title.setText(clsOnlineReport.getBulletinTitle());
  itemHolder.author.setText(clsOnlineReport.getCreater());
 }

 @Override
 public int getItemCount() {
  return mList.size();
 }

 @Override
 public boolean onItemMove(int fromPosition, int toPosition) {
  Collections.swap(mList, fromPosition, toPosition);
  notifyItemMoved(fromPosition, toPosition);
  return true;
 }

 class ItemHolder extends RecyclerView.ViewHolder {

  @BindView(R.id.online_report_time)
  TextView time;
  @BindView(R.id.online_report_title)
  TextView title;
  @BindView(R.id.online_report_author)
  TextView author;
  @BindView(R.id.online_report_drag)
  ImageView drag;
  @BindView(R.id.online_report_checkbox)
  ImageView checkbox;
  @BindView(R.id.view_parent_1)
  LinearLayout parent1;
  @BindView(R.id.view_parent_2)
  LinearLayout parent2;

  ItemHolder(View itemView) {
   super(itemView);
   ButterKnife.bind(this, itemView);
  }
 }

 @Override
 public void onClick(View v) {
  mCallback.onClick(v, (int) v.getTag());
 }

 public interface Callback {
  void onClick(View v, int position);
 }
}

需要实现的接口

/**
 * 用来完成RecyclerView长按拖拽的关键接口
 * 1.getMovementFlags里面表示设置为上下拖动
 * 2.onSelectedChanged里面表示拖动状态下改变背景色,拖动完成后恢复背景色
 * 3.拖动完成的时候viewHolder的值为空!!!所以要用srcHolder
 */
public class OnlineReportListCallback extends ItemTouchHelper.Callback {

 private ColorDrawable drawable;
 private RecyclerView.ViewHolder srcHolder;

 public interface ItemTouchMoveListener {
  boolean onItemMove(int fromPosition, int toPosition);
 }

 private ItemTouchMoveListener moveListener;

 public OnlineReportListCallback(ItemTouchMoveListener moveListener) {
  this.moveListener = moveListener;

  int rgb = Color.rgb(0xff, 0xff, 0xff);
  drawable = new ColorDrawable(rgb);
 }

 @Override
 public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

  int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
  return makeMovementFlags(dragFlags, ItemTouchHelper.ACTION_STATE_IDLE);
 }

 @Override
 public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder srcHolder, RecyclerView.ViewHolder targetHolder) {

  this.srcHolder = srcHolder;
  return srcHolder.getItemViewType() == targetHolder.getItemViewType() && moveListener.onItemMove(srcHolder.getAdapterPosition(), targetHolder.getAdapterPosition());
 }

 @Override
 public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {

 }

 @Override
 public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {

  super.onSelectedChanged(viewHolder, actionState);

  if (actionState == ItemTouchHelper.ACTION_STATE_DRAG) {
   viewHolder.itemView.setBackground(null);
  }

  if (actionState == ItemTouchHelper.ACTION_STATE_IDLE) {
   srcHolder.itemView.setBackground(drawable);
  }
 }
}

图片使用Android Studio内置的SVG,引入了ButterKnife绑定控件,另外内部类使用了lambda表达式折叠了,重点说一下RecyclerAdapter.Callback,这个接口的内部方法 void onClick(View v, int position) 是在View.OnClickListener的
void onClick(View v)的基础上多传了一个参数,这个参数是放在tag里面的,其他难点注释里面都有,不懂的话要自己动手跑一下程序,然后也可以问我

效果如下图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义ListView实现仿QQ可拖拽列表功能

    我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • Android使用AlertDialog实现的信息列表单选、多选对话框功能

    在使用AlertDialog实现单选和多选对话框时,分别设置setSingleChoiceItems()和setMultiChoiceItems()函数. 下面看主要的代码: 数据源数组: <resources> <!--单选--> <string-array name="arr_weather"> <item >晴</item> <item >多云</item> <item >小雨<

  • Android自定义控件实现可多选课程日历CalendarView

    可多选课程日历CalendarView的效果图 开发环境 IDE版本:AndroidStudio2.0 物理机版本:Win7旗舰版(64位) 前言 最近的项目中用到了一个课程选择的日历View,于是在网上搜了搜自定义日历View,发现基本上都是单选的,不能够满足项目中的需求.于是自己重新造了个轮子,写了个可以被多选的自定义日历View.最后面会给出GitHub地址. 代码实现 package widget; import android.content.Context; import andro

  • Android中创建对话框(确定取消对话框、单选对话框、多选对话框)实例代码

    Android中可以创建三种对话框.确定取消对话框.单选对话框.多选对话框 android中的确定取消对话框演示示例 Android中使用单选对话框的演示案例 android中使用多选对话框的演示案例 实现代码如下 修改activity_main.xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.

  • Android checkbox的listView(多选,全选,反选)具体实现方法

    布局文件:[html]  复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?>  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"      android:layout_width="fill_parent"      android:layout_height=

  • android ItemTouchHelper实现可拖拽和侧滑的列表的示例代码

    前言 话不多说,直接上图: 笔者使用 RecyclerView 的 ItemTouchHelper 来实现这个效果,过程非常简单.为了学习,这里顺便实现了一下侧滑删除. 实现功能: 按住 item 左侧的按钮可以上下拖动 item 向右侧滑删除 item item 拖动或侧滑时有阴影效果 实现基本功能 循序渐进学习,这里我们先实现基本的功能: 长按 item 实现上下拖拽 向右侧滑删除 布局文件 很简单,不多说,直接上代码: activity_main.xml <?xml version="

  • android GridView多选效果的实例代码

    具体代码如下: main.xml 复制代码 代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:background="#000000" android:layout_width="fill_parent"

  • Android的ListView多选删除操作实现代码

    最近尝试做了个listview的多选demo,网上看其他人的例子感觉不是很难,自己动手做了下,各种细节问题,没那么简单啊.既然做了,简单写个笔记记录下. 练手demo,命名笔记乱,不要介意哦. 主界面布局activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/to

  • Android中ListView + CheckBox实现单选、多选效果

    还是先来看看是不是你想要的效果: 不废话,直接上代码,很简单,代码里都有注释 1 单选 public class SingleActivity extends AppCompatActivity { private ListView listView; private ArrayList<String> groups; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInsta

  • Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用checkbox来做,用的是imageview,选中和不选中其实是两张图片 3.默认是不显示选中的控件的,点击编辑的时候显示,点击取消的时候隐藏 4.通过adapter和activity数据之间的传递,然后进行具体的操作 具体代码如下: 在recyclerview的布局中写全选,反选,删除,计数等相

随机推荐