Android中Activity滑動關閉的效果

2019-10-23 18:29:34

字體：大中小

來源：轉載

供稿：網友

最近感覺有一個Activity關閉的效果挺不錯的，就是手勢滑動就可以關閉當前Activity，于是就想寫一篇博客和大家一起分享下！廢話不多說，老規矩，還先上效果圖，更直觀！

activity滑動關閉,android,activity

項目地址：https://github.com/xinyitiandi/SlidingFinishDemo

上代碼：

1.第一個Activity：

package com.ekeguan.slidingfinishdemo;import android.content.Intent;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.Button;public class MainActivity extends AppCompatActivity implements View.OnClickListener { private Button button; @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  initView();  initEventListener(); } private void initView() {  button = (Button) findViewById(R.id.button); } private void initEventListener() {  button.setOnClickListener(this); } @Override public void onClick(View view) {  switch(view.getId())  {   case R.id.button:    startActivity(new Intent(MainActivity.this,SecondActivity.class));    break;   default:    break;  } }}

布局文件：

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.ekeguan.slidingfinishdemo.MainActivity"> <Button  android:id="@+id/button"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:text="跳轉到第二個Activity"  app:layout_constraintBottom_toBottomOf="parent"  app:layout_constraintLeft_toLeftOf="parent"  app:layout_constraintRight_toRightOf="parent"  app:layout_constraintTop_toTopOf="parent" /></android.support.constraint.ConstraintLayout>

2.第二個Activity，即要跳轉的目標Activity

package com.ekeguan.slidingfinishdemo;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;public class SecondActivity extends AppCompatActivity { private SildingFinishLayout mSildingFinishLayout; @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_second);  initView();  initEventListener(); } private void initView() {  mSildingFinishLayout = (SildingFinishLayout) findViewById(R.id.sildingFinishLayout);  mSildingFinishLayout.setTouchView(mSildingFinishLayout); } private void initEventListener() {  mSildingFinishLayout    .setOnSildingFinishListener(new SildingFinishLayout.OnSildingFinishListener() {     @Override     public void onSildingFinish() {      finish();     }    }); }}

布局文件：

<?xml version="1.0" encoding="utf-8"?><com.ekeguan.slidingfinishdemo.SildingFinishLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/sildingFinishLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"> <FrameLayout  android:layout_width="match_parent"  android:layout_height="match_parent"  android:background="#f0f0f0">  <TextView   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:text="向右滑動關閉當前Activity"   android:layout_gravity="center"   android:textColor="#000"/> </FrameLayout></com.ekeguan.slidingfinishdemo.SildingFinishLayout>

注意：這里用到了一個自定義的布局SildingFinishLayout ，關于這個布局的代碼，我一會在下面貼出，大家不用著急。需要注意的是想要滑動關閉的Activity的布局文件最外層要被SildingFinishLayout 布局包裹，被SildingFinishLayout 包裹的里面的布局設置背景色，如FrameLayout，我在這里設置了背景色為“#f0f0f0”,字體要設置字體顏色，如TextView，我在這里設置了“#000”

為了達到理想的效果，在AndroidMainfest.xml文件里面要給想要手勢滑動的Activity添加上一個透明的主題，如：

<activity android:name=".SecondActivity"   android:screenOrientation="portrait"   android:theme="@style/Theme.AppCompat.Translucent"></activity>

主題：

<style name="Theme.AppCompat.Translucent">  <item name="android:windowBackground">@android:color/transparent</item>  <item name="android:colorBackgroundCacheHint">@null</item>  <item name="android:windowIsTranslucent">true</item>  <item name="windowActionBar">false</item>  <item name="windowNoTitle">true</item> </style>

好了，到這里差不多了，下面貼上自定義布局SildingFinishLayout的代碼：

