亲宝软件园·资讯

展开

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

chenlxhf 人气:0

第一步、添加依赖

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

加载全部内容

相关教程
猜你喜欢
用户评论