Android DrawerLayout demo(抽屉菜单)

Android DrawerLayout(抽屉菜单)

DrawerLayout中，第一个子View是显示内容的View，第二个子View是抽屉菜单View，在第二个子View中设置属性layout_gravity="left|right"，表示抽屉菜单是从左边还是右边滑出。

至于DrawerLayout跟SlidingMenu有什么区别，可以看我的上一篇博文。

demo下载地址：http://download.csdn.net/download/shenyuanqing/9190447

最终效果动画：

MainActivity

package com.example.shen.drawerlayoutdemo.activity;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

import com.example.shen.drawerlayoutdemo.R;
import com.example.shen.drawerlayoutdemo.adapter.MyFragmentPagerAdapter;
import com.example.shen.drawerlayoutdemo.fragment.ContactsFragment;
import com.example.shen.drawerlayoutdemo.fragment.DiscoveryFragment;
import com.example.shen.drawerlayoutdemo.fragment.MessageFragment;

import java.util.ArrayList;


public class MainActivity extends FragmentActivity implements View.OnClickListener{
    private ViewPager viewPager;
    private RadioGroup radioGroup;
    private RadioButton rbMessage,rbContacts,rbDiscovery;
    private ArrayList<Fragment> fragmentList;
    private MyFragmentPagerAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化界面组件
        initView();
        //初始化ViewPager
        initViewPager();
    }

    private void initView(){
        viewPager=(ViewPager)findViewById(R.id.view_pager);
        radioGroup=(RadioGroup)findViewById(R.id.radio_group);
        rbMessage=(RadioButton)findViewById(R.id.rb_message);
        rbContacts=(RadioButton)findViewById(R.id.rb_contacts);
        rbDiscovery=(RadioButton)findViewById(R.id.rb_discovery);
        rbMessage.setOnClickListener(this);
        rbContacts.setOnClickListener(this);
        rbDiscovery.setOnClickListener(this);
    }

    private void initViewPager(){
        MessageFragment messageFragment=new MessageFragment();
        ContactsFragment contactsFragment=new ContactsFragment();
        DiscoveryFragment discoveryFragment=new DiscoveryFragment();

        fragmentList=new ArrayList<Fragment>();
        fragmentList.add(messageFragment);
        fragmentList.add(contactsFragment);
        fragmentList.add(discoveryFragment);
        adapter=new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList);
        //ViewPager设置适配器
        viewPager.setAdapter(adapter);
        //ViewPager显示第一个Fragment
        viewPager.setCurrentItem(0);
        //ViewPager页面切换监听
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                switch (position){
                    case 0:
                        radioGroup.check(R.id.rb_message);
                        break;
                    case 1:
                        radioGroup.check(R.id.rb_contacts);
                        break;
                    case 2:
                        radioGroup.check(R.id.rb_discovery);
                        break;
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

        //菜单中控件点击事件
        findViewById(R.id.rl_menu).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,getString(R.string.setting),Toast.LENGTH_SHORT).show();
            }
        });
    }

    @Override
    public void onClick(View v) {
        switch(v.getId()){
            case R.id.rb_message:
                viewPager.setCurrentItem(0,false);
                break;
            case R.id.rb_contacts:
                viewPager.setCurrentItem(1,false);
                break;
            case R.id.rb_discovery:
                viewPager.setCurrentItem(2,false);
                break;
        }
    }
}

activity_main.xml

<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">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
           <RadioGroup
            android:id="@+id/radio_group"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_alignParentBottom="true"
            android:background="@color/white">
            <RadioButton
                android:id="@+id/rb_message"
                android:drawableTop="@drawable/rb_message_selector"
                android:text="@string/message"
                android:checked="true"
                style="@style/radio_button_main"/>
            <RadioButton
                android:id="@+id/rb_contacts"
                android:drawableTop="@drawable/rb_contacts_selector"
                android:text="@string/contacts"
                style="@style/radio_button_main"/>
            <RadioButton
                android:id="@+id/rb_discovery"
                android:drawableTop="@drawable/rb_discovery_selector"
                android:text="@string/discovery"
                style="@style/radio_button_main"/>
        </RadioGroup>
        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@id/radio_group"
            />
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/rl_menu"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:background="@color/blue_light"
        android:layout_gravity="left">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_centerInParent="true">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@mipmap/ic_launcher"
                android:layout_gravity="center"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/setting"
                android:layout_gravity="center"/>
        </LinearLayout>
    </RelativeLayout>
</android.support.v4.widget.DrawerLayout>