使用DrawerLayout实现安卓侧拉菜单

最新推荐文章于 2024-09-13 10:49:39 发布
最新推荐文章于 2024-09-13 10:49:39 发布
阅读量1k 收藏
点赞数
文章标签： android

侧拉菜单在android应用中非常常见，它的实现方式太多了，今天我们就说说使用Google提供的DrawerLayout来实现侧拉菜单效果。
DrawerLayout的实现其实非常简单，只要按照既有的规范来写即可，先来看看布局文件：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawerlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <RelativeLayout
        android:id="@+id/fragment_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <RelativeLayout
            android:id="@+id/title_bar"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:background="#63B8FF" >

            <ImageView
                android:id="@+id/leftmenu"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:padding="12dp"
                android:src="@drawable/menu" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="48dp"
                android:layout_centerInParent="true"
                android:gravity="center"
                android:text="Title Bar" />

            <ImageView
                android:id="@+id/rightmenu"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:layout_alignParentRight="true"
                android:padding="12dp"
                android:src="@drawable/p_center" />
        </RelativeLayout>

        <LinearLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/title_bar"
            android:orientation="vertical" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/left"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@android:color/white" >

        <ListView
            android:id="@+id/left_listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
        </ListView>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/right"
        android:layout_width="260dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:background="#BCEE68" >

        <ImageView
            android:id="@+id/p_pic"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_centerInParent="true"
            android:src="@drawable/p_pic" />

        <TextView
            android:id="@+id/right_textview"
            android:layout_width="wrap_content"
            android:layout_height="48dp"
            android:layout_below="@id/p_pic"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="12dp"
            android:text="个人中心"
            android:textColor="@android:color/black"
            android:textSize="14sp" />
    </RelativeLayout>

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

首先，根布局就是DrawerLayout，在根布局之后又主要分为三大块，第一块就是我们主界面的内容，第二块是左边拉出来的布局，第三块是右边拉出来的布局（不需要右边侧拉就不用写，这样的话整个布局就只分为两大块），那么系统怎么知道我们这个布局是主布局还是侧拉菜单的布局？请注意左边侧拉菜单布局android:layout_gravity=”left”这个属性和右边菜单布局的android:layout_gravity=”right”这个属性，哈哈，这下应该明白了吧，系统通过layout_gravity属性的值来判断这个布局是左边菜单的布局还是右边菜单的布局，如果没有这个属性，那不用说，肯定是主界面的布局。
好了，布局文件写好之后，我们的侧拉效果其实就已经可以实现了，但是你发现左边拉出来什么东西都没有，那是因为还没有数据，所以我们要在MainActivity中初始化左边布局的ListView。代码如下：

listView = (ListView) findViewById(R.id.left_listview);
initData();
adapter = new ContentAdapter(this, list);
        listView.setAdapter(adapter);

初始化数据的方法：

private void initData() {
        list = new ArrayList<ContentModel>();

        list.add(new ContentModel(R.drawable.doctoradvice2, "新闻", 1));
        list.add(new ContentModel(R.drawable.infusion_selected, "订阅", 2));
        list.add(new ContentModel(R.drawable.mypatient_selected, "图片", 3));
        list.add(new ContentModel(R.drawable.mywork_selected, "视频", 4));
        list.add(new ContentModel(R.drawable.nursingcareplan2, "跟帖", 5));
        list.add(new ContentModel(R.drawable.personal_selected, "投票", 6));
    }

ContentModel类：

public class ContentModel {

    private int imageView;
    private String text;
    private int id;


    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public ContentModel() {
    }

    public ContentModel(int imageView, String text, int id) {
        this.imageView = imageView;
        this.text = text;
        this.id = id;
    }

    public int getImageView() {
        return imageView;
    }

    public void setImageView(int imageView) {
        this.imageView = imageView;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

数据适配器：

public class ContentAdapter extends BaseAdapter {

    private Context context;
    private List<ContentModel> list;

    public ContentAdapter(Context context, List<ContentModel> list) {
        super();
        this.context = context;
        this.list = list;
    }

    @Override
    public int getCount() {
        if (list != null) {
            return list.size();
        }
        return 0;
    }

    @Override
    public Object getItem(int position) {
        if (list != null) {
            return list.get(position);
        }
        return null;
    }

    @Override
    public long getItemId(int position) {
        return list.get(position).getId();
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHold hold;
        if (convertView == null) {
            hold = new ViewHold();
            convertView = LayoutInflater.from(context).inflate(
                    R.layout.content_item, null);
            convertView.setTag(hold);
        } else {
            hold = (ViewHold) convertView.getTag();
        }

        hold.imageView = (ImageView) convertView
                .findViewById(R.id.item_imageview);
        hold.textView = (TextView) convertView.findViewById(R.id.item_textview);

        hold.imageView.setImageResource(list.get(position).getImageView());
        hold.textView.setText(list.get(position).getText());
        return convertView;
    }

    class ViewHold {
        public ImageView imageView;
        public TextView textView;
    }

}

每个Item的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" 
    android:paddingTop="20dp"
    android:paddingBottom="20dp"
    android:gravity="center">

    <ImageView 
        android:id="@+id/item_imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"/>

    <TextView 
        android:id="@+id/item_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="aa"
        android:textSize="20dp"/>

</LinearLayout>

好了，给左边的侧拉菜单中的ListView赋值之后，在把它拉出来，这下就全都有数据了，但是我除了想通过滑动让侧拉菜单出来之外，我还希望在App的标题栏上有一个按钮，点击之后左边的侧拉菜单也会出来，这要怎么实现？看代码：
先将原有的标题栏隐藏：

getActionBar().hide();

接着，

leftMenu = (ImageView) findViewById(R.id.leftmenu);
leftMenu.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                drawerLayout.openDrawer(Gravity.LEFT);
            }
        });

