SwipeBackLayout的用法屏幕移动退出

丌官星渊
2023-12-01

SwipeBackLayou的简单使用

下载arr包

https://download.csdn.net/download/qq_35427437/10414355

如果想要可以评论或关注

这是5.0以后的新特性(此功能好像在低版本有问题,5.0以上没有黑屏)

使用步骤如下:

1、导入SwipeBackActivity库

2、让当前activity继承于SwipeBackActivity

3、//测拉关闭的控件

private SwipeBackLayout mSwipeBackLayout;
mSwipeBackLayout = getSwipeBackLayout();

4、//设置activity的关闭模式

int edgeFlag = SwipeBackLayout.EDGE_RIGHT;          
int edgeFlag = SwipeBackLayout.EDGE_BOTTOM;
int edgeFlag = SwipeBackLayout.EDGE_ALL;

int edgeFlag = SwipeBackLayout.EDGE_LEFT;

滑动关闭当前页面的方向有四种形式 
* 1.SwipeBackLayout.EDGE_RIGHT 右边关闭页面 
* 2.SwipeBackLayout.EDGE_LEFT 左边关闭页面 
* 3.SwipeBackLayout.EDGE_BOTTOM 底部关闭页面 
* 4.SwipeBackLayout.EDGE_ALL 以上三种形式关闭页面 

//以上有四种模式可供选择

5、mSwipeBackLayout.setEdgeTrackingEnabled(edgeFlag);//设置选择使用什么模式

6、//如何避免低版本的滑动黑屏现象??
//把应用的theme设置为透明<!--设置窗口透明,避免滑动时是黑的-->
<item name="android:windowIsTranslucent">true</item>

//主activity设置为不透明<!--设置主界面不透明,避免主界面上的界面在滑动时可以看到桌面-->
 <item name="android:windowIsTranslucent">false</item>

 

Style设置

 

<style name="AppBackTheme"  parent="@style/AppTheme">
        <item name="android:windowIsTranslucent">true</item>
    </style>

在AndroidManifest.xml里面调用

  <activity android:name=".news.activity.DetailActivity" android:theme="@style/AppBackTheme"></activity>

 

 

SwipeBackLayout源码分析

public class SwipeBackLayout extends FrameLayout {
     /**
      * SwipeBackLayout的主布局
      */
     private View mContentView;
     /**
      * 是一个距离,表示滑动的时候手的移动要大于这个距离才开始移动    控件。如果小于这个距离就不触发移动控件,
      * 如 viewpager就是用这个距离来判断用户是否翻页,这个距离打印出来是16px
      */
     private int mTouchSlop;
     /**
      * 手指点击屏幕时的Y坐标
      */
     private int downY;
     /**
      * 手指点击屏幕时的X坐标
      */
     private int downX;
     /**
      * 手指点击屏幕时,临时的X坐标
      */
     private int tempX;
     /**
      * Android里 Scroller类是为了实现View平滑滚动的一个Helper类
      */
     private Scroller mScroller;
     /**
      * 手机屏幕的宽度
      */
     private int viewWidth;
     /**
      * 表示屏幕是否正在滑动的标记
      */
     private boolean isSilding;
     /**
      * 表示是否finish掉当前的activity
      */
     private boolean isFinish;
     /**
      * 获取系统资源的 drawable文件,带有阴影的
      */
     private Drawable mShadowDrawable;
     /**
      * SwipeBackLayout依附的activity
      */
     private Activity mActivity;
     /**
      * 当前activity里所存在的 viewpager的集合
      */
     private List<viewpager> mViewPagers = new LinkedList<viewpager>();// 创建一个空的 viewpager的集合
     /**
      * 是否对手势进行拦截的设置,默认为true。若为false,则SwipeBackLayout这个 viewgroup对手势不拦截不消费
      */
     private boolean mEnable = true;
 
     public SwipeBackLayout(Context context, AttributeSet attrs) {
            this(context, attrs, 0);
     }
 
