SwipeLayout侧滑

最新推荐文章于 2024-11-11 09:57:08 发布

原创最新推荐文章于 2024-11-11 09:57:08 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#SwipeLayou #Android #条目侧滑

andriod学习专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用SwipeLayout框架在Android应用中实现条目的侧滑删除和编辑功能。详细步骤包括添加依赖、配置布局文件以及在Activity中获取SwipeLayout实例。在ListView中使用时，需要继承并重写相关方法，同时添加条目点击事件和侧滑监听以实现完整功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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