其实很简单，直接调用DrawerLayout的openDrawer方法，参数传Gravity.LEFT表示让左边的侧拉菜单出来，参数如果传Gravity.RIGHT，则表示让右边的侧拉菜单出来。好了，当左边的侧拉菜单出来之后，我希望点击菜单的每一个item，主界面都会有所反应，即当我点击“新闻”，主界面显示新闻内容，当我点击”订阅“，主界面显示订阅的内容，这个也很好实现，首先，点击事件不用说，就是ListView的setOnItemClickListener，点击之后，我们的主界面会显示相应的Fragment，即，如果点击了新闻，则注解卖弄显示新闻的Fragment，如果点击了订阅，则主界面显示订阅的Fragment，看代码：

listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                FragmentTransaction bt = fm.beginTransaction();
                switch ((int) id) {
                case 1:
                    bt.replace(R.id.content, new NewsFragment());
                    break;
                case 2:
                    bt.replace(R.id.content, new SubscriptionFragment());
                    break;

                default:
                    break;
                }
                bt.commit();
                drawerLayout.closeDrawer(Gravity.LEFT);
            }
        });

每次点击之后，就用相应的Fragment替换主界面的LinearLayout，当然，替换完成之后要记得关闭左边的侧拉菜单，传入的参数为Gravity.LEFT表示关闭左边的侧拉菜单，如果传入的菜单为Gravity.RIGHT表示关闭右边的侧拉菜单。

Daisy_ruo
关注
Android简单的侧拉菜单的实现
12-05
一个简单的Android侧拉菜单示例，已解决手势冲突问题。
Android侧拉菜单
09-02
Android侧拉菜单实现
Android SlidingMenu 开源项目 侧拉菜单的使用（详细配置）
09-02 460
http://blog.csdn.net/vipzjyno1/article/details/23614675 http://blog.csdn.net/vipzjyno1/article/details/23614675 http://blog.csdn.net/vipzjyno1/article/details/23614675 http://blog.csdn.net/vi
Android 侧边菜单栏实现全攻略
最新发布
weixin_42573757的博客
09-13 1703
本文还有配套的精品资源，点击获取 简介：在Android开发中，侧边菜单是常用的导航设计模式。文章将详细介绍侧边菜单的设计原理和实现方法，包括使用SlidingMenu库和NavigationView组件的步骤、注意事项和最佳实践。读者将通过这些内容，学习如何创建一个响应迅速、用户友好的侧边菜单，以增强应用的导航体验。 1. Android 侧边菜单概念及重要性 ...
安卓侧拉菜单
08-17
安卓的侧拉菜单源码，挺好用的，很多大神推荐的，适用于跟多范围的app
使用DrawerLayout实现侧拉菜单
08-04
DrawerLayout是Android开发中一种常见的布局组件，常用于实现侧滑...以上就是使用DrawerLayout实现侧拉菜单的基本知识，通过这种方式，开发者可以轻松地在Android应用中添加导航功能，为用户提供直观且便捷的操作方式。
DrawerLayout实现侧拉菜单
06-28
DrawerLayout是Android开发中一种常见的布局组件，常用于实现侧拉菜单效果，它允许开发者在主界面旁边添加一个可滑动显示或隐藏的面板。在Android应用设计中，这种侧拉菜单通常用来放置导航选项、设置或其他辅助功能...
viewPager和drawerLayout实现侧拉菜单和滑动标签
08-09
在Android开发中，`ViewPager`和`DrawerLayout`是两个非常重要的组件，它们分别用于实现滑动标签和侧拉菜单。这两个组件结合使用，可以创建出功能丰富的移动应用界面，提供用户友好的导航体验。 首先，`ViewPager`...
android 侧拉菜单
03-22
这是我自己定义的一个侧拉菜单，还有一个自定义属性，新手，勿喷
android 侧拉菜单控件 SlideMenu
01-05
是一个很好的一个控件，可以很方便地集成到项目中去，是一个老外写的，很好用 public class SlidingExample extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setTitle(R.string.attach); // set the content view setContentView(R.layout.content); // configure the SlidingMenu SlidingMenu menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowWidthRes(R.dimen.shadow_width); menu.setShadowDrawable(R.drawable.shadow); menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); menu.setFadeDegree(0.35f); menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); menu.setMenu(R.layout.menu); } }
android开发自定义控件学习 侧拉菜单
11-09
自定义的侧拉菜单 适合新手学习 代码简单易懂 自定义的侧拉菜单 适合新手学习 代码简单易懂
android仿facebook侧拉菜单
01-20
android仿facebook侧拉菜单
android侧拉菜单,Android常用控件之DrawerLayout
weixin_30923447的博客
05-26 187
目录：android.support.v4.widget.DrawerLayout布局xml中：xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/drawer_layout"android:layout_wi...
android 自定义侧拉,Android控件View打造完美的自定义侧滑菜单
weixin_29275257的博客
05-25 449
一、概述在App中，经常会出现侧滑菜单，侧滑滑出View等效果，虽然说Android有很多第三方开源库，但是实际上咱们可以自己也写一个自定义的侧滑View控件，其实不难，主要涉及到以下几个要点：1.对Android中Window类中的DecorView有所了解2.对Scroller类实现平滑移动效果3.自定义ViewGroup的实现首先来看看效果图吧：下面现在就来说说这里咱们实现侧滑View...
Android 实现侧拉菜单：DrawerLayout 教程
本文将详细介绍如何在Android应用中使用DrawerLayout来实现侧拉菜单功能。DrawerLayout是Android SDK提供的一种布局组件，它允许开发者在屏幕边缘滑出一个或多个抽屉式的视图，通常用于展示导航菜单或者设置选项。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值