版权声明:本文为博主原创文章,未经博主允许不得转载。 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中内容不会随菜单的移动而移动,并且支持左右两边菜单。但是只有在靠边缘的位置,才支持手势滑动。效果如下