Drawerlayout的简单使用

从现在起想要养成一个写博客的习惯，刚好今天写了一个DrawerLayout的小demo，给大家分享一下。

先上一个效果图。

内容页面。

menu页面。

滑动过程中。

因为是一个很简单的demo，就不啰嗦了，直接上代码。

main.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    </FrameLayout>

    <FrameLayout
            android:id="@+id/menu_frame"
            android:layout_gravity="start"
            android:layout_width="320dp"
            android:layout_height="match_parent">
    </FrameLayout>
</android.support.v4.widget.DrawerLayout>

main.xml文件使用了两个FrameLayout来充当内容界面和菜单界面，内容界面的FrameLayout要写在菜单的FramerLyout的前面。然后在MyActivity中使用两个相应的fragment来进行替换就可以了。还有重要的一点就是，在菜单的FrameLayout中要指定layout_gravity="start"（从左边开启菜单）的属性。

MyActivity中的代码

public class MyActivity extends FragmentActivity {
    private DrawerLayout drawerLayout;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        initView();
        initListener();
    }

    /**初始化控件*/
    private void initView() {
        drawerLayout= (DrawerLayout) findViewById(R.id.drawer_layout);
<span style="white-space:pre">	</span>//使用Fragment来替换main.xml文件中的framelayout
        getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame,new MenuFragment()).commit();
        getSupportFragmentManager().beginTransaction().replace(R.id.content_frame,new ContentFragment()).commit();
    }

    /**初始化监听*/
    private void initListener() {
        //为DrawerLayout做打开和关闭的监听
        drawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {
            //当完全打开时调用
            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
            }

            //当完全关闭时调用
            @Override
            public void onDrawerClosed(View drawerView) {
                super.onDrawerClosed(drawerView);
            }
        });
    }

    /**
     * 打开menu
     */
    public void openMenu(){
        drawerLayout.openDrawer(Gravity.LEFT);
    }

    /**
     * 关闭menu
     */
    public void closeMenu(){
        drawerLayout.closeDrawer(Gravity.LEFT);
    }
}

MyActivity继承自FragmentActivity，在initView()中得到Fragment的管理器类，从而替换main.xml布局的framelayout。

菜单Fragment的xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:background="#f6ff74"
              android:gravity="center"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <Button
            android:id="@+id/bt_test"
            android:textSize="25dp"
            android:text="关闭menu"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

</LinearLayout>

在菜单页面中添加一个button，点击后关闭菜单页面。

菜单MenuFragment

public class MenuFragment extends Fragment{

    private View view;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_menu, container, false);
        initView();
        return view;
    }

    private void initView() {

        Button btn = (Button) view.findViewById(R.id.bt_test);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                MyActivity activity = (MyActivity) getActivity();
                activity.closeMenu();
            }
        });
    }
}

给button做点击事件，点击后调用MyActivity中的closeMenu()方法来关闭菜单。

同理在内容界面大致一样，这样你就可以在两个Fragment中做自己想要做的事情了。