侧滑菜单实现-优快云博客

本文介绍了一个简单的侧滑菜单实现方案，使用了DrawerLayout组件来创建一个可以滑动展开的导航菜单，并通过ListView和自定义适配器填充菜单项。当用户点击列表项时，会触发相应的事件并关闭侧滑菜单。

侧滑

public class MainActivity extends FragmentActivity {

    private DrawerLayout drawerLayout;
    private ListView listView;
    private FrameLayout frameLayout;
    private RelativeLayout relativeLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        //抽屉的跟布局
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        //选项的菜单
        listView = (ListView) findViewById(R.id.list_view);
        //主内容区域的布局
        frameLayout = (FrameLayout) findViewById(R.id.frame_layout);
        //抽屉显示的布局
        relativeLayout = (RelativeLayout) findViewById(R.id.relative_layout);

        final List<String> list = new ArrayList<>();
        for (int i = 1; i<10;i++){
            list.add(i+"");
        }

        //设置适配器
        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, list);
        listView.setAdapter(arrayAdapter);

        //条目的点击事件
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                //要有一个fragment替换后面主内容的frameLayout
                WeiXinFragment weiXinFragment = new WeiXinFragment();
                //传值过去
                Bundle bundle = new Bundle();

                bundle.putString("key",list.get(i));
                weiXinFragment.setArguments(bundle);

                getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,weiXinFragment).commit();

                //关闭抽屉
                drawerLayout.closeDrawer(relativeLayout);
            }
        });

    }
}

布局

<?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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    

    <FrameLayout
        android:id="@+id/frame_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

    

    <RelativeLayout
        android:background="#ffffff"
        android:layout_gravity="left"
        android:id="@+id/relative_layout"
        android:layout_width="200dp"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/image"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@mipmap/ic_launcher"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20dp"
            />

        <ListView
            android:layout_marginTop="20dp"
            android:id="@+id/list_view"
            android:layout_below="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </ListView>

    </RelativeLayout>

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