     public SwipeBackLayout(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); // 是一个距离,表示滑动的时候手的移动要大于这个距离才开始移动控件。如果小于这个距离就不触发移动控件,如 viewpager就是用这个距离来判断用户是否翻页
           Log. d("xiao" , "mTouchSlop:" + mTouchSlop );
            mScroller = new Scroller(context); // Android里Scroller 类是为了实现View平滑滚动的一个Helper类
            mShadowDrawable = getResources().getDrawable(R.drawable.shadow_left );// 获取系统资源的 drawable文件
     }
 
     /**
      * 把swipeBackLayout附加到指定的activity中,放到 decor顶层窗口下,decorChild上
      * 这样做的作用就是,让SwipeBackLayout附加到任何activity时,就立于此activity主视图之上
      *
      * @param activity
      */
     public void attachToActivity(Activity activity) {
            mActivity = activity; // 传进来的activity
            int[] attrs = new int[] { android.R.attr.windowBackground };
            // 返回一个与主题Theme定义的 attrs数组对应的typedArray类型数组
           TypedArray a = activity.getTheme().obtainStyledAttributes(attrs);
            // 获取typedArray数组中指定位置的资源id值
            int background = a.getResourceId(0, 0);
            // 回收TypedArray类型数组
           a.recycle();
            // 返回顶层窗口装饰视图
           ViewGroup decor = (ViewGroup) activity.getWindow().getDecorView();
            // 返回装饰视图的指定位置的view,就是 decor的child,很形象
           ViewGroup decorChild = (ViewGroup) decor.getChildAt(0);
            // 给顶层窗口装饰视图的第一个子视图设置背景资源,
            // background就是上面获得的android.R.attr.windowBackground
           decorChild.setBackgroundResource(background);
            // decor顶层窗口装饰视图移除decorChild,杀了他的儿子
           decor.removeView(decorChild);
            // 这个应该是给SwipeBackLayout添加子view,因为SwipeBackLayout继承自FrameLayout
            // 这时,SwipeBackLayout就是decorChild的父布局了
            this.addView(decorChild);
            // 把decorChild当成SwipeBackLayout的contentView进行设置
            this.setContentView(decorChild);
            // 然后给decor添加一个子view,这个this就是SwipeBackLayout
           decor.addView( this);
     }
 
     /**
      * 设置主布局视图
      *
      * @param decorChild
      */
     private void setContentView(View decorChild) {
            mContentView = (View) decorChild.getParent(); // 返回decorChild的父布局,这个时候父布局就是SwipeBackLayout
     }
 
     /**
      * 设置手势
      *
      * @param enable
      */
     public void setEnableGesture( boolean enable) {
            mEnable = enable;
     }
 
     /**
      * 事件拦截操作
      */
     @Override
     public boolean onInterceptTouchEvent(MotionEvent ev) {
            if (! mEnable) {
                 // false表示不拦截
                 return false;
           }
 
            // 处理ViewPager冲突问题
           ViewPager mViewPager = getTouchViewPager( mViewPagers, ev);// 获取到触摸地方的 viewpager
 
            if (mViewPager != null && mViewPager.getCurrentItem() != 0) {
                 // 当viewpager 不为空且viewpager不处在第一个item时,swipeBackLayout就不拦截
                 return super.onInterceptTouchEvent(ev); // 默认返回false,表示不拦截
           }
 
            switch (ev.getAction()) {
            case MotionEvent. ACTION_DOWN:
                 downX = tempX = ( int) ev.getRawX(); // 当点击时候的X坐标
                 downY = ( int) ev.getRawY(); // 当点击时候的Y坐标
                 break;
            case MotionEvent. ACTION_MOVE:
                 int moveX = ( int) ev.getRawX();
                 // 满足此条件屏蔽SildingFinishLayout里面子类的touch事件
                 if (moveX - downX > mTouchSlop
                           && Math. abs((int) ev.getRawY() - downY) < mTouchSlop) {
                      // 当水平移动的距离大于16px,且竖直方向的移动距离小于16px时,SwipeBackLayout拦截此次触摸事件
                      // 就是说当手指move的时候,满足上述条件时,触摸事件就会被SwipeBackLayout的onInterceptTouchEvent方法拦截
                      // 继而传递给SwipeBackLayout的onTouchEvent方法
                      return true;
                }
                 break;
           }
 
            return super.onInterceptTouchEvent(ev);
     }
 
     @Override
     public boolean onTouchEvent(MotionEvent event) {
            if (! mEnable) {
                 return false;
           }
 
            switch (event.getAction()) {
            case MotionEvent. ACTION_MOVE:
                 int moveX = ( int) event.getRawX(); // 移动后的X坐标
                 int deltaX = tempX - moveX; // 这个是点击时和移动后,X坐标差值
                Log. d("xiao" , "deltaX:" + deltaX);// 右滑为负值
                 tempX = moveX; // 给tempX重新赋值
                 if (moveX - downX > mTouchSlop
                           && Math. abs((int) event.getRawY() - downY) < mTouchSlop) {
                      // 满足上述条件时,触摸事件由onInterceptTouchEvent传递至onTouchEvent方法中
                      isSilding = true; // 标记为正在滑动
                }
 
                 if (moveX - downX >= 0 && isSilding) {
                      // 当右滑且处于正在滑动的时候,主布局通过scrollBy整体移动,且通过打印deltaX为负值
                      mContentView.scrollBy(deltaX, 0);
                }
                 break;
            case MotionEvent. ACTION_UP:
                 isSilding = false; // 讲滑动标记设置为false
                Log. d("xiaok" , "mContentView:" + mContentView.getScrollX());
                Log. d("xiaok" , "viewWidth:" + viewWidth );
                 if ( mContentView.getScrollX() <= - viewWidth / 2) {
                      // 当右滑距离超过屏幕宽度的一半时,标记isFinish为true表示滚动出界面,然后滚动出界面
                      isFinish = true;
                     scrollRight();
                } else {
                      // 否则界面回滚至原点,标记isFinish为false
                     scrollOrigin();
                      isFinish = false;
                }
                 break;
           }
            return true;
     }
 
     /**
      * 获取SwipeBackLayout里面的ViewPager的集合,这里用到的好像是递归思想
      *
      * @param mViewPagers
      * @param parent
      */
     private void getAlLViewPager(List<viewpager> mViewPagers, ViewGroup parent) {
            int childCount = parent.getChildCount();
            for ( int i = 0; i < childCount; i++) {
                View child = parent.getChildAt(i);
                 if (child instanceof ViewPager) {
                     mViewPagers.add((ViewPager) child);
                } else if (child instanceof ViewGroup) {
                     getAlLViewPager(mViewPagers, (ViewGroup) child);
                }
           }
     }
 
     /**
      * 返回我们touch的ViewPager
      *
      * @param mViewPagers
      * @param ev
      * @return
      */
     private ViewPager getTouchViewPager(List<viewpager> mViewPagers,
                MotionEvent ev) {
            if (mViewPagers == null || mViewPagers.size() == 0) {
                 // 如果mViewPagers集合为空,或者mViewPagers的size=0,那么直接返回空
                 return null;
           }
           Rect mRect = new Rect(); // 创建一个新的空矩形。所有坐标被初始化为0。
            for (ViewPager v : mViewPagers) { // 遍历mViewPagers集合,判断我现在触摸的地方是不是在某一个 viewpager范围里
                                                            // 如果在,那么就返回这个 viewpager
                v.getHitRect(mRect); // 获取每一个viewpager的矩形的坐标值,并赋值给mRect矩形
 
                 if (mRect.contains(( int) ev.getX(), ( int) ev.getY())) {
                      // 返回true,如果(x,y)坐标在mRect矩形的范围内
                      return v; // 返回viewpager
                }
           }
            return null; // 否则返回空
     }
 
     @Override
     protected void onLayout( boolean changed, int l, int t, int r, int b) {
            super.onLayout(changed, l, t, r, b);
            // 不明白为什么onLayout方法执行了两次
           Log. d("xiao" , "changed:" + changed);
            if (changed) {
                 viewWidth = this.getWidth();
                Log. d("xiao" , "viewWidth:" + viewWidth );
                getAlLViewPager( mViewPagers, this); // 获得SwipeBackLayout中的ViewPager的集合
           }
     }
 
     @Override
     protected void dispatchDraw(Canvas canvas) { // 当需要绘制子view的时候,才会调用此方法
            super.dispatchDraw(canvas);
            /**
            * 这个方法是用来绘制右滑退出时,SwipeBackLayout左侧的那个阴影效果
            */
            if ( mShadowDrawable != null && mContentView != null) {
 
                 int left = mContentView.getLeft()
                           - mShadowDrawable.getIntrinsicWidth();
                 int right = left + mShadowDrawable.getIntrinsicWidth();
                 int top = mContentView.getTop();
                 int bottom = mContentView.getBottom();
 
                 mShadowDrawable.setBounds(left, top, right, bottom);
                 mShadowDrawable.draw(canvas);
           }
 
     }
 
     /**
      * 滚动出界面
      */
     private void scrollRight() {
            /**
            * 这里解释下getScrollX的意思:返回视图左边缘的X坐标,但是是反向的X轴,就是值是相反的
            */
            final int delta = ( viewWidth + mContentView.getScrollX());
            /**
            * 调用startScroll方法来设置一些滚动的参数,我们在computeScroll()方法中调用scrollTo来滚动item
            * 当 dx的值为正数时view向左滑动
            */
           Log. d("xiao" , "delta:" + delta);
            mScroller.startScroll( mContentView.getScrollX(), 0, -delta + 1, 0,
                     Math. abs(delta));
           postInvalidate();
     }
 
     /**
      * 滚动到起始位置
      */
     private void scrollOrigin() {
 
            int delta = mContentView.getScrollX();
           Log. d("xiao" , "1delta:" + delta);
            mScroller.startScroll( mContentView.getScrollX(), 0, -delta, 0,
                     Math. abs(delta));
           postInvalidate();
     }
 
     @Override
     public void computeScroll() {
            /**
            * 当我们执行 ontouch或invalidate()或postInvalidate()都会导致这个copmuteScroll方法的执行
            * 所以底下加一个判断,computeSrcollOffset是在startScroll方法启动时就会返回true
            */
 
            // 调用startScroll的时候scroller.computeScrollOffset()返回true,从文字上理解是计算偏移量
            if ( mScroller.computeScrollOffset()) {
                 mContentView.scrollTo( mScroller.getCurrX(), mScroller.getCurrY());
                 postInvalidate();
 
                 if ( mScroller.isFinished() && isFinish) { //
                      // 当滑动结束,且当前view滑动出界面时,执行activity,finish的命令
                      mActivity.finish();
                }
           }
     }
}
</viewpager></viewpager></viewpager></viewpager>

 

 类似资料: