swipelayout的基本使用

最新推荐文章于 2021-05-26 01:40:55 发布
最新推荐文章于 2021-05-26 01:40:55 发布
阅读量2.8k 收藏 6
点赞数 1
分类专栏： view 文章标签： view 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uuuuz/article/details/52556936
版权

swipelayout的项目地址
使用方法（ 以listview作为例子）：

Step 1 添加项目依赖

项目依赖如下：
在你的app中的build.gradle文件中添加以下依赖

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
//swipeLayout
    compile 'com.android.support:appcompat-v7:23.4.0'
    compile "com.daimajia.swipelayout:library:1.2.0@aar"
    compile 'com.daimajia.easing:library:1.0.0@aar'
    compile 'com.daimajia.androidanimations:library:1.1.2@aar'
    compile 'com.nineoldandroids:library:2.4.0'
}

注意：
compile 'com.daimajia.androidanimations:library:1.1.2@aar'
compile'com.nineoldandroids:library:2.4.0'
这两个库的引用是滑动bottomView所需要依赖的。

Step 2 添加swipeLayout的xml文件

首先创建一个swipelayout作为列表项（listview_item）的布局
swipelayout由两部分view组成：surfaceView 和 bottomView
//swipeLayout pic

图中左边是surfaceView，右边被滑动出来的是bottomView

Tips：
1. surfaceView应当写在此view中的最后，其余的都是bottomView
2. 在你的bottomView中最好使用layout_gravity这个属性

xml模版格式：

<?xml version="1.0" encoding="utf-8"?>
<com.daimajia.swipe.SwipeLayout android:id="@+id/swipe"
                                xmlns:android="http://schemas.android.com/apk/res/android"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content">


    <!-- Bottom View Start-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@color/red"
        android:orientation="horizontal"
        android:padding="4dp"
        android:weightSum="1">

    <!--some view in it-->

    </LinearLayout>
    <!-- Bottom View End-->


    <!--surfaceView Start-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!--some view in it-->

    </LinearLayout>
    <!--surfaceView End-->

</com.daimajia.swipe.SwipeLayout>

Example：

<?xml version="1.0" encoding="utf-8"?>
<com.daimajia.swipe.SwipeLayout android:id="@+id/swipe"
                                xmlns:android="http://schemas.android.com/apk/res/android"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content">


    <!-- Bottom View Start-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@color/red"
        android:orientation="horizontal"
        android:padding="4dp"
        android:weightSum="1">

        <TextView
            android:id="@+id/tv_cancel_favorite"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="取消收藏"
            android:textColor="@color/white"
            android:textSize="14sp"/>
    </LinearLayout>
    <!-- Bottom View End-->


    <!--surfaceView Start-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:orientation="horizontal"
            android:paddingLeft="10dp">

            <TextView
                android:id="@+id/tv_station_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="@string/text_station_title"
                android:textColor="@color/popup_title_gray"
                android:textSize="16sp"/>

            <ImageView
                android:id="@+id/iv_pop_openImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="6dp"
                android:src="@mipmap/station_open_up"
                android:visibility="gone"/>

            <ImageView
                android:id="@+id/iv_pop_freeImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="4dp"
                android:gravity="center_vertical"
                android:src="@mipmap/station_free_park"
                android:visibility="gone"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:paddingLeft="10dp">

            <ImageView
                android:id="@+id/iv_navi_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:src="@drawable/address"/>

            <TextView
                android:id="@+id/tv_pop_distance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="6dp"
                android:layout_marginTop="10dp"
                android:text="@string/text_station_distance"
                android:textColor="@color/popup_distance_gray"
                android:textSize="13sp"/>

            <View
                android:layout_width="1dp"
                android:layout_height="15dp"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="10dp"
                android:background="@color/div_line"/>

            <TextView
                android:id="@+id/tv_pop_address"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="10dp"
                android:singleLine="true"
                android:text="@string/text_station_address"
                android:textColor="@color/popup_address_gray"
                android:textSize="13sp"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal"
            android:paddingBottom="6dp"
            android:paddingLeft="10dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/text_station_opentime"
                android:textColor="@color/popup_address_gray"
                android:textSize="13sp"/>

            <TextView
                android:id="@+id/tv_pop_opentime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="@string/text_station_time"
                android:textColor="@color/popup_address_gray"
                android:textSize="13sp"/>
        </LinearLayout>

    </LinearLayout>
    <!--surfaceView End-->

</com.daimajia.swipe.SwipeLayout>

现在你已经创建好的列表项的布局了，要想在activity中让listview使用这个swipelayout你还需要一个listviewAdapter

