AndroidSlidingPaneLayout和DrawerLayout控件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chennai1101/article/details/83345591

相关文章
Android Snackbar控件
Android FloatingActionButton控件
Android Toolbar控件
Android AppBarLayout控件
Android CollapsingToolbarLayout控件
Android CardView控件
Android SlidingPaneLayout和DrawerLayout控件

1. SlidingPaneLayout类

SlidingPaneLayout实现了左滑菜单，它的第一个子控件就是左滑菜单。

主要方法

public boolean openPane() // 打开菜单
public boolean closePane() // 关闭菜单

// 设置监听事件
public void setPanelSlideListener(PanelSlideListener listener) 
public interface PanelSlideListener {
    void onPanelSlide(View panel, float slideOffset);
    void onPanelOpened(View panel);
    void onPanelClosed(View panel);
}

布局文件

<android.support.v4.widget.SlidingPaneLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/sliding_pane_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/layout_menu"
        android:layout_width="120dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tv_left_menu"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:text="左侧菜单"
            android:gravity="center"/>
    </LinearLayout>

    <View
        android:id="@+id/layout_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@drawable/launch"/>

</android.support.v4.widget.SlidingPaneLayout>

SlidingPaneLayout中内容会随着左侧菜单的移动而移动。效果如下

我们可以设置PanelSlideListener来自定义移动效果，保持右侧不动，相应缩小。

public void onPanelSlide(@NonNull View panel, float slideOffset) {
    int width = mViewContent.getWidth();
    float offsetWidth = mViewMenu.getWidth() * slideOffset;

    float scale = (width - offsetWidth) / width;
    mViewContent.setScaleX(scale);
    mViewContent.setScaleY(scale);
    mViewContent.setTranslationX(width * (scale - 1) / 2);
}

效果如下

2. DrawerLayout类

DrawerLayout拥有左滑和右滑两种菜单，使用layout_gravity="left|right"来区分。

主要方法

public void openDrawer(int gravity) // 打开菜单，gravity在菜单中设置
public void closeDrawer(@EdgeGravity int gravity) // 关闭菜单
 
public void setDrawerLockMode(@LockMode int lockMode) // 设置手势滑动
public static final int LOCK_MODE_UNLOCKED = 0; 
public static final int LOCK_MODE_LOCKED_CLOSED = 1; // 默认关闭且锁住，可以通过代码打开
public static final int LOCK_MODE_LOCKED_OPEN = 2; // 默认打开且锁住，可以通过代码关闭
public static final int LOCK_MODE_UNDEFINED = 3; 
 
public void addDrawerListener(@NonNull DrawerListener listener) // 设置监听器
public interface DrawerListener {
	void onDrawerSlide(View drawerView, float slideOffset);
	void onDrawerOpened(View drawerView);
	void onDrawerClosed(View drawerView);
	void onDrawerStateChanged(@State int newState);
}

布局文件

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/layout_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@drawable/launch"/>

    <LinearLayout
        android:layout_width="120dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@color/white"
        android:layout_gravity="left">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:text="左侧菜单"
            android:gravity="center"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="120dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@color/white"
        android:layout_gravity="right">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:text="右侧菜单"
            android:gravity="center"/>

    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

SlidingPaneLayout中内容不会随菜单的移动而移动，并且支持左右两边菜单。但是只有在靠边缘的位置，才支持手势滑动。效果如下