Android双滑侧边栏的简单实现方式

来源:互联网 发布:centos 挂载u盘 ntfs 编辑:程序博客网 时间:2024/06/05 14:08

最近需要做双滑侧边栏,找了好久资料,只找到了单侧滑动的侧边栏,最后自己参考了一些双滑侧边栏的实现方式总结了一个很简单的双滑侧边栏

以下是我总结的实现方式:
布局文件代码:
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
    android:id="@+id/drawer_layout"
      android:orientation="vertical" >
       <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="@dimen/x20"
                android:layout_height="@dimen/x20"
                android:background="@mipmap/menublue"
                app:popupTheme="@style/AppTheme.NoActionBar" />

     <LinearLayout
         android:id="@+id/sideLeft"
         android:layout_width="200dip"
         android:layout_height="match_parent"
         android:orientation="vertical"
          android:layout_gravity="left"
          android:background="#f8f8f8"
         />
     <LinearLayout
          android:id="@+id/sideRight"
         android:layout_width="200dip"
         android:layout_height="match_parent"
         android:orientation="vertical"
         android:layout_gravity="right"
      android:background="#f8f8f8"
        />
 </android.support.v4.widget.DrawerLayout>

布局写好后,需要一个主题:
<style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

主题写好后,就是代码部分:

public void toolBarMenu() {
 Toolbar toolbar= (Toolbar) findViewById(R.id.toolbar);//控件android.support.v7.widget.Toolbar
        DrawerLayout drawer= (DrawerLayout) findViewById(R.id.drawer_layout);//控件android.support.v4.widget.DrawerLayout
        setSupportActionBar(toolbar);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, 0, 0);
        drawer.setDrawerListener(toggle);
        toggle.syncState();
    }
    @Override
    public void onBackPressed() {
 DrawerLayout drawer= (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

关键的部分是实现双向滑动,以下代码实现:


if (drawer.isDrawerVisible(sideLeft)){
                    drawer.closeDrawer(sideLeft);
                }else {
                    drawer.openDrawer(sideRight);
                }

写在点击事件里面,当点击时实现向右侧滑。

最后就是事件处理问题,防止事件点击穿透。在侧滑布局文件上加上以下部分:

android:clickable="true"

最后就完成了!



原创粉丝点击