Step 3 创建swipeLayout的adapter

首先swipelayout的adapter是继承于BaseAdapter，不同的是你不需要重写getView()，取而代之的是你需要重写以下三个方法来代替getView():

//return the `SwipeLayout` resource id in your listview | gridview item layout.
public abstract int getSwipeLayoutResourceId(int position);

//generate a new item layout.
public abstract View generateView(int position, ViewGroup parent);

/*fill values to your item layout returned from `generateView`.
  The position param here is passed from the BaseAdapter's 'getView()*/
public abstract void fillValues(int position, View convertView);

所以最终你在实现ListViewAdapter的时候需要重写6个方法：

  1. public int getSwipeLayoutResourceId(int position)
  2. public View generateView(final int position, ViewGroup parent)
  3. public void fillValues(int position, View convertView)
  4. public int getCount()
  5. public Object getItem(int position)
  6. public long getItemId(int position)

Tips:

  1. 如果你想绑定监听事件应当在fillValues()方法中去实现而不是在generateView()方法中！！
    如果你按照该项目作者在github上的demo把bind listener以及fill values的具体实现写在generateView()中，则会出现删除item控件错乱的问题。
    问题详见：swipeLayout issue #14 – github

  2. 为了避免滑动事件在滑回来不与该swipelayout的点击事件冲突，swipelayout的点击事件请使用 swipeLayout.getSurfaceView().setOnClickListener方法去实现。

    Example：

    /**
     * swipeLayout控件的listviewAdapter
     */
    public class FavoriteStationListViewAdapter extends BaseSwipeAdapter {

        private Context mContext;
        private ArrayList<FavoriteStationEntity> dataList;

        private SwipeLayout mSwipeLayout;

        public FavoriteStationListViewAdapter(Context mContext, ArrayList<FavoriteStationEntity> dataList) {
            this.mContext = mContext;
            this.dataList = dataList;
        }

        @Override
        public int getSwipeLayoutResourceId(int position) {
            return R.id.swipe;
        }

        /**
         * 此方法中一定不能绑定监听器和填充数据
         * never bind listeners or fill values, just genertate view here !!
         * just generate view
         * 
         * @param position
         * @param parent
         * @return
         */
        @Override
        public View generateView(final int position, ViewGroup parent) {

            View v = LayoutInflater.from(mContext).inflate(R.layout.listview_item_favorite_station, null);
            return v;
        }

        @Override
        public void fillValues(final int position, View convertView) {

            favoriteStation = dataList.get(position);

            //填充数据
            TextView stationName = (TextView) convertView.findViewById(R.id.tv_station_name);
            stationName.setText(favoriteStation.getStationName());

            if (favoriteStation.getCompetence() == 0) {//对外开放
                convertView.findViewById(R.id.iv_pop_openImage).setVisibility(View.VISIBLE);
            } else {
                convertView.findViewById(R.id.iv_pop_openImage).setVisibility(View.GONE);
            }

            if (favoriteStation.getParkPrice().equals("免费")) {//免停车费
                convertView.findViewById(R.id.iv_pop_freeImage).setVisibility(View.VISIBLE);
            } else {
                convertView.findViewById(R.id.iv_pop_freeImage).setVisibility(View.GONE);
            }

            TextView stationAddress = (TextView) convertView.findViewById(R.id.tv_pop_address);
            stationAddress.setText(favoriteStation.getAddress());

            TextView openTime = (TextView) convertView.findViewById(R.id.tv_pop_opentime);
            openTime.setText(favoriteStation.getServiceStartTime() + "--" + favoriteStation.getServiceEndTime());

            TextView stationDistance = (TextView) convertView.findViewById(R.id.tv_pop_distance);
            stationDistance.setText(favoriteStation.getDistance());


            mSwipeLayout = (SwipeLayout) convertView.findViewById(getSwipeLayoutResourceId(position));
            //绑定监听事件
            mSwipeLayout.addSwipeListener(new SimpleSwipeListener() {
                @Override
                public void onOpen(SwipeLayout layout) {
                    YoYo.with(Techniques.Tada).duration(500).delay(100).playOn(layout.findViewById(R.id.tv_cancel_favorite));
                }
            });

            /**
             * 用getSurfaceView()可以防止滑回与点击事件冲突
             */
            mSwipeLayout.getSurfaceView().setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {//跳转到充电站详情

                    favoriteStation = dataList.get(position);
                    Log.d("favoriteActivity", "favoriteActivity--position--->" + position);
                    Log.d("favoriteActivity", "favoriteActivity--stationName--->" + favoriteStation.getStationName());
                    int stationId = favoriteStation.getStationId();
                    Intent intentStationDetail = new Intent().putExtra("stationId", stationId);
                    intentStationDetail.setClass(FavoriteActivity.this, StationDetailActivity.class);
                    startActivity(intentStationDetail);
                }
            });

            convertView.findViewById(R.id.tv_cancel_favorite).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {//bottomView点击事件 取消收藏站点

                    favoriteStation = dataList.get(position);
                    Log.d("favoriteActivity", "favoriteActivity--cancelStationName--->" + favoriteStation.getStationName());
                    mFavoritePresenter.cancelFavorite(favoriteStation.getId());
                    mSwipeLayout.close();

                }
            });
        }

        @Override
        public int getCount() {
            Log.d("dataListSize", "dataListSize--->" + dataList.size());
            return dataList.size();
        }

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

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

