仿IOS的越界回弹效果和左右滑动功能

最初的本意是做一个TimeLine时间轴,到后来逐渐成为了一个侧滑的自定义控件。也很感谢大家的支持,所以趁着年初有空闲,重构了当前项目。以后也会逐渐完善和维护本项目并提供maven依赖,再次感谢!

Feature

SwipeDragLayout使用ViewDragHelper来进行滑动操作,代码少,易理解,核心代码不过150行

使用了保留一个静态类的方法来确保只有一个展开,并在onDetachedFromWindow方法中进行关闭操作

提供了多种自定义属性,见下表

sample使用了DataBinding和kotlin 进行了多类型的绑定,对于了解和使用DataBinding大有益处,添加多种Type更是十分简单,再也不用extends RecyclerView.Adapter了

自定义属性

<com.ditclear.swipelayout.SwipeDragLayout
        android:id="@+id/swip_layout"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        app:swipe_direction="left"
        app:swipe_enable="true"
        app:ios="true">

      <LinearLayout
          android:id="@+id/content_layout"
          android:layout_width="match_parent"
          android:layout_height="60dp"
          android:background="#ffffff"
          android:gravity="center_vertical"
          android:orientation="horizontal"
          android:tag="content">

        <ImageView
            android:id="@+id/iv_type"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:background="@drawable/type_edit"
            android:scaleType="centerInside"
            android:onClick="@{(v)->presenter.onItemClick(v,item)}"
            android:src="@mipmap/edit"/>

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:ellipsize="end"
            android:gravity="center_vertical|right"
            android:maxLines="1"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:onClick="@{(v)->presenter.onItemClick(v,item)}"
            android:text="@{item.content}"
            android:textColor="#000000"
            tools:text="this is content"/>
      </LinearLayout>

      <LinearLayout
          android:id="@+id/menu_layout"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
          android:tag="menu">

        <ImageView
            android:id="@+id/trash"
            android:layout_width="70dp"
            android:layout_height="60dp"
            android:background="#FF6347"
            android:paddingLeft="25dp"
            android:onClick="@{(v)->presenter.onItemClick(v,item)}"
            android:paddingRight="25dp"
            android:src="@mipmap/trash"/>

        <ImageView
            android:id="@+id/star"
            android:layout_width="70dp"
            android:layout_height="60dp"
            android:background="#4cd964"
            android:paddingLeft="22dp"
            android:paddingRight="22dp"
            android:onClick="@{(v)->presenter.onItemClick(v,item)}"
            android:src="@mipmap/star"/>
      </LinearLayout>
    </com.ditclear.swipelayout.SwipeDragLayout>

注意:暂时只支持两个子View,一个content,一个侧滑的menu,以后会支持

回调监听

public interface SwipeListener {

    /**
     * 拖动中,可根据offset 进行其他动画
     * @param layout
     * @param offsetRatio 偏移相对于menu宽度的比例
     * @param offset 偏移量px
     */
    void onUpdate(SwipeDragLayout layout, float offsetRatio, float offset);

    /**
     * 展开完成
     * @param layout
     */
    void onOpened(SwipeDragLayout layout);

    /**
     * 关闭完成
     * @param layout
     */
    void onClosed(SwipeDragLayout layout);
  }
(0)

