Android仿iOS侧滑退出当前界面功能

我们都知道在ios手机上面,有一个侧滑退出当前界面的功能,但是在安卓手机上系统没有给我们提供这样的功能,但是这依然阻挡不了强大的安卓的定制功能,我们完全可以自己定制一套这样的功能。

首先看下效果图:

分析:

(1)要想模仿ios的这种效果,因为我们通过手指的滑动,所以这里肯定跟我们的滑动事件有关系(onInterceptTouchEvent,onTouchEvent这两个方法的关系,如果不清楚,请直接查阅事件传递机制原理)

(2)我们要想直接拦截我们的所有触摸事件,我们可以在上层父级布局中进行拦截和处理,这里我们想到了DecorView。首先我们应该知道Activity的顶级父View是DecorView,获取我们的DecorView也很简单

getWindow().getDecorView()

我们平时写的那些xml布局文件都是包裹在这个DecorView中的,所以这里我们就有了一个思路:
我们可以在我们的xml布局和DecorView中间添加一个中间布局(SlidingLayout),然后所有的滑动逻辑和滑动冲突全部在这里面处理。

(3)比较关键的是:当我们需要使用侧滑动能的Activity我们需要将它的主题设置成透明,这样滑动的时候就不会遮挡下面的Activity,代码如下:

<style name="AppTheme.Slide" parent="@style/AppTheme">
  <!--Required-->
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:windowIsTranslucent">true</item>
  <item name="android:windowAnimationStyle">@style/AppTheme.Slide.Animation</item>
 </style>

(4)当我们滑动超过半屏的时候,退出当前界面,否则则回退到原始位置。这里使用Scroller

下面直接上代码进行分析:

1)、触摸事件的处理过程,按下的位置大于X轴的十分之一就拦截当前事件,交给SlidingLayout的onTouchEvent处理

/**
 * 根据手指移动的距离判断是否拦截触摸事件
 *
 * @param ev
 * @return
 */
 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) { 

  int x = (int) ev.getX();
  int y = (int) ev.getY();
  boolean mIntercept = false;
  switch (ev.getAction()) {
   case MotionEvent.ACTION_DOWN: 

    mInterceptDownX = x;
    mLastInterceptX = x;
    mLastInterceptY = y;
    break;
   case MotionEvent.ACTION_MOVE: 

    int moveX = x - mLastInterceptX;
    int moveY = y - mLastInterceptY;
    //按下的位置的X位置小于屏幕的十分之一,并且x移动的距离大于y移动的距离,就拦截
    if (mInterceptDownX < (getWidth() / 10) && Math.abs(moveX) > Math.abs(moveY)) {
     mIntercept = true;
    } else {
     mIntercept = false;
    }
    mLastInterceptX = x;
    mLastInterceptY = y; 

    break;
   case MotionEvent.ACTION_UP: //抬起的时候重置参数
    mIntercept = false;
    mInterceptDownX = mLastInterceptX = mLastInterceptY = 0;
    break;
  }
  return mIntercept;
 } 

 private int mTouchDownX;
 private int mLastTouchX;
 private int mLastTouchY; 

 @Override
 public boolean onTouchEvent(MotionEvent event) { 

  boolean mConsumed = false;
  int x = (int) event.getX();
  int y = (int) event.getY();
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN: 

    mTouchDownX = x;
    mLastTouchX = x;
    mLastTouchY = y;
    break;
   case MotionEvent.ACTION_MOVE: 

    int moveX = x - mLastTouchX;
    int moveY = y - mLastTouchY;
    if (mTouchDownX < (getWidth() / 10) && Math.abs(moveX) > Math.abs(moveY) && !mConsumed) {
     mConsumed = true;
    }
    if (mConsumed) {
     int rightMoveX = (int) (mLastTouchX - event.getX());
     if ((getScrollX() + rightMoveX) > 0) { //向左滑动的时候,getScrollX()和rightMoveX都大于0,所以禁止滑动
      scrollTo(0, 0);
     } else {
      scrollBy(rightMoveX, 0);
     }
    }
    mLastTouchX = x;
    mLastTouchY = y;
    break;
   case MotionEvent.ACTION_UP: 

    mConsumed = false;
    mTouchDownX = mLastTouchX = mLastTouchY = 0;
    if(-getScrollX()<getWidth()/2){ //偏移量不到屏幕宽度的一般,就回到最初的位置
     scrollBack();
    }else{
     scrollFinish();
    }
    break;
   case MotionEvent.ACTION_CANCEL:
    mConsumed = false;
    mTouchDownX = mLastTouchX = mLastTouchY = 0;
    if(-getScrollX()<getWidth()/2){ //偏移量不到屏幕宽度的一般,就回到最初的位置
     scrollBack();
    }else{
     scrollFinish();
    }
    break;
  }
  return true;
 } 

