Material Design 之 DrawerLayout(滑动菜单)

DrawerLayout包含两个界面,一个主界面和一个隐藏界面。隐藏界面可以通过点击按钮或者滑动屏幕边缘显示出来,一般隐藏界面用来做菜单使用。

DrawerLayout是一个布局,和普通布局使用起来没有多大差别,先在布局文件中添加一个DrawerLayout


<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">

   <FrameLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="主界面"
           android:textSize="20sp"/>
   FrameLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity = "start"
        android:text="滑出界面"
        android:textSize="20sp"
        android:background="#fff"/>
android.support.v4.widget.DrawerLayout>

DrawerLayout包含两个直接子控件(或布局),第一个将显示在主界面,第二个将显示在子界面。第二个控件(或布局)中必须添加android:layout_gravity 属性,android:layout_gravity 有三个值:left,right,start.分别表示隐藏菜单从左边,右边,根据系统语言习惯选择从左边还是右边滑出。
到这里滑动菜单就已经设置完成了,但是为了方便用户体验,我们一般会设置一个按钮用来提醒用户隐藏界面的存在,接下来在MainActivity中给DrawerLayout设置点击滑出的按钮。

public class MainActivity extends AppCompatActivity {
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        drawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);//获取DrawerLayout的实例
        ActionBar actionBar = getSupportActionBar();
        if(drawerLayout!= null){
            actionBar.setDisplayHomeAsUpEnabled(true);//使ActionBar的HomeAsUp键显示出来
            actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);//更换HomeAsUp键默认图标
        }
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case android.R.id.home:     //HomeAsUp键系统设置的ID
                drawerLayout.openDrawer(GravityCompat.START);   //点击事件监听,启动滑动菜单
                break;
        }
        return true;
    }
}

其中HomeAsUp是ActionBar带的一个默认按钮,默认设置是隐藏的,ID是android.R.id.home,通过ActionBar的实例调用setDisplayHomeAsUpEnabled(true)方法可以使它显示出来。

你可能感兴趣的:(Material,Design编程)