【Android】DrawerLayout侧滑菜单控件

  1. DrawerLayout是v4包下的一个侧滑菜单控件

  2. 包:android.support.v4.widget.DrawerLayout或者
    androidx.drawerlayout.widget.DrawerLayout

  3. 第一个view(内容区域)的宽高应当设置为match_parent
    第二、三个view(侧滑菜单)需要设置android:layout_gravity=“left”(左侧滑菜单)和android:layout_gravity=“right”(右侧滑菜单),且高度一般为match_parent,宽度自行设置

代码展示

  • xml文件
<androidx.drawerlayout.widget.DrawerLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity2">

       <!--第一个view作为内容显示区-->
       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent">
           <TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:text="首页"/>
       </LinearLayout>

    <!--第二个view会作为侧滑菜单-->
    <LinearLayout
            android:layout_width="180dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#ffffff">
        <ListView
                android:id="@+id/list_view"
                android:layout_width="180dp"
                android:layout_height="match_parent"/>
    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>
  • Activity活动类
public class MainActivity2 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        ListView listView = (ListView) findViewById(R.id.list_view);

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,
                new String[]{"菜单1","菜单2","菜单3"});

        listView.setAdapter(adapter);
    }
}

运行结果
在这里插入图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android DrawerLayout是一种用于实现侧滑菜单的布局容器。它可以让用户通过滑动屏幕边缘或者点击导航按钮来打开或关闭侧滑菜单。以下是实现DrawerLayout的步骤: 1. 在XML布局文件中定义DrawerLayout作为根布局,通常包含两个子布局:主内容布局和侧滑菜单布局。 2. 在主内容布局中添加一个Toolbar或者ActionBar作为顶部导航栏。 3. 在侧滑菜单布局中添加菜单项,可以使用ListView、RecyclerView等控件来展示菜单选项。 4. 在Java代码中,通过findViewById方法获取DrawerLayout对象的引用。 5. 使用ActionBarDrawerToggle类来实现与Toolbar或者ActionBar的联动,该类可以监听DrawerLayout的打开和关闭事件,并更新导航按钮的状态。 6. 设置DrawerLayout的监听器,处理菜单项的点击事件。 下面是一个示例代码: XML布局文件: ```xml <androidx.drawerlayout.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"> <!-- 主内容布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!-- Toolbar或者ActionBar --> <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" /> <!-- 主内容 --> <FrameLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> <!-- 侧滑菜单布局 --> <LinearLayout android:id="@+id/nav_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:orientation="vertical"> <!-- 菜单项 --> <ListView android:id="@+id/menu_list" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> </androidx.drawerlayout.widget.DrawerLayout> ``` Java代码: ```java public class MainActivity extends AppCompatActivity { private DrawerLayout drawerLayout; private ActionBarDrawerToggle drawerToggle; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar); drawerLayout = findViewById(R.id.drawer_layout); drawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawerLayout.addDrawerListener(drawerToggle); drawerToggle.syncState(); ListView menuList = findViewById(R.id.menu_list); menuList.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 处理菜单项的点击事件 } }); } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值