安卓基于DrawerLayout实现侧边栏实现

最新推荐文章于 2025-04-05 18:46:33 发布
最新推荐文章于 2025-04-05 18:46:33 发布
阅读量851 收藏 1
点赞数
分类专栏： android 文章标签： drawerlayout 侧边栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaoshuxgh/article/details/85075433
版权
本文介绍了一种在Android应用中实现侧边栏手势滑动控制的方法，通过使用DrawerLayout组件并调用setDrawerLockMode方法来锁定或解锁侧边栏的手势滑动功能。此外，还提供了一个详细的XML布局代码示例，展示了如何设计一个包含多种元素的复杂侧边栏界面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

效果图：

侧边栏在大多数app中都存在的，

mDrawer_layout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED); //关闭手势滑动

mDrawer_layout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED); //打开手势滑动

 

下面直接贴代码：

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

    <TextView
        android:id="@+id/tv_toRelease"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_cart"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50pt"
        android:gravity="center"
        android:text="购物车" />

    <!--right menu-->
    <RelativeLayout
        android:id="@+id/right_menu"
        android:layout_width="530px"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@color/white"
        android:clickable="true">

        <RelativeLayout
            android:id="@+id/top_img"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#a5b4bb"
            android:paddingBottom="20px">

            <!--headIcon-->
            <RelativeLayout

                android:id="@+id/relative_head_icon"
                android:layout_width="200px"
                android:layout_height="250px"
                android:layout_marginLeft="10px">

                <com.xgh.ex.releasealtsjavademo.drawerlayout.CircleImageView
                    android:id="@+id/iv_user_header"
                    android:layout_width="140px"
                    android:layout_height="140px"
                    android:layout_centerHorizontal="true"
                    android:layout_centerVertical="true"

                    android:src="@drawable/accountdefault"

                    />

                <ImageView
                    android:id="@+id/img_vip"
                    android:layout_width="30px"

                    android:layout_height="30px"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentRight="true"
                    android:layout_marginBottom="50px"
                    android:layout_marginRight="50px"


                    android:layout_marginTop="15px"
                    android:visibility="gone" />


                <TextView
                    android:id="@+id/tv_class_name"

                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:layout_marginLeft="55px"
                    android:text="代理号"
                    android:textColor="@color/white"
                    android:textSize="10sp"
                    android:visibility="gone" />


            </RelativeLayout>

            <TextView
                android:id="@+id/tv_user_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="60px"
                android:layout_toRightOf="@id/relative_head_icon"
                android:ellipsize="end"
                android:maxLength="8"
                android:text="请登录"
                android:textColor="@color/white"
                android:textSize="38px" />


            <RelativeLayout
                android:id="@+id/rela_weidenglu"
                android:layout_width="match_parent"


                android:layout_height="wrap_content"
                android:layout_below="@id/tv_user_name"
                android:layout_toRightOf="@+id/relative_head_icon">


                <TextView
                    android:id="@+id/tv_description"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="15px"
                    android:layout_marginTop="12px"
                    android:ellipsize="end"
                    android:maxLines="2"
                    android:text="这家伙很懒，什么都没写。"
                    android:textColor="@color/white"
                    android:textSize="13sp" />


                <TextView
                    android:id="@+id/tv_flow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/tv_description"
                    android:layout_marginTop="12px"
                    android:layout_toRightOf="@+id/relative_head_icon"
                    android:textColor="@color/white"
                    android:textSize="11sp" />

                <TextView
                    android:id="@+id/tv_flow_num"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/tv_description"

                    android:layout_marginLeft="10px"
                    android:layout_marginRight="20px"

                    android:layout_marginTop="12px"

                    android:layout_toRightOf="@id/tv_flow"
                    android:text="0"


                    android:textColor="@color/white"
                    android:textSize="11sp"


                    />


                <TextView
                    android:id="@+id/tv_fens"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/tv_description"
                    android:layout_marginLeft="10px"
                    android:layout_marginTop="12px"
                    android:text="粉丝"
                    android:layout_toRightOf="@id/tv_flow_num"
                    android:textColor="@color/white"
                    android:textSize="11sp" />

                <TextView
                    android:id="@+id/tv_fens_num"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/tv_description"
                    android:layout_marginLeft="10px"
                    android:layout_marginRight="10px"
                    android:layout_marginTop="12px"
                    android:layout_toRightOf="@id/tv_fens"
                    android:text="0"
                    android:textColor="@color/white"
                    android:textSize="11sp"
                    />

            </RelativeLayout>


            <TextView
                android:id="@+id/tv_rigiest"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_user_name"
                android:layout_marginTop="20px"
                android:layout_toRightOf="@id/relative_head_icon"
                android:padding="5px"
                android:text="注册"
                android:textColor="@color/white"
                android:textSize="12sp" />


            <TextView
                android:id="@+id/tv_login"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_user_name"
                android:layout_marginLeft="20px"
                android:layout_marginTop="20px"
                android:layout_toRightOf="@id/tv_rigiest"
                android:padding="5px"
                android:text="登录"
                android:textColor="@color/white"
                android:textSize="12sp" />


        </RelativeLayout>


        <LinearLayout
            android:id="@+id/lin_one"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/top_img"
            android:orientation="vertical">


            <LinearLayout
                android:id="@+id/linear_trends"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20px"
                android:gravity="center_vertical"
                android:paddingBottom="12px"
                android:paddingLeft="26px"
                android:paddingRight="26px"
                android:paddingTop="36px"
                >

                <ImageView
                    android:layout_width="30px"
                    android:layout_height="30px"
                     />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="20px"
                    android:layout_weight="1"
                    android:text="系统消息"
                    android:textColor="#989898"
                    android:textSize="15sp" />

                <ImageView
                    android:id="@+id/iv_red"
                    android:layout_width="15px"
                    android:layout_height="15px"
                    android:layout_gravity="center_vertical"
                    android:layout_marginRight="20px"
                    android:background="@drawable/shape_hint_bg"
                    android:padding="10px"
                    android:visibility="gone" />


            </LinearLayout>

            <LinearLayout
                android:id="@+id/linear_renzheng"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20px"
                android:gravity="center_vertical"
                android:paddingBottom="36px"
                android:paddingLeft="26px"
                android:paddingRight="26px"
                android:paddingTop="13px">

                <ImageView
                    android:layout_width="30px"
                    android:layout_height="30px"
                    />

                <TextView
                    android:id="@+id/tv_renzheng"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="20px"
                    android:layout_weight="1"
                    android:text="认证"
                    android:textColor="#989898"
                    android:textSize="15sp" />


            </LinearLayout>

            <!--<com.zhy.autolayout.AutoLinearLayout-->
            <!--android:id="@+id/linear_daren"-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content"-->


            <!--android:layout_marginLeft="20px"-->
            <!--android:gravity="center_vertical"-->
            <!--android:padding="26px">-->

            <!--<ImageView-->
            <!--android:layout_width="30px"-->
            <!--android:layout_height="30px"-->
            <!--android:src="@drawable/darenhao" />-->

            <!--<TextView-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_marginLeft="20px"-->
            <!--android:layout_weight="1"-->
            <!--android:text="@string/darenhao"-->
            <!--android:textColor="#989898" />-->


            <!--</com.zhy.autolayout.AutoLinearLayout>-->

            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:layout_marginLeft="46px"
                android:layout_marginRight="20px"
                android:background="#d7d7d7" />
        </LinearLayout>


        <RelativeLayout
            android:id="@+id/view_setting"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true">

            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:layout_marginLeft="46px"
                android:layout_marginRight="20px"
                android:background="#d7d7d7" />


            <LinearLayout
                android:id="@+id/linear_setting"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">


                <LinearLayout
                    android:id="@+id/lin_set"
                    android:layout_width="wrap_content"
                    android:layout_height="200px"
                    android:layout_marginLeft="100px"
                    android:gravity="center"
                    android:orientation="vertical">


                    <ImageView
                        android:layout_width="30px"
                        android:layout_height="30px"
                        android:layout_marginTop="40px"
                         />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="20px"
                        android:layout_weight="1"
                        android:text="设置"
                        android:textColor="@color/black"
                        android:textSize="13sp" />


                </LinearLayout>

                <!--<com.zhy.autolayout.AutoLinearLayout-->
                <!--android:layout_width="0px"-->
                <!--android:layout_weight="1"-->
                <!--android:id="@+id/lin_about_me"-->
                <!--android:gravity="center"-->
                <!--android:orientation="vertical"-->
                <!--android:layout_height="200px">-->


                <!--<ImageView-->
                <!--android:layout_marginTop="40px"-->
                <!--android:layout_width="30px"-->
                <!--android:layout_height="30px"-->
                <!--android:src="@drawable/icon_dongtai" />-->

                <!--<TextView-->
                <!--android:layout_marginTop="20px"-->
                <!--android:layout_width="wrap_content"-->
                <!--android:layout_height="wrap_content"-->

                <!--android:layout_weight="1"-->
                <!--android:text="@string/about_us"-->
                <!--android:textColor="@color/black" />-->


                <!--</com.zhy.autolayout.AutoLinearLayout>-->

                <!--设置，建议与反馈-->
                <LinearLayout
                    android:id="@+id/lin_fankui"
                    android:layout_width="wrap_content"
                    android:layout_height="200px"
                    android:layout_marginLeft="70px"
                    android:gravity="center"
                    android:orientation="vertical">


                    <ImageView
                        android:layout_width="30px"
                        android:layout_height="30px"
                        android:layout_marginTop="40px"
                         />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="20px"
                        android:layout_weight="1"
                        android:text="建议与反馈"
                        android:textColor="@color/black"
                        android:textSize="13sp" />


                </LinearLayout>

            </LinearLayout>

            <!--<com.taiyasaifu.app.widget.ChaoLianJie-->
            <!--android:id="@+id/chaojianlie"-->
            <!--android:layout_width="match_parent"-->
            <!--android:visibility="gone"-->
            <!--android:layout_height="100px"-->
            <!--android:layout_below="@id/linear_setting" />-->

        </RelativeLayout>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/icon_rv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@id/view_setting"
            android:layout_below="@id/lin_one"
            android:layout_marginTop="10px"
            android:paddingBottom="10px">

        </android.support.v7.widget.RecyclerView>

    </RelativeLayout>

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

 