至此，我们已经写好了listview_item布局，listview的adapter。最后看一下在activity中如何使用这个滑动控件。

Step 4 使用swipeLayout

在activity中使用swipelayout

Example:
根据需要在onCreate()或者onResume()中使用

favoriteListLv = (ListView) findViewById(R.id.lv_favorite_station);
favoriteStaionListAdapter = new FavoriteStationListViewAdapter(FavoriteActivity.this,
                favoriteStationList);
favoriteStaionListAdapter.setMode(Attributes.Mode.Single);
favoriteListLv.setAdapter(favoriteStaionListAdapter);

以上就是swipelayout的基本用法，当然还有很多可以设置的地方需要到作者的github上去学习，项目地址，swipelayout这个view还可以用在gridview、recyclerView等等

如果你想跟我继续讨论swipeLayout，我的微博地址，欢迎给我私信(≧▽≦o)

jammicnicoole
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android UI 开源库（1） AndroidSwipeLayout基础学习笔记
CAM0929的博客
07-10 411
1.说明 AndroidSwipeLayout，Android平台上的滑动布局，又名刷卡布局，典型的应用就是侧滑删除与侧滑菜单。实现效果如qq的消息界面（如图1）。使用时直接将SwipeLayout视为一个ViewGroup控件，通过设置控件的layout_gravity属性即可控制下面的View显示时机（左划或右滑显示），使用十分简单方便。 ps：参考原文https://www.jiansh...
SwipeLayout的简单使用
merick12138的博客
05-29 6762
SwipeLayout(https://github.com/daimajia/AndroidSwipeLayout)，顾名思义，Android平台上的滑动布局，是一个可以让我们很方便使用滑动的库，典型的应用就是侧滑删除与侧滑菜单。在android的开发中运用的场景也是很多。如图所示的效果。 本篇文章主要介绍它的基本用法，目的在于能让你快速上手使用。  1.配置 在gradl
BGASwipeItemLayout-Android 使用方法
紫竺的博客
03-20 1572
类似iOS带弹簧效果的左右滑动控件，可作为AbsListView和RecyclerView的item。支持给BGASwipeItemLayout和其子控件设置margin和padding属性 Gradle依赖 dependencies { compile 'com.android.support:support-v4:latestVersion' compile 'cn
Android——实现swipelayout的上拉加载更多
NNadn的博客
04-26 314
转载自：https://www.cnblogs.com/manmanlu/p/5736856.html。 实现的效果不是很理想，先记录下来，日后完善。 import android.content.Context; import android.support.annotation.NonNull; import android.support.annotation.Nullable; imp...
优秀开源项目SwipeLayout的使用
Leo_eight的博客
05-12 8449
今天项目使用了SwipeLayout开源项目，就是像QQ侧滑删除效果的第三方库，支持上下左右划出布局，并支持所有组件！非常强大！在这里写下它的简单使用，当作自己的笔记。 这里用Listview来举例。 首先写布局文件list_item.xml： <com.daimajia.swipe.SwipeLayout xmlns:swipe="http://schemas.andro
daimajia-AndroidSwipeLayout-v1.2.0-16-gf66ac69
03-19
超赞的刷卡布局！
SwipeLayout侧滑点击删除
04-19
1. **SwipeLayout的基本结构**： - 主布局（Main Layout）：这是用户可见的部分，通常包含列表项的内容，如文本、图片等。 - 滑动布局（Swipe Layout）：隐藏在主布局下面，包含操作按钮，如“删除”、“收藏”等...
AndroidSwipeLayout
11-08
在实际使用中，开发者可以通过以下步骤集成AndroidSwipeLayout： 1. **添加依赖**：在项目的build.gradle文件中引入AndroidSwipeLayout库的依赖。 2. **创建布局**：在需要实现滑动删除的XML布局文件中，将Android...
Android 中 SwipeLayout一个展示条目底层菜单的侧滑控件源码解析
09-01
如果想要更复杂的侧滑功能，可以考虑使用成熟的库如`AndroidSwipeLayout`，但需要注意其维护状态和已知问题。如果只需要满足特定场景的需求，自定义一个轻量级的`SwipeLayout`是一个不错的选择，这样可以更好地控制...
SwipeLayout滑动按钮
10-21
SwipeLayout的基本原理是通过监听用户的滑动手势，动态地展示或隐藏嵌入的按钮。它通常由两部分组成：主内容视图和滑出视图。主内容视图通常是列表项中的主要内容，而滑出视图则包含了滑动按钮。当用户向左或向右...
SwipeLayout:可以滑动简单的自定义布局以显示一些隐藏视图
04-30
SwipeLayout 可以滑动简单的自定义布局以显示隐藏视图 预习
Android自定义SwipeLayout仿QQ侧滑条目
01-06
Android自定义SwipeLayout仿QQ侧滑条目，供大家参考，具体内容如下 先看动图 看布局文件 activity_main.xml <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=http://schemas.android.com/tools android:layout_width=match_parent android:layout_height=match_parent tools:context=www.wes
AndroidSwipeLayout-master
04-13
5. **高度可定制化**：除了基本的滑动删除功能，AndroidSwipeLayout还允许开发者自定义滑动的阈值、滑动速度以及恢复原状的回弹效果等参数，满足不同应用场景的需求。 在实际项目中，Android开发者可以轻松地将...
SwipeLayout 可以左滑的一个控件
延龙的博客
04-24 1893
先看一下效果图   1、左右两个控件都可以自己设置点击事件 2、右侧控件有个动画，300ms 3、右侧的临界点是 右侧控件宽度/2 4、最大的亮点是没有任何侵入，大家可以直接使用源码。看布局代码就能了解 注意点：只能用两个直接子View，并且第一个子View 是具体内容，第二个子View是隐藏控件   reset （）函数 用于复用时候的重置状态 import andr...
android+布局来源框架,刷卡布局效果-开源框架AndroidSwipeLayout使用解析（一）
weixin_39851872的博客
05-26 288
AndroidSwipeLayout 是用于 Android 应用上面功能强大的刷卡布局效果github网址官方的样例效果样例代码在AndroidSwipeLayout的github中可以找到为了方便操作，我可能会对代码有一些简化，并且在此用图片展示首先我们先分析一下主页的布局继承关系*从这张图可以看出来AndroidSwipeLayout中的SwipeLayout继承自FrameLayout,明...
解决SwipeRefreshLayout左右滑动事件冲突的问题
weixin_33898233的博客
04-07 155
在使用SwipeRefreshLayout时我们注意到在SwipeRefreshLayout中左右滑动时可能也会触发下拉刷新的事件，这点让我们很不爽。追其原因是SwipeRefreshLayout对于y轴触摸举例十分明感，没有做太多的容差处理（似乎容差值仅有16），所以如果你不是完全水平的滑动的话就很可能会触发下拉刷新的事件。为了解决这个问题，我们重写了SwipeRefreshLayout的触摸事...
最好用的侧滑删除--SwipeLayout
lovoo的博客
01-06 3229
前言： 项目中经常会用到类似于QQ侧滑点击删除的效果，网上的开源库也很多。个人感觉SwipeLayout最好用。下面介绍怎么使用。 一、首先导入需要的Jar包，有3个，AndroidSwipeLayout-v1.1.8.jar、AndroidViewAnimations-1.1.3.jar、nineoldandroids-2.4.0.jar。第一个jar包就是我们使用该控件的jar包，后面2
AndroidSwipeLayout刷卡布局（仿微信删除条目）遇到的大坑
The blog of CSDN in 杨天福
01-24 8527
AndroidSwipeLayout坑1item布局获取不到点击的位置position AndroidSwipeLayout坑2滑动当前item布局出来后其他item不能自动恢复 解决方案 item布局使用SwipeLayoutsurfaceview和buttonview不变 摒弃文档中建议的包含子类在内的BaseSwipeAdapter使用BaseQuickAdapter 附件1Recycl
使用SwipeLayout时子布局建议使用什么布局
最新发布
04-30
在使用 `SwipeLayout` 时，子布局可以使用任何布局，但是建议使用相对布局（RelativeLayout）或线性布局（LinearLayout）。在相对布局中，可以使用 `android:layout_alignParentStart` 或 `android:layout_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值