DrawerLayout側滑

DrawerLayout是Support Library包中實現了側滑菜單效果的控制項，可以說DrawerLayout是因為第三方控制項如SlidingMenu等出現之後，google借鑒而出現的產物。DrawerLayout分為側邊菜單和主內容區兩部分，側邊菜單可以根據手勢展開與隱藏（drawerLayout自身特性），主內容區的內容可以隨著菜單的點擊而變化（這需要使用者自己實現）。drawerLayout其實是一個佈局控制項，跟LinearLayout等控制項是一種東西，但是drawerLayout帶有滑動的功能。只要按照drawerLayout的規定佈局方式寫完佈局，就能有側滑的效果。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawer_main_layout"
    tools:context="com.example.drawerlayout.MainActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/btn_main_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="OpenRightMenu"
            android:text="打開"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true" />

    </RelativeLayout>

    <fragment
        android:id="@+id/id_left_menu"
        android:name="com.example.drawerlayout.fragment.LeftFragment"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:tag="Left" />

    <fragment
        android:id="@+id/id_right_menu"
        android:name="com.example.drawerlayout.fragment.RightFragment"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:tag="RIGHT" />
</android.support.v4.widget.DrawerLayout>

看佈局文件我們可以知道，左菜單和右菜單我們都是用一個fragment進行實現，具體的代碼就不再寫了，大家可以下載源碼查看

public class MainActivity extends AppCompatActivity {
    private DrawerLayout mDrawerLayout;
    private Button mButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
        setListeners();
    }


    private void initViews() {
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_main_layout);
        mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED,
                Gravity.RIGHT);
        mButton = (Button) findViewById(R.id.btn_main_right);
    }

    private void setListeners() {
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mDrawerLayout.openDrawer(Gravity.RIGHT);
                mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED,
                        Gravity.RIGHT);
            }
        });
        mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {
            //在這個方法里可以設置動畫效果
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {

            }

            // 菜單打開
            @Override
            public void onDrawerOpened(View drawerView) {

            }

            // 菜單關閉
            @Override
            public void onDrawerClosed(View drawerView) {
                mDrawerLayout.setDrawerLockMode(
                        DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.RIGHT);
            }

            @Override
            public void onDrawerStateChanged(int newState) {

            }
        });
    }

}