仿ios右滑销毁activity

最新推荐文章于 2024-04-03 01:02:52 发布

Coding_the_world

最新推荐文章于 2024-04-03 01:02:52 发布

阅读量814

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签： Android 启动黑屏仿ios 右滑销毁

本文链接：https://blog.youkuaiyun.com/zuo8787/article/details/52053526

android 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个自定义的SwipeBackLayout组件，通过简单的继承即可实现类似iOS的右滑关闭Activity效果。该组件还解决了与ViewPager、WebView及HorizontalScrollView的触摸冲突问题，并提供了平滑的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不多说，直接上代码

SwipeBackLayout

package com.tim.swideback.widget;

import java.util.LinkedList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.webkit.WebView;
import android.widget.FrameLayout;
import android.widget.HorizontalScrollView;
import android.widget.Scroller;

import com.tim.swideback.R;

/**
 * @author tim
 * @date 2014-12-19
 * @email tim_ding@qq.com
 */
public class SwipeBackLayout extends FrameLayout {
	/**
	 * 父容器
	 */
	private View mContentView;
	/**
	 * 有效touch距离
	 */
	private int mTouchSlop;
	/**
	 * 按下的X坐标
	 */
	private int downX;
	/**
	 * 按下的Y坐标
	 */
	private int downY;
	/**
	 * 临时的X坐标
	 */
	private int tempX;
	/**
	 * 滚动类
	 */
	private Scroller mScroller;
	/**
	 * 宽度
	 */
	private int viewWidth;
	private boolean isSilding;
	private boolean isFinish;
	private Drawable mShadowDrawable;
	private Activity mActivity;
	private List<ViewPager> mViewPagers = new LinkedList<ViewPager>();
	private List<WebView> mWebViews = new LinkedList<WebView>();
	private List<HorizontalScrollView> mHorScrollView = new LinkedList<HorizontalScrollView>();
	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();
		mScroller = new Scroller(context);

