SwipeLayout框架实现侧拉删除编辑功能

2020-10-30 11:17:05 浏览数 (1)

本文实例为大家分享了SwipeLayout实现侧拉删除编辑的具体代码,供大家参考,具体内容如下

第一步、添加依赖

代码语言:javascript复制
dependencies {
  compile 'com.android.support:recyclerview-v7:21.0.0'
  compile 'com.android.support:support-v4:20. '
  compile "com.daimajia.swipelayout:library:1.2.0@aar"
}

第二步、布局文件

代码语言:javascript复制
//建议最好是在BottomView里面添加layout_gravity属性,或者在代码里面添加
<com.daimajia.swipe.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="80dp" 
<!-- Bottom View Start-- 
 <LinearLayout
  android:background="#66ddff00"
  android:id="@ id/bottom_wrapper"
  android:layout_width="160dp"
  android:weightSum="1"
  android:layout_height="match_parent" 
  <!--What you want to show-- 
  <!--在这里写我们侧滑后显示出来的控件-- 
  <!-通常是几个TextView或者Button--- 
</LinearLayout 
<!-- Bottom View End-- 

<!-- Surface View Start -- 
 <LinearLayout
  android:padding="10dp"
  android:background="#ffffff"
  android:layout_width="match_parent"
  android:layout_height="match_parent" 
  <!--What you want to show in SurfaceView-- 
  <!--这里写我们条目显示的内容的布局-- 
</LinearLayout 
<!-- Surface View End -- 
</com.daimajia.swipe.SwipeLayout 

第三步、在Activity中得到SwipeLayout实例.

代码语言:javascript复制
SwipeLayout swipeLayout = (SwipeLayout) view.findViewById(R.id.swipelayout);
  //设置侧拉的模式
  swipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown);
  //如果布局文件里面有layout_gravity属性,这句可以忽略
  //swipeLayout.addDrag(SwipeLayout.DragEdge.Left, findViewById(R.id.bottom_wrapper));

到此为止,一个条目的侧滑功能就实现了。 如果我们在Listview里面使用这个功能,那么我们需要继承BaseSwipeAdapter,并且复写里面的几个方法:

代码语言:javascript复制
//获取swipeLayout布局
 @Override
public int getSwipeLayoutResourceId(int position) {
  return R.id.swipelayout;
}

//生成条目布局,相当于BaseAdapter里面的getView()方法
@Override
public View generateView(int position, ViewGroup parent) {
  View view = LayoutInflater.from(mContext).inflate(R.layout.listview_item, null);
  SwipeLayout swipeLayout = (SwipeLayout) view.findViewById(R.id.swipelayout);
  //这里写对布局中控件的一些初始化
  swipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown);    
  return view;
}
//为条目里面的控件赋值
@Override
public void fillValues(int position, View convertView) {

}
//下面的几个方法是BaseAdapter里面的方法,BaseSwipeAdapter也是继承自BaseAdapter
@Override
public int getCount() {
  return 0;
}

@Override
public Object getItem(int i) {
  return null;
}

@Override
public long getItemId(int i) {
  return 0;
}

这样,一个ListView的条目侧滑就基本实现了。点击删除/编辑的代码我们在方法generateView()里面实现。下面为Listview添加条目点击事件:

代码语言:javascript复制
//此处的swipeLayout是generateView()里面从条目布局里面获取的
swipeLayout.getSurfaceView().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {

    }
});

如果我们需要在侧滑的时候实现其他逻辑的话,我们可以添加侧滑监听:

代码语言:javascript复制
swipeLayout.addSwipeListener(new SwipeLayout.SwipeListener() {
 @Override
 public void onClose(SwipeLayout layout) {
  //when the SurfaceView totally cover the BottomView.
 }

 @Override
 public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) {
  //you are swiping.
 }

 @Override
 public void onStartOpen(SwipeLayout layout) {

 }

 @Override
 public void onOpen(SwipeLayout layout) {
  //when the BottomView totally show.
 }

 @Override
 public void onStartClose(SwipeLayout layout) {

 }

 @Override
 public void onHandRelease(SwipeLayout layout, float xvel, float yvel) {
  //when user's hand released.
 }
});

到此,ListView侧滑功能基本实现。

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

0 人点赞