Android使用SlidingPaneLayout 實現仿微信的滑動返回
更新時間：2018年04月25日 09:20:41 作者：吾問為何
這篇文章主要介紹了Android使用SlidingPaneLayout 實現仿微信的滑動返回,需要的朋友可以參考下
上周,公司的項目改版要求加上一個右滑返回上一個界面,于是就在網上找了一些開源庫打算實現.但是在使用的時候遇見了許多的問題.試了兩天用過 https://github.com/ikew0ng/SwipeBackLayout , https://github.com/r0adkll/Slidr 等庫都沒成功.
然后在http://www.dhdzp.com/article/138869.htm看見了使用SlidingPaneLayout 來實現的一個滑動返回案例然后就看了看發(fā)現不錯于是就使用了這個.
雖然上面鏈接里面已近寫好啦.但是還是寫一下代碼:
先看看最終效果:
實現如下:
主要是在baesActivity里面
public class BaesActivity extends AppCompatActivity implements SlidingPaneLayout.PanelSlideListener{
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
initSlideBackClose();//滑動返回的設置
super.onCreate(savedInstanceState);
}
private void initSlideBackClose() {
if (isSupportSwipeBack()) {
SlidingPaneLayout slidingPaneLayout = new SlidingPaneLayout(this);
// 通過反射改變mOverhangSize的值為0，
// 這個mOverhangSize值為菜單到右邊屏幕的最短距離，
// 默認是32dp，現在給它改成0
try {
Field overhangSize = SlidingPaneLayout.class.getDeclaredField("mOverhangSize");
overhangSize.setAccessible(true);
overhangSize.set(slidingPaneLayout, 0);
} catch (Exception e) {
e.printStackTrace();
}
slidingPaneLayout.setPanelSlideListener(this);
slidingPaneLayout.setSliderFadeColor(getResources()
.getColor(android.R.color.transparent));
// 左側的透明視圖
View leftView = new View(this);
leftView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
slidingPaneLayout.addView(leftView, 0);
ViewGroup decorView = (ViewGroup) getWindow().getDecorView();
// 右側的內容視圖
ViewGroup decorChild = (ViewGroup) decorView.getChildAt(0);
decorChild.setBackgroundColor(getResources()
.getColor(android.R.color.white));
decorView.removeView(decorChild);
decorView.addView(slidingPaneLayout);
// 為 SlidingPaneLayout 添加內容視圖
slidingPaneLayout.addView(decorChild, 1);
}
}
//設置是否使用滑動返回
protected boolean isSupportSwipeBack() {
return true;
}
@Override
public void onPanelSlide(View panel, float slideOffset) {
}
@Override
public void onPanelOpened(View panel) {
finish();
}
@Override
public void onPanelClosed(View panel) {
}
}
然后讓Acitivity繼承baesActivity就可以了
public class MainActivity extends BaesActivity
看看效果
怎么會這樣!
然后就去看看那需要改動,發(fā)現在BaesActivity里面寫了一個方法:
//設置是否使用滑動返回
protected boolean isSupportSwipeBack() {
return true;
}
在不需要返回的界面重寫此方法并返回 false,就行了向這樣
@Override
protected boolean isSupportSwipeBack() {
return false;
}
主界面不滑動的問題解決了,但是還有一個問題在滑動的時候左邊顯示的是一個白板,這怎么破?
這就要設置 activity 的 style了 在AndroidManifest.xml 文件里面找到 application 就是黃色那行,跳進去
<application android:name=".MyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme">//設置樣式 <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".TwoActivity"/> <activity android:name=".ThreeActivity"/> </application>
設置styles.xml ,添加黃色部分的內容
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <!--設置窗口背景為透明--> <item name ="android:windowIsTranslucent">true</item> <item name="android:windowBackground">@android:color/transparent</item> </style>
運行起來:
偶買噶! 我的首頁怎么變成這樣了,透明了?怎么辦,
小事,因為我們設置了上面那兩行的原因,現在只要把界面的根布局里面添加一個背景色就行了
<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" android:orientation="vertical" android:background="#f2f2f2" tools:context="com.mvp.tl.myslidingpanelayoutdemo.MainActivity"> <Button android:id="@+id/next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="第一個,下一界面" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </android.support.constraint.ConstraintLayout>
OK,初步實現就這樣了,但是這效果也太丑了吧!
嗯,現在來改改Activity的開啟關閉的樣式
還是在styles.xml 進行修改<resources>
<!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <!--設置窗口背景為透明--> <item name ="android:windowIsTranslucent">true</item> <item name="android:windowBackground">@android:color/transparent</item> <!--activity啟動關閉樣式--> <item name="android:windowAnimationStyle">@style/activityAnimation</item> </style> <!--activity啟動關閉動畫--> <style name="activityAnimation" parent="@android:style/Animation"> <item name="android:activityOpenEnterAnimation">@anim/in_from_right</item> <item name="android:activityCloseExitAnimation">@anim/out_to_left</item> </style>
anim/in_from_right.xml和anim/out_to_left在
進行設置:
in_from_right.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fillAfter="true" android:fromXDelta="100%p" android:interpolator="@android:anim/accelerate_interpolator" android:toXDelta="0" /> </set>
out_to_left.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fillAfter="true" android:fromXDelta="0" android:interpolator="@android:anim/accelerate_interpolator" android:toXDelta="100%p" /> </set>
然后看看效果
OK,效果出來了.但是當它遇到ViewPager的時候呢?
怎么這樣,ViewPager的右滑無法使用了,SlidingPaneLayout的右滑搶了ViewPager的滑動事件.怎么辦
自定義SlidingPaneLayout
import android.content.Context;
import android.support.v4.view.MotionEventCompat;
import android.support.v4.widget.SlidingPaneLayout;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
/*
在使用側滑菜單的時候如果主界面中有ViewPager的時候調用該自定義控件，避免二者的沖突事件的發(fā)生
*/
public class PageEnabledSlidingPaneLayout extends SlidingPaneLayout {
private float mInitialMotionX;
private float mInitialMotionY;
private float mEdgeSlop;//手滑動的距離
public PageEnabledSlidingPaneLayout(Context context) {
this(context, null);
}
public PageEnabledSlidingPaneLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public PageEnabledSlidingPaneLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
ViewConfiguration config = ViewConfiguration.get(context);
mEdgeSlop = config.getScaledEdgeSlop();//getScaledTouchSlop是一個距離
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (MotionEventCompat.getActionMasked(ev)) {
case MotionEvent.ACTION_DOWN: {
mInitialMotionX = ev.getX();
mInitialMotionY = ev.getY();
break;
}
case MotionEvent.ACTION_MOVE: {
final float x = ev.getX();
final float y = ev.getY();
// The user should always be able to "close" the pane, so we only check
// for child scrollability if the pane is currently closed.
if (mInitialMotionX > mEdgeSlop && !isOpen() && canScroll(this, false,
Math.round(x - mInitialMotionX), Math.round(x), Math.round(y))) {
// How do we set super.mIsUnableToDrag = true?
// send the parent a cancel event
MotionEvent cancelEvent = MotionEvent.obtain(ev);
cancelEvent.setAction(MotionEvent.ACTION_CANCEL);
return super.onInterceptTouchEvent(cancelEvent);
}
}
}
return super.onInterceptTouchEvent(ev);
}
}
并用其替換BaesActivity 里面的SlidingPaneLayout 就可以了
OK,最終效果就這樣完成了.
總結
以上所述是小編給大家介紹的Android使用SlidingPaneLayout 實現仿微信的滑動返回效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
開發(fā)一個新項目，底部導航欄一般是首頁的標配，在以前的xml布局中，我們可以很輕松的是用谷歌提供的BottomNavigationView或者自定義來實現底部導航的功能，在Compose中也有也提供了一個類似的控件androidx.compose.material.BottomNavigation2022-09-09
Android應用開發(fā)中自定義ViewGroup視圖容器的教程
這篇文章主要介紹了Android應用開發(fā)中自定義ViewGroup視圖容器的教程,重點在于View之間的參數傳遞,文中還講到了使用ViewDragHelper自定義ViewGroup的方法,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細介紹了Android異常處理最佳實踐，介紹了一個優(yōu)秀的app異常處理機制包括什么，感興趣的小伙伴們可以參考一下2016-03-03
Android HttpURLConnection.getResponseCode()錯誤解決方法
在使用HttpURLConnection.getResponseCode()的時候直接報錯是IOException錯誤，一直想不明白，同一個程序我調用了兩次，結果有一個鏈接一直O(jiān)K，另一個卻一直報這個錯誤2013-06-06
這篇文章主要為大家詳細介紹了android實現點擊按鈕控制圖片切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了Android 操作excel功能實例代碼 ,需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細介紹了Android自定義輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家分享了Android app第三方支付寶支付接入教程，介紹了支付寶支付步驟，對支付寶感興趣的小伙伴們可以參考一下2016-05-05
Android使用Sensor感應器獲取用戶移動方向(指南針原理)
這篇文章主要介紹了Android使用Sensor感應器獲取用戶移動方向的方法,實例分析了指南針原理極其應用,需要的朋友可以參考下2015-12-12
以下是對android中EditText的屬性進行了詳細的分析介紹，需要的朋友可以過來參考下2013-07-07