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

发布时间:2020-10-19 03:24:19 作者:chenlxhf
来源:脚本之家 阅读:153

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

第一步、添加依赖

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"
}

第二步、布局文件

//建议最好是在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实例.

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,并且复写里面的几个方法:

//获取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添加条目点击事件:

//此处的swipeLayout是generateView()里面从条目布局里面获取的
swipeLayout.getSurfaceView().setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {

    }
});

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

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侧滑功能基本实现。

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

推荐阅读:
  1. vue+element实现表格新增、编辑、删除功能
  2. weui框架实现上传、预览和删除图片功能代码

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

swipelayout 侧拉 删除

上一篇:Angular2的管道Pipe的使用方法

下一篇:C#窗体控件DataGridView常用设置

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》