package com.ekeguan.slidingfinishdemo;import android.content.Context;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.view.View.OnTouchListener;import android.view.ViewConfiguration;import android.view.ViewGroup;import android.widget.AbsListView;import android.widget.RelativeLayout;import android.widget.ScrollView;import android.widget.Scroller;/** * 自定義可以滑動的RelativeLayout, 類似于IOS的滑動刪除頁面效果，當我們要使用 * 此功能的時候，需要將該Activity的頂層布局設置為SildingFinishLayout， * 然后需要調用setTouchView()方法來設置需要滑動的View * * @author xiaanming * * @blog http://blog.csdn.net/xiaanming * */public class SildingFinishLayout extends RelativeLayout implements  OnTouchListener { /**  * SildingFinishLayout布局的父布局  */ private ViewGroup mParentView; /**  * 處理滑動邏輯的View  */ private View touchView; /**  * 滑動的最小距離  */ private int mTouchSlop; /**  * 按下點的X坐標  */ private int downX; /**  * 按下點的Y坐標  */ private int downY; /**  * 臨時存儲X坐標  */ private int tempX; /**  * 滑動類  */ private Scroller mScroller; /**  * SildingFinishLayout的寬度  */ private int viewWidth; /**  * 記錄是否正在滑動  */ private boolean isSilding; private OnSildingFinishListener onSildingFinishListener; private boolean isFinish; public SildingFinishLayout(Context context, AttributeSet attrs) {  this(context, attrs, 0); } public SildingFinishLayout(Context context, AttributeSet attrs, int defStyle) {  super(context, attrs, defStyle);  mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();  mScroller = new Scroller(context); } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) {  super.onLayout(changed, l, t, r, b);  if (changed) {   // 獲取SildingFinishLayout所在布局的父布局   mParentView = (ViewGroup) this.getParent();   viewWidth = this.getWidth();  } } /**  * 設置OnSildingFinishListener, 在onSildingFinish()方法中finish Activity  *  * @param onSildingFinishListener  */ public void setOnSildingFinishListener(   OnSildingFinishListener onSildingFinishListener) {  this.onSildingFinishListener = onSildingFinishListener; } /**  * 設置Touch的View  *  * @param touchView  */ public void setTouchView(View touchView) {  this.touchView = touchView;  touchView.setOnTouchListener(this); } public View getTouchView() {  return touchView; } /**  * 滾動出界面  */ private void scrollRight() {  final int delta = (viewWidth + mParentView.getScrollX());  // 調用startScroll方法來設置一些滾動的參數，我們在computeScroll()方法中調用scrollTo來滾動item  mScroller.startScroll(mParentView.getScrollX(), 0, -delta + 1, 0,    Math.abs(delta));  postInvalidate(); } /**  * 滾動到起始位置  */ private void scrollOrigin() {  int delta = mParentView.getScrollX();  mScroller.startScroll(mParentView.getScrollX(), 0, -delta, 0,    Math.abs(delta));  postInvalidate(); } /**  * touch的View是否是AbsListView， 例如ListView, GridView等其子類  *  * @return  */ private boolean isTouchOnAbsListView() {  return touchView instanceof AbsListView ? true : false; } /**  * touch的view是否是ScrollView或者其子類  *  * @return  */ private boolean isTouchOnScrollView() {  return touchView instanceof ScrollView ? true : false; } @Override public boolean onTouch(View v, MotionEvent event) {  switch (event.getAction()) {   case MotionEvent.ACTION_DOWN:    downX = tempX = (int) event.getRawX();    downY = (int) event.getRawY();    break;   case MotionEvent.ACTION_MOVE:    int moveX = (int) event.getRawX();    int deltaX = tempX - moveX;    tempX = moveX;    if (Math.abs(moveX - downX) > mTouchSlop      && Math.abs((int) event.getRawY() - downY) < mTouchSlop) {     isSilding = true;     // 若touchView是AbsListView，     // 則當手指滑動，取消item的點擊事件，不然我們滑動也伴隨著item點擊事件的發生     if (isTouchOnAbsListView()) {      MotionEvent cancelEvent = MotionEvent.obtain(event);      cancelEvent        .setAction(MotionEvent.ACTION_CANCEL          | (event.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT));      v.onTouchEvent(cancelEvent);     }    }    if (moveX - downX >= 0 && isSilding) {     mParentView.scrollBy(deltaX, 0);     // 屏蔽在滑動過程中ListView ScrollView等自己的滑動事件     if (isTouchOnScrollView() || isTouchOnAbsListView()) {      return true;     }    }    break;   case MotionEvent.ACTION_UP:    isSilding = false;    if (mParentView.getScrollX() <= -viewWidth / 2) {     isFinish = true;     scrollRight();    } else {     scrollOrigin();     isFinish = false;    }    break;  }  // 假如touch的view是AbsListView或者ScrollView 我們處理完上面自己的邏輯之后  // 再交給AbsListView, ScrollView自己處理其自己的邏輯  if (isTouchOnScrollView() || isTouchOnAbsListView()) {   return v.onTouchEvent(event);  }  // 其他的情況直接返回true  return true; } @Override public void computeScroll() {  // 調用startScroll的時候scroller.computeScrollOffset()返回true，  if (mScroller.computeScrollOffset()) {   mParentView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());   postInvalidate();   if (mScroller.isFinished()) {    if (onSildingFinishListener != null && isFinish) {     onSildingFinishListener.onSildingFinish();    }   }  } } public interface OnSildingFinishListener {  public void onSildingFinish(); }}

最后項目地址：https://github.com/xinyitiandi/SlidingFinishDemo

以上所述是小編給大家介紹的Android中Activity滑動關閉的效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持！

注：相關教程知識閱讀請移步到Android開發頻道。

上一篇：Android中封裝SDK時常用的注解總結

下一篇：詳解Android使GridView橫向水平滾動的實現方式