Android——MaterialDesign之二DrawerLayout

  1. 滑动菜单--DrawerLayout

    滑动菜单就是把一些菜单选项隐藏起来,而不是放置主屏幕中,然后可以通过滑动的方式将菜单显示出来,具有非常的画面效果,就是类似侧边滑动。

     

例子:需要上一次的Toolbar,省略的内容参考Android——MaterialDesign之一Toolbar 

 

<android.support.v4.widget.DrawerLayout

...

android:id="@+id/drawer_layout">

<FrameLayout>

...

</FrameLayout>

 

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:textSize="30sp"
    android:background="#14e163"
    android:text="这是一个菜单 menu"/>

 

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

 

    详解:其中的android:layout_gravity="start"必须指定(包括left、right),这样就会有非常流畅的滑动菜单,还有Material Design 建议在Toolbar的左边加入一个导航按钮,通过点击也能将菜单的内容展示出来。防止用户不知道在屏幕的左侧还是右侧。

 

MainActivity.class

private DrawerLayout drawerLayout;

...

//侧滑菜单
drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

 

protected void onCreate(Bundle savedInstanceState) {

...
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
     actionBar.setDisplayHomeAsUpEnabled(true);
     actionBar.setHomeAsUpIndicator(R.mipmap.return_item);
}

}

..

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()){

...

case android.R.id.home:
     drawerLayout.openDrawer(GravityCompat.START);
     break;
default:

}

 return true;
}

 

     详解:其中调用了actionBar的setDisplayHomeAsUpEnabled()方法让导航按钮显示出来,setHomeAsUpIndicator()方法设置一个导航按钮图标。最后在onOptionsItemSelected()方法中对HomeAsUp按钮进行事件处理,调用了drawerLayoutopenDrawer()方法将滑动菜单展示出来,GravityCompat.START来保证这里的行为和XML中定义一致

 

结果如图:

 

posted @ 2017-04-26 15:51  lusCodding  阅读(425)  评论(0编辑  收藏  举报