2)、滑动的偏移量超出屏幕的一办,就关闭当前界面否则回到初始位置

/**
 * 滑动到最初的位置
 */
 private void scrollBack() {
  int startX = getScrollX();
  int dx = -getScrollX();
  mScroller.startScroll(startX, 0, dx, 0, 300);
  invalidate();
 } 

 /**
 * 向右滑动关闭
 */
 private void scrollFinish(){
  int dx = -getScrollX() - getWidth();
  mScroller.startScroll(getScrollX(),0,dx,0,300);
  invalidate();
 }

3)、我们可以将这些侧滑处理放在我们的BaseActivity当中,需要侧滑的Activity只要继承这个BaseActivity并且主题设置成透明就可以了

@Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  if(enableRightSliding()){ 

   SlidingLayout slidingLayout = new SlidingLayout(this);
   slidingLayout.replaceCurrentLayout(this);
  } 

 } 

 /**
  * 子类重写这个方法true:允许向右滑动,false:禁止向右滑动
  * @return
  */
 protected boolean enableRightSliding(){
  return false;
 } 

源码下载:仿ios侧滑退出当前界面功能

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

(0)

相关推荐

  • Android仿iOS实现侧滑返回功能(类似微信)

    我们都知道侧滑返回操作是 iOS 里面比较常见的功能,一般是手指在靠近手机屏幕左边缘向右滑动就可以关闭当前的界面,iOS 系统提供了这样的 API,但是 Android 怎么实现呢?网上找了许多方法,比较了一下,个人觉得还是这个比较方便也容易理解, 先上个效果再说: 原理 Activity 本身是不可以滑动的,但是我们可以制造一个正在滑动 Activity 的假象,使得看起来这个 Activity 正在被手指滑动.其原理其实很简单,我们滑动的其实是 Activity 里面的可见View元素,而我

  • Android仿iOS侧滑退出当前界面功能

    我们都知道在ios手机上面,有一个侧滑退出当前界面的功能,但是在安卓手机上系统没有给我们提供这样的功能,但是这依然阻挡不了强大的安卓的定制功能,我们完全可以自己定制一套这样的功能. 首先看下效果图: 分析: (1)要想模仿ios的这种效果,因为我们通过手指的滑动,所以这里肯定跟我们的滑动事件有关系(onInterceptTouchEvent,onTouchEvent这两个方法的关系,如果不清楚,请直接查阅事件传递机制原理) (2)我们要想直接拦截我们的所有触摸事件,我们可以在上层父级布局中进行拦

  • Android 仿微信图像拍摄和选择界面功能(代码分享)

    插件运行后的画面如下: 下面这张图对图像进行筛选,根据照片产生的源头分(QQ和微信和相机) 点击某文件夹后,可以查看该文件夹下包含的所有的图片 图片选择界面 选中后就跳到已经选择界面的窗口,并且可以对该吃图片上传进行简要的描述 首先我想说明的是这个插件默认是不进行图片筛选的,打开app后会有几十个文件夹,但是个人认为开发中常用的图片基本都来自于QQ中拍摄的照片,微信中拍摄的照片,以及相机直接拍摄的照片,因此我对这个插件进行过滤以及文件夹名称的更改,具体做法,主要是对AlbumHelper类bui

  • android 仿ios数字密码解锁界面的实例

    如下所示: 每个Android开发人员都知道,现在android的解锁最常用的就是九宫格解锁,ios的解锁常用的是数字密码解锁.而我们在开发工程中,很多时候,都需要android和ios进行结合.有的时候我们就需要把我们的解锁界面弄成像ios一样的数字键盘. 这里我就实现了一个仿照ios的数字密码解锁界面.在这里我采用了两种方式来实现,第一种就是使用自定义控件的形式,第二种就是使用我们的布局来实现的.这里我就着重讲一下使用自定义控件形式实现的思路.至于使用布局文件实现的方式,我就不进行具体的讲解

  • android 仿微信demo——微信通讯录界面功能实现(移动端,服务端)

    目录 移动端微信通讯录界面功能实现 服务端微信通讯录界面功能实现 测试 总结 前面我们实现了微信消息界面的实现,这篇继续完善微信功能,实现微信通讯录界面 移动端微信通讯录界面功能实现 微信通讯录,头部是四个标签(不进行分组),下面是好友信息且根据呢称首字母进行排序分组,底部还统计了好友个数,右边是一组英文字母导航,可滑动并且还可以点击跳转到相应的分组 微信好友和顶部的四个标签,可以用ListViw实现并指定一个item布局,分组效果只需要在代码段进行判断即可 右边的字母操作行可以自定义一个组件继

  • Android仿UC浏览器左右上下滚动功能

    本文要解决在侧滑菜单右边加个文本框,并能实现文本的上下滑动和菜单的左右滚动.这里推荐可以好好看看android的触摸事件的分发机制,这里我就不详细讲了,我只讲讲这个应用.要实现的功能就像UC浏览器(或其它手机浏览器)的左右滚动,切换网页,上下滚动,拖动内容. 本文的效果: 一.功能要求与实现 1.功能要求: (1)手指一开始按着屏幕左右移动时,只能左右滚动菜单,如果这时手指一直按着,而且上下移动了,那么菜单显示部分保持不变,但文本框也不上下移动!                       (2

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

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

  • Android仿直播类app赠送礼物功能

    直播界面 实现的是播放本地的视频文件: /** * 直播界面,用于对接直播功能 */ public class LiveFrag extends Fragment { private ImageView img_thumb; private VideoView video_view; @Nullable @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup containe

  • Android仿微信通讯录滑动快速定位功能

    先给大家展示下效果图: 实现代码如下: 下面简单说下实现原理. public class IndexBar extends LinearLayout implements View.OnTouchListener { private static final String[] INDEXES = new String[]{"#", "A", "B", "C", "D", "E", &qu

  • Android仿微信滑动退出Activity

    效果图: 原理: 原理一句话就能描述清楚.重写Activity的dispatchTouchEvent,滑动的时候拿到Activity栈中栈顶Activity的上一个Acticity的ContentView添加到栈顶Activity的DecorView中,滑动的过程中做视图平移,滑动结束之后把前面拿过来用的ContentView归还给上一个Activity,然后finish当前Activity. ActivityStack: 实现 Application.ActivityLifecycleCall

  • Android仿支付宝微信支付密码界面弹窗封装dialog

    一,功能效果 二,实现过程 1,先写xml文件:dialog_keyboard.xml 注意事项 (1),密码部分用的是一个线性布局中6个TextView,并设置android:inputType="numberPassword",外框是用的一个有stroke属性的shape, (2),1-9数字是用的recycleview ,每个item的底部和右边有1dp的黑线,填充后形成分割线. (3),recycleview 要设置属性  android:overScrollMode=&quo

随机推荐