最近需要做双滑侧边栏,找了好久资料,只找到了单侧滑动的侧边栏,最后自己参考了一些单滑侧边栏的实现方式总结了一个很简单的双滑侧边栏
以下是我总结的实现方式:
布局文件代码:
<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"