		mShadowDrawable = getResources().getDrawable(R.drawable.shadow_left);
	}
	
	
	public void attachToActivity(Activity activity) {
		mActivity = activity;
		TypedArray a = activity.getTheme().obtainStyledAttributes(
				new int[] { android.R.attr.windowBackground });
		int background = a.getResourceId(0, 0);
		a.recycle();

		ViewGroup decor = (ViewGroup) activity.getWindow().getDecorView();
		ViewGroup decorChild = (ViewGroup) decor.getChildAt(0);
		decorChild.setBackgroundResource(background);
		decor.removeView(decorChild);
		addView(decorChild);
		setContentView(decorChild);
		decor.addView(this);
	}

	private void setContentView(View decorChild) {
		mContentView = (View) decorChild.getParent();
	}

	/**
	 * 事件拦截操作
	 */
	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		//处理ViewPager冲突问题
		ViewPager mViewPager = getTouchViewPager(mViewPagers, ev);
		Log.e("tim", "mViewPager = " + mViewPager);
		if(mViewPager != null && mViewPager.getCurrentItem() != 0){
			return super.onInterceptTouchEvent(ev);
		}
		
		//处理Webview冲突问题
		WebView webView= getTouchWebView(mWebViews,ev);
		if(webView != null){
			Log.e("tim", "mwebView = " + webView.getHeight());
		}
		if(webView != null && webView.getScrollX() != 0){
			
			return super.onInterceptTouchEvent(ev);
		}
		HorizontalScrollView view = getTouchHorScrollerView(mHorScrollView,ev);
		Log.e("tim", "mHo = " + view);
		if(view != null && view.getScrollX() != 0){
			return super.onInterceptTouchEvent(ev);
		}
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			downX = tempX = (int) ev.getRawX();
			downY = (int) ev.getRawY();
			break;
		case MotionEvent.ACTION_MOVE:
			int moveX = (int) ev.getRawX();
			// 满足此条件屏蔽SildingFinishLayout里面子类的touch事件
			if (moveX - downX > mTouchSlop
					&& Math.abs((int) ev.getRawY() - downY) < mTouchSlop) {
				return true;
			}
			break;
		}

		return super.onInterceptTouchEvent(ev);
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_MOVE:
			int moveX = (int) event.getRawX();
			int deltaX = tempX - moveX;
			tempX = moveX;
			if (moveX - downX > mTouchSlop
					&& Math.abs((int) event.getRawY() - downY) < mTouchSlop) {
				isSilding = true;
			}
			if (moveX - downX >= 0 && isSilding) {
				mContentView.scrollBy(deltaX, 0);
			}
			break;
		case MotionEvent.ACTION_UP:
			isSilding = false;
			if (mContentView.getScrollX() <= -viewWidth / 2) {
				isFinish = true;
				scrollRight();
			} else {
				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);
			}
		}
	}
	
	private void getAllHorizontalScrollView(List<HorizontalScrollView> mHor,ViewGroup parent){
		int childCount = parent.getChildCount();
		for(int i=0; i<childCount; i++){
			View child = parent.getChildAt(i);
			if(child instanceof HorizontalScrollView){
				mHorScrollView.add((HorizontalScrollView)child);
			}else if(child instanceof ViewGroup){
				getAllHorizontalScrollView(mHorScrollView, (ViewGroup)child);
			}
		}
	}

	/**
	 * 获取SwipeBackLayout里面的WebView的集合
	 * @param mViewPagers
	 * @param parent
	 */
	private void getAlLWebViews(List<WebView> mWebViews, ViewGroup parent){
		int childCount = parent.getChildCount();
		for(int i=0; i<childCount; i++){
			View child = parent.getChildAt(i);
			if(child instanceof WebView){
				mWebViews.add((WebView)child);
			}else if(child instanceof ViewGroup){
				getAlLWebViews(mWebViews, (ViewGroup)child);
			}
		}
	}
	
	
	/**
	 * 返回我们touch的WebView
	 * @param mWebViews
	 * @param ev
	 * @return
	 */
	private WebView getTouchWebView(List<WebView> mWebViews, MotionEvent ev){
		if(mWebViews == null || mWebViews.size() == 0){
			return null;
		}
		Rect mRect = new Rect();
		for(final WebView v : mWebViews){ 

	        v.getGlobalVisibleRect(mRect);
			Log.e("tim", "left:"+mRect.left+",x:"+ev.getX()+",right:"+mRect.right+",top:"+mRect.top+",y:"+ev.getY()+",bottom:"+mRect.bottom);
//	        v.getLocalVisibleRect(mRect);
//			Log.i(TAG, "left:"+mRect.left+",x:"+ev.getX()+",right:"+mRect.right+",top:"+mRect.top+",y:"+ev.getY()+",bottom:"+mRect.bottom);
			
			if(mRect.contains((int)ev.getX(), (int)ev.getY())){
				return v;
			}
		}

		return null;
	}
	
	/**
	 * 返回我们touch的ViewPager
	 * @param mViewPagers
	 * @param ev
	 * @return
	 */
	private ViewPager getTouchViewPager(List<ViewPager> mViewPagers, MotionEvent ev){
		if(mViewPagers == null || mViewPagers.size() == 0){
			return null;
		}
		Rect mRect = new Rect();
		for(ViewPager v : mViewPagers){
			v.getHitRect(mRect);
			
			if(mRect.contains((int)ev.getX(), (int)ev.getY())){
				return v;
			}
		}
		return null;
	}
	private HorizontalScrollView getTouchHorScrollerView(List<HorizontalScrollView> mScrollerView, MotionEvent ev){
		if(mScrollerView == null || mScrollerView.size() == 0){
			return null;
		}
		Rect mRect = new Rect();
		for(HorizontalScrollView v : mScrollerView){
			v.getGlobalVisibleRect(mRect);
			
			if(mRect.contains((int)ev.getX(), (int)ev.getY())){
				return v;
			}
		}
		return null;
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		super.onLayout(changed, l, t, r, b);
		//Log.e("tim","change " + changed);
		if (changed) {
			viewWidth = this.getWidth();
			
			getAlLViewPager(mViewPagers, this);
			getAlLWebViews(mWebViews, this);
		}
	}

	@Override
	protected void dispatchDraw(Canvas canvas) {
		super.dispatchDraw(canvas);
		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() {
		final int delta = (viewWidth + mContentView.getScrollX());
		// 调用startScroll方法来设置一些滚动的参数，我们在computeScroll()方法中调用scrollTo来滚动item
		mScroller.startScroll(mContentView.getScrollX(), 0, -delta + 1, 0,
				Math.abs(delta));
		postInvalidate();
	}

	/**
	 * 滚动到起始位置
	 */
	private void scrollOrigin() {
		int delta = mContentView.getScrollX();
		mScroller.startScroll(mContentView.getScrollX(), 0, -delta, 0,
				Math.abs(delta));
		postInvalidate();
	}

	@Override
	public void computeScroll() {
		// 调用startScroll的时候scroller.computeScrollOffset()返回true，
		if (mScroller.computeScrollOffset()) {
			mContentView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
			postInvalidate();

			if (mScroller.isFinished() && isFinish) {
				mActivity.finish();
			}
		}
	}


}

</pre><p></p><p>SwipeBackActivity</p><p></p><pre code_snippet_id="1789696" snippet_file_name="blog_20160728_2_9862409" name="code" class="html">package com.tim.swideback.widget;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;

import com.tim.swideback.R;

/**
 * 想要实现向右滑动删除Activity效果只需要继承SwipeBackActivity即可，如果当前页面含有ViewPager
 * 只需要调用SwipeBackLayout的setViewPager()方法即可
 * 继承类无需onKeyDown    当前activity返回按钮只需要Activity.this.finish();即可
 *
 */
public class SwipeBackActivity extends Activity {
	protected SwipeBackLayout layout;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		layout = (SwipeBackLayout) LayoutInflater.from(this).inflate(
				R.layout.base, null);
		layout.attachToActivity(this);
	}
	@Override
	public void startActivity(Intent intent) {
		super.startActivity(intent);
	}
	 

}

然后你自己的activity继承SwipeBackLayout，即可实现iOS上的，右滑销毁activity的效果

另外：AppTheme记得加一下两个属性，不然滑动时，背景不透明，看不到下面的界面：

<style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
         <item name="android:windowNoTitle">true</item>
          <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowAnimationStyle">@style/animation_translucent_translate</item><--这里是你自己的activity切换动画，可以不要-->
    </style>
	<style name="animation_translucent_translate" parent="@android:style/Animation.Translucent">
        <item name="android:windowEnterAnimation">@anim/base_slide_right_in</item>  
        <item name="android:windowExitAnimation">@anim/base_slide_right_out</item>  
    </style>

PS:这两个属性，顺便也解决了app启动时，会黑屏或白屏一瞬间，再进入欢迎界面的问题

如果觉得这样，欢迎界面启动看上去慢的话，就单独给欢迎界面设置theme，

<item name="android:windowBackground">@android:color/transparent</item><--不设置color透明，设置drawable/你的图片-->