相关推荐

  • 仿IOS的越界回弹效果和左右滑动功能

    最初的本意是做一个TimeLine时间轴,到后来逐渐成为了一个侧滑的自定义控件.也很感谢大家的支持,所以趁着年初有空闲,重构了当前项目.以后也会逐渐完善和维护本项目并提供maven依赖,再次感谢! Feature SwipeDragLayout使用ViewDragHelper来进行滑动操作,代码少,易理解,核心代码不过150行 使用了保留一个静态类的方法来确保只有一个展开,并在onDetachedFromWindow方法中进行关闭操作 提供了多种自定义属性,见下表 sample使用了DataBi

  • Android自定义控件仿ios下拉回弹效果

    网上有很多类似的文章,大多数还是继承listview来实现(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的两个listview自带函数实现下拉刷新的功能,在这里不准备介绍,有兴趣的朋友可以去自己试试). 在本文主要是给android的线性布局(相对布局.帧布局)加上下拉或者上拉回弹得效果.在ios中我们经常能看到,在一个页面中即使是只有一个控件,这一个控件只占整个页面的1/10不到,但是当我

  • Android ReboundScrollView仿IOS拖拽回弹效果

    初衷: 其实github上有很多这种ScrollView的项目,但是不得不说功能太多太乱了,我就只是想要一个简单效果的ScrollView,另外监听下滑动距离而已,想想还是自己写了个. 这里先说下思路吧,如果不愿意看的朋友可以直接跳过这一步,看下面的代码: Android 原生的ScrollView是不支持拉出屏幕外,并且也没有回弹效果的,用户友好度却不不太好,不知道为什么不那么设计. 我想做的事情正如上面所述: 1.希望能拉出屏幕外 2.松手后希望控件回弹 我的思路是对ScrollView的子

  • Android自定义view仿iOS弹出框效果

    本文实例为大家分享了Android自定义view仿iOS弹出框的具体代码,供大家参考,具体内容如下 运行效果图 自定义对话框的使用,仿照ios.从底部弹出,类似pop窗口.包括消息.图片.列表及对话框. 好了,用法都会,直接贴上代码 1.layout布局文件 view_actionsheet.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="ht

  • Android仿IOS系统悬浮窗效果

    在一些场合里,我们使用悬浮窗会有很大的便利,比如IOS系统的悬浮窗,360或者其他手机卫士的悬浮窗等等. 本篇博客,我们创造出两个悬浮窗,通过点击小悬浮窗打开或者关闭大悬浮窗(一个播放控制器). 代码如下: 在这之前,我们需要在manifest中申请权限: <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 并且,悬浮窗这个权限我们需要手动在手机找到应用权限管理,允许这个权限才行

  • Android仿IOS UIAlertView对话框

    本文实例为大家分享了Android仿IOS UIAlertView对话框的具体代码,供大家参考,具体内容如下 显示效果: 我在参考链接中看到了作者的仿的qq提示框,但是在使用的时候并不是很方面,有一些不足,于是我参照Android系统AlertDialog,使用参考链接中的布局文件和style文件,用自己的方法自定义了一下这个仿IOS上面UIAlertView的效果,这样的话让我们可以想使用系统AlertDialog一样使用我自定义的CustomDialog. CustomDialog使用代码:

  • Android开发基于ViewPager+GridView实现仿大众点评横向滑动功能

    先给大家展示下效果图,如果大家大家感觉不错,请参考实现思路及代码 1 ViewPager类提供了多界面切换的新效果. 新效果有如下特征: [1] 当前显示一组界面中的其中一个界面. [2] 当用户通过左右滑动界面时,当前的屏幕显示当前界面和下一个界面的一部分. [3]滑动结束后,界面自动跳转到当前选择的界面中 2 介绍里面几个比较重要的方法与接口 1,OnPageChangeListener ViewPager页面进行切换监听接口 其中我们经常要实现public void onPageSelec

  • Android仿IOS回弹效果 支持任何控件

    本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下 效果图: 导入依赖: dependencies { // ... compile 'me.everything:overscroll-decor-android:1.0.4' } RecyclerView 支持线性布局和网格布局管理器(即所有原生Android布局).可以轻松适应支持自定义布局管理器. RecyclerView recyclerView = (RecyclerView) findViewByI

  • Android开发实现带有反弹效果仿IOS反弹scrollview教程详解

    首先给大家看一下我们今天这个最终实现的效果图: 这个是ios中的反弹效果.当然我们安卓中如果想要实现这种效果,感觉不会那么生硬,滚动到底部或者顶部的时候.当然 使用scrollview是无法实现的.所以我们需要新建一个view继承ScrollView package davidbouncescrollview.qq986945193.com.davidbouncescrollview; import android.annotation.SuppressLint; import android.

  • Android仿IOS上拉下拉弹性效果的实例代码

    用过iphone的朋友相信都体验过页面上拉下拉有一个弹性的效果,使用起来用户体验很好:Android并没有给我们封装这样一个效果,我们来看下在Android里如何实现这个效果.先看效果,感觉有些时候还是蛮实用的. 思路:其实原理很简单,实现一个自定义的Scrollview方法(来自网上大神),然后在布局文件中使用自定义方法Scrollview就可以了. 代码: 自定义View,继承自Scrollview.MyReboundScrollView类 package com.wj.myrebounds

随机推荐