SwipeBackLayout的用法屏幕移动退出
丌官星渊
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>
类似资料：