Android开发侧边栏（DrawerLayout、NavigationView、Toolbar）,Java && Kotlin(主要用于个人的学习记录)
qq_63050093的博客
07-05 4208
Android开发侧边栏（DrawerLayout、NavigationView、Toolbar）,Java && Kotlin
实现Android Studio侧边栏实现个人功能
qq_75085852的博客
06-08 1193
提示：以下是本篇文章正文内容，下面案例可供参考。
Android侧边栏实现
02-16
手指 左滑动屏幕时，相应的显示和隐藏菜单和内容，代码非常简单，而且是自定义实现的，不借助第三方插件。对应的原理博文： http://blog.youkuaiyun.com/evankaka/article/details/43851443
Android DrawerLayout用法详解
最新发布
XHRK1的博客
04-05 1045
是 Android 官方支持的布局容器，用于实现侧边滑出的导航抽屉效果（Navigation Drawer）。广泛应用于包含多个导航项的 App 中，例如邮箱客户端、新闻阅读器、社交类应用等。支持左侧/右侧抽屉（或同时存在）支持滑动手势与菜单图标触发与和 Jetpack Navigation 组件良好兼容支持 Material Design 风格确保你的主题继承自，以获得最新 UI 支持。你可以自定义一个布局用于的属性。plaintext12345xml复制编辑。
Android下DrawerLayout的使用
weixin_33726943的博客
11-12 185
Android下DrawerLayout的使用 DrawerLayout见名知意，就是一个具有抽屉效果的布局，看看这个效果图，是不是感觉很炫酷 这么炫的效果其实不一定非要用类似一些SlidingMenu这样的框架才能实现，原生库就有对这种效果的支持，今天我们就一起来学习一下DrawerLayout的使用。 其实使用起来非常简单。 步骤 ...
Android代码-一个炫酷的侧边栏效果
08-06
FantasySlide 一个 DrawerLayout 的扩展,具有帅气的动画与创新的交互。一次手势完成滑出侧边栏与选择菜单。欢迎下载 demo 体验。 效果 使用方法 添加依赖 compile 'com.github.mzule.fantasyslide:library:1.0.5' 调用 调用方法基本与 DrawerLayout 一致. 本项目支持左右 (start left end right) 侧边栏同时定义。 <!-- 这里是 SideBar 的子视图--> <!-- 如果需要的话，可以添加右侧边栏--> 最外层的 FantasyDrawerLayout 的使用与官方的 DrawerLayout 完全一致。 SideBar 用来包装每一个菜单项，SideBar 本质上可以当做一个 vertical 的 LinearLayout 来使用。 效果图上的文字变色是表示该菜单处于 hover 状态, hover 状态默认会设定 view 的 pressed 状态为 true。可以通过 Listener 来改写, 下文会有详细说
探索Android 侧边栏开发的方法
iteye_19215的博客
01-25 239
看到人人网的客户端，不管是ios还是android都有好看的侧边栏滑动的效果，点击上部的按钮可以滑动展开侧边的目录。觉得这个效果比较炫，所以研究了一下实现的方法。关于滑动，实现的思路大概有两种， 一种是利用ScrollView的滑动效果来做，另外一种就是直接使用Animation来作了。 1、使用ScrollView来实现ScrollView的使用是规则是，当View的Size大于屏幕的边界的...
android 基于Fragment实现Tab的切换，滑出侧边栏Demo.zip
07-03
NavigationView是Material Design组件之一，它提供了与系统设置、主菜单类似的结构，可以很容易地与DrawerLayout集成，实现滑出侧边栏的效果。 7. **DrawerLayout**: DrawerLayout是Android的一个布局容器，它可以...
安卓Android源码——基于Fragment实现Tab的切换，滑出侧边栏.zip
10-11
本项目“安卓Android源码——基于Fragment实现Tab的切换，滑出侧边栏.zip”显然是一个示例，演示了如何使用Fragment来创建一个多标签导航界面，并结合侧滑菜单实现更丰富的用户交互。 1. **Fragment基础**： - ...
Android应用源码之基于Fragment实现Tab的切换，滑出侧边栏.rar
12-16
本压缩包中的源码着重展示了如何利用Fragment来实现Tab的切换以及滑动侧边栏的功能，这在现代Android应用中非常常见。下面将详细解析这一实现过程。 首先，`Fragment`是Android SDK提供的一种组件，它允许开发者在...
Android 基于Fragment实现Tab的切换，滑出侧边栏-IT计算机-毕业设计.zip
04-05
"Android基于Fragment实现Tab的切换，滑出侧边栏"是一个典型的移动应用设计模式，它涉及到Android的UI组件、活动(Activity)、碎片(Fragment)以及手势检测等技术。这个毕业设计的源码示例，为初学者提供了一个很好的...
Android应用源码之基于Fragment实现Tab的切换，滑出侧边栏.zip
11-01
"Android应用源码之基于Fragment实现Tab的切换，滑出侧边栏.zip"提供的源码实例，展示了如何利用Android的Fragment和侧滑菜单来实现这种常见的UI模式。让我们详细探讨一下这个主题。 **Fragment介绍** Fragment是...
Android开发--滑动侧边栏
12-29
利用ViewGroup实现的滑动左侧边栏，设置了打开与关闭侧边栏的回调接口，方便实用，稍作修改即可那来使用
安卓自己修改的侧边栏
10-28
滑动侧边栏，在侧边栏上添加监听，弹出窗口，实现菜单功能
Android简单侧边栏
qq_42828101的博客
10-20 1100
main xml主界面 &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;android.support.v4.widget.DrawerLayout xmlns:android=“http://schemas.android.com/apk/res/android” xmlns:app=“http://schemas.android
Android App开发 Toolbar和侧边导航栏
weixin_43522377的博客
07-17 3515
Android app 开发 侧边导航栏 、 toolbar的基础入门使用
android侧边栏菜单DrawerLayout
zuo_er_lyf的博客
01-24 2040
使用步骤：1.直接将DrawerLayout作为根布局；2.设置主页面内容View,宽高应当设置为match_parent;3.侧菜单View,主要是设置android:layout_gravity=" "属性，left,right左侧和右侧，且一般高度设置为match_parent，宽度为固定值，即侧滑菜单的宽度。4.DrawerLayout属性drawerPosition：指定 drawer ...
DrawerLayout布局使用教程Android侧边栏导航完全指南：创建简单实用的导航抽屉
laterstage的博客
08-13 3223
通过本文，您学会了如何在 Android 应用中创建一个简单实用的侧边栏导航。您可以根据实际需求进一步定制和扩展这个示例，丰富您的应用功能与用户体验。开始创建您的 Android 侧边栏导航吧，为您的应用增色不少！如果您有任何问题或需要更多指导，欢迎在评论区留言。希望这篇博客对您有所帮助，能够成功地创建一个简单且实用的 Android 侧边栏导航。如果您需要更多细节或有其他问题，欢迎随时回来查看。祝您在开发过程中取得成功！
android DrawerLayout 侧边栏实现
jifashihan的博客
01-18 7455
现在实现侧边栏比较简单了，官方提供的DrawerLayout可以很方便实现。 主要实现方法是:用DrawerLayout 作为界面根控件。在DrawerLayout里面第一个View为当前界面主内容；第二个和第三个View为抽屉菜单内容。如果当前界面只需要一个抽屉菜单，则第三个View可以省略。 第一个View的宽高应当设置为match_parent 第二、三个View需要设置android:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值