Android开发笔记（一百二十）两种侧滑布局

最新推荐文章于 2023-10-02 07:00:00 发布

aqi00

最新推荐文章于 2023-10-02 07:00:00 发布

阅读量5.7k

点赞数 4

分类专栏： android开发 Android开发笔记文章标签： android DrawerLayout SlidingPaneLayout 侧滑抽屉

本文链接：https://blog.csdn.net/aqi00/article/details/52252835

版权

本文探讨了Android开发中的两种侧滑布局——SlidingPaneLayout和DrawerLayout，详细阐述了它们的使用及区别，帮助开发者更好地理解和选择适合的侧滑组件。

摘要由CSDN通过智能技术生成

SlidingPaneLayout

SlidingPaneLayout是Android在android-support-v4.jar中推出的一个可滑动面板的布局，在前面《 Android开发笔记（一百零一）滑出式菜单》中，我们提到水平布局时的LinearLayout无法自动左右拉伸，必须借助于手势事件才能拉出左侧隐藏的布局，现在SlidingPaneLayout便是为了解决LinearLayout无法自动拉伸的缺陷。只要我们在布局文件的SlidingPaneLayout节点下定义两个子布局，那么页面默认会把第一个子布局作为左侧隐藏面板，一旦用户的手势从左向右滑动，左侧面板就被拉了出来。

SlidingPaneLayout的使用挺简单的，下面是它的几个常用方法：
setSliderFadeColor : 设置主页面的阴影渐变色。即拉出左侧面板时，右边主页面的渐变阴影色，主页面变得越小则阴影色救越浓。阴影色默认为灰色。
setCoveredFadeColor : 设置左侧面板缩进去时的阴影渐变色。
setPanelSlideListener : 设置左侧面板的拉出监听器。该监听器实现了下面三个方法：
--onPanelClosed : 左侧面板已关闭。
--onPanelOpened : 左侧面板已打开。
--onPanelSlide : 左侧面板在滑动。
openPane : 打开左侧面板。
closePane : 关闭左侧面板。
isOpen : 判断左侧面板是否打开。

下面是使用SlidingPaneLayout的效果截图：

下面是使用SlidingPaneLayout的布局文件示例：

<?xml version="1.0" encoding="UTF-8"?>
<android.support.v4.widget.SlidingPaneLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/sp_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
        android:id="@+id/lv_sliding"
        android:layout_width="150dp"
        android:layout_height="match_parent" />
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/tv_sliding"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ffffdd"
            android:paddingLeft="100dp"
            android:text="打开侧滑菜单"
            android:textColor="#000000"
            android:textSize="20sp" />

        <android.support.v4.view.ViewPager
            android:id="@+id/vp_sliding"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />
    </LinearLayout>

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

下面是使用SlidingPaneLayout的页面代码示例：

import java.util.ArrayList;

import com.example.exmdrawer.fragment.ColorFragment;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v4.widget.SlidingPaneLayout;
import android.support.v4.widget.SlidingPaneLayout.PanelSlideListener;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.T