Android扩展知识 - DrawerLayout

已于 2022-03-31 21:03:51 修改
阅读量2.4k 收藏 2
点赞数
分类专栏： Android开发 文章标签： android studio android 第一行Android
于 2022-03-31 20:16:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43636084/article/details/123830778
版权

借鉴以下博文

https://www.jianshu.com/p/d2b1689a23bf
https://blog.csdn.net/lmj623565791/article/details/46405409

DrawerLayout

简述DrawerLayout

  • DrawerLayout是官方提供给我们的一个侧滑菜单控件，说到侧滑，相信很多人都用过github上的SlidingMenu，不过好像有两个版本，一个是单独的，另一个需要依赖另一个开源项目：ActionBarSherlock；
  • 在Material Design设计规范中，随处可见的很多侧滑菜单的动画效果，大都可以通过Toolbar + DrawerLayout来实现。
  • 另外还有人喜欢称DrawerLayout为抽屉控件。

注意事项

  • 主内容视图一定要是DrawerLayout的第一个子视图
  • 主内容视图的宽度和高度需要match_parent
  • 必须显示指定侧滑视图的android:layout_gravity属性，当android:layout_gravity="start"时，从左向右滑出菜单，当android:layout_gravity="end"时，从右向左滑出菜单。另外，不推荐使用left和right!
  • 侧滑视图的宽度以dp为单位，不建议超过320dp（为了总能看到一些主内容视图），这里我习惯选择wrap_content。
  • 可以结合ActionBar使用当用户点击ActionBar上的应用图标，弹出侧滑菜单！当然这里我们讨论的是Toolbar！

DrawerLayout的基本使用

  • DrawerLayout的用法比较简单，如下所示。

AndroidManifest注册文件

  • 由于涉及到Toolbar，因此需要首先设置Activity主题为NoActionBar
  • 如下
    在这里插入图片描述
  • 再来看自定义主题，主要是可以改变colorPrimary、colorAccent常用背景颜色。
    在这里插入图片描述
  • 其实不用这么麻烦，完全可以采用系统自带的NoActionBar，比如
    在这里插入图片描述

Xml文件

  • 直接将DrawerLayout作为根布局，然后其内部的第一个View作为主内容区域，第二个View作为左侧侧滑菜单，第三个View作为右侧侧滑菜单，当前第三个是可选的。
  • 主内容区域的宽和好都要是match_parent，理所当然。
  • 第二三个View的高度设为match_parent，宽度为固定值，即侧滑菜单的宽度。
  • 左侧侧滑（从左向右）：android:layout_gravity="start"
  • 右侧侧滑（从右向左）：android:layout_gravity="end"
  • 注意位置，不能在第二个View的位置，设置属性为android:layout_gravity="end"，就会报错。
  • 代码如下所示：
<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <!-- 主视图 ：包括Toolbar标题栏 + 标题栏下内容区域-->
    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <!--  左侧侧滑菜单：采用NavigationView控件，包括头部界面+菜单界面  -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_menu"/>

</androidx.drawerlayout.widget.DrawerLayout>
  • 可以看到我们的主内容视图引用的自定义的布局文件app_bar_main，如下所示：里面的组合是：CoordinatorLayout + AppBarLayout + Toolbar，可以参考之前的博文AppbarLayout。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/nav_header_back"
            app:title="DrawerLayout" />

    </com.google.android.material.appbar.AppBarLayout>

    <include
        layout="@layout/app_main"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
  • 再看我们的侧滑菜单，用的是NavigationView控件

    • NavigationView控件有两个app属性，分别为app:headerLayout和app:menu，其中headerLayout用于显示头部的布局（可选），menu用于显示建立MenuItem选项的菜单。

    • 其中头部布局文件就是nav_header_main，正常的layout布局文件。
      在这里插入图片描述

    • 菜单文件是nav_menu_main，其中menu可以分组，android:checkableBehavior="single"可以设置改组为单选。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_camera"
            android:icon="@drawable/upload"
            android:title="重置座位列表"/>
        <item
            android:id="@+id/nav_gallery"
            android:icon="@drawable/chaxun"
            android:title="更新座位状态"/>
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/addlist"
            android:title="更新授权名单"/>
        <item
            android:id="@+id/nav_manage"
            android:icon="@drawable/quited"
            android:title="退出当前账户"/>
    </group>
    <item android:title="管理员操作模式">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/admin"
                android:title="管理员登录"/>
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_manage"
                android:title="管理员设置"/>
        </menu>
    </item>
</menu>

java代码

package com.example.drawerlayouttest;

import androidx.annotation.NonNull;
import androidx.appcompat.app.ActionBarDrawerToggle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;

import android.os.Bundle;
import android.view.MenuItem;
import android.widget.Toast;

import com.google.android.material.navigation.NavigationView;

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener{

    private DrawerLayout drawer;

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

        /******************Toolbar处理部分*******************************/
        Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
        //Toolbar中增加ActionBar的特性：Action按钮和overflow按钮
        setSupportActionBar(toolbar);

        /******************DrawerLayout处理部分*******************************/
        // 带Home旋转开关按钮，点击按钮显示或隐藏侧滑菜单。
        drawer = (DrawerLayout) findViewById(R.id.drawer);
        // 绑定DrawerLayout和Toolbar，使得点击Toolbar的导航图标（Home旋转开关按钮），可以弹出或隐藏DrawerLayout
        ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this,drawer,toolbar,R.string.nav_drawer_open,R.string.nav_drawer_close);
        // 将图标放入到Toolbar上。
        actionBarDrawerToggle.syncState();
        // 设置DrawerLayout的监听事件
        // 监听方法是isDrawerOpen(GravityCompat.START)，对应的打开和关闭方法是openDrawer(GravityCompat.START)/closeDrawer(GravityCompat.START)
        //drawer.setDrawerListener(actionBarDrawerToggle);//setDrawerListener已过时，系统不建议使用，建议使用addDrawerListener
        drawer.addDrawerListener(actionBarDrawerToggle);

        /******************NavigationView处理部分*******************************/
        NavigationView nav = (NavigationView)findViewById(R.id.nav);
        // 设置NavigationView菜单项的监听事件
        nav.setNavigationItemSelectedListener(this);
    }

    // NavigationView菜单项的反应动作
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch(item.getItemId()){
            case R.id.nav_upload_seatlist:
                Toast.makeText(this,"You clicked 重置座位列表",Toast.LENGTH_SHORT).show();
                break;
            case R.id.nav_upload_seatstatus:
                Toast.makeText(this,"You clicked 更新座位列表",Toast.LENGTH_SHORT).show();
                break;
            case R.id.nav_upload_authorlist:
                Toast.makeText(this,"You clicked 更新授权名单",Toast.LENGTH_SHORT).show();
                break;
            case R.id.nav_quit_CurrentAccount:
                Toast.makeText(this,"You clicked 退出当前账户",Toast.LENGTH_SHORT).show();
                break;
            case R.id.nav_admin_login:
                Toast.makeText(this,"You clicked 管理员登录",Toast.LENGTH_SHORT).show();
                break;
            case R.id.nav_admin_set:
                Toast.makeText(this,"You clicked 管理员设置",Toast.LENGTH_LONG).show();
                break;
            default:
                break;
        }
        return true;
    }

    /**
     * 按下安卓机的Back键时，会调用onBackPressed()方法
     * 判断DrawerLayout是否为打开状态，如果已经打开，则关闭，否则就继续等待。
     */
    @Override
    public void onBackPressed() {
        if(drawer.isDrawerOpen(GravityCompat.START)){
            drawer.closeDrawer(GravityCompat.START);
        }else
        {
            super.onBackPressed();
            //drawer.openDrawer(GravityCompat.START);
        }
    }
}

效果展示

在这里插入图片描述

选中NavigationView的Sub items

  • 看标题的时候可能有些迷糊
  • 先看下没改之前的效果：
    在这里插入图片描述
  • 下面的管理员操作模式就是Sub items
  • 可以看到Sub items没法被选中，就是没法变成灰色。
  • 参考鸿洋大神博文，做以下修改。
  • 在NavigationView的菜单文件中，去除group的android:checkableBehavior=“single”，每个item下面增加android:checkable=“true”
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:showIn="navigation_view">

<group>
    <item
        android:id="@+id/nav_upload_seatlist"
        android:checkable="true"
        android:icon="@drawable/upload"
        android:title="重置座位列表" />
    <item
        android:id="@+id/nav_upload_seatstatus"
        android:checkable="true"
        android:icon="@drawable/chaxun"
        android:title="更新座位状态" />
    <item
        android:id="@+id/nav_upload_authorlist"
        android:checkable="true"
        android:icon="@drawable/addlist"
        android:title="更新授权名单" />
    <item
        android:id="@+id/nav_quit_CurrentAccount"
        android:checkable="true"
        android:icon="@drawable/quited"
        android:title="退出当前账户" />
</group>

<item android:title="Sub items">
    <menu>
        <item
            android:id="@+id/nav_admin_login"
            android:checkable="true"
            android:icon="@drawable/admin"
            android:title="管理员登录" />
        <item
            android:id="@+id/nav_admin_set"
            android:checkable="true"
            android:icon="@drawable/ic_menu_manage"
            android:title="管理员设置" />
    </menu>
</item>

</menu>
  • java代码中手动切换按钮的选中状态
    // NavigationView菜单项的反应动作
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {

        /*
        * 保证能选中Sub items的代码
        * 思路：保存MenuItem的上一个值
        * 如果上一个传进来的按钮存在，就关闭它的选中状态
        * 打开新传进来的按钮的选中状态
        * mPr更新eMenuItem
        * */
        if(mPreMenuItem != null){
            mPreMenuItem.setChecked(false);
        }
        item.setChecked(true);
        mPreMenuItem = item;
        //drawer.closeDrawers();//关闭侧滑菜单，在这里相当于drawer.openDrawer(GravityCompat.START);
        switch(item.getItemId()){
        ...
        }
        return true;
    }
  • 修改效果如下所示：
    在这里插入图片描述

NavigaionView在Toolbar下方

  • Xml布局中，DrawerLayout在Toolbar的下方。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/nav_header_back"
        app:title="DrawerLayout"/>

    <androidx.drawerlayout.widget.DrawerLayout
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Hi DrawerLayout!"
                android:textSize="25sp"/>
        </FrameLayout>
        <com.google.android.material.navigation.NavigationView
            android:id="@+id/nav"
            android:layout_height="match_parent"
            android:layout_width="wrap_content"
            android:layout_gravity="start"
            app:headerLayout="@layout/nav_header"
            app:menu="@menu/nav_menu"/>

    </androidx.drawerlayout.widget.DrawerLayout>

</LinearLayout>
  • java代码不变
  • 效果图如下所示
    在这里插入图片描述

Toolbar上不显示Home旋转开关按钮

  • 上图可以看到我们点击Home旋转开关按钮，显示和隐藏了侧滑菜单，南无如果我们想要不通过按钮点击，只能右划出菜单需要怎么做呢
  • 我们先看下带Home旋转开关按钮的代码是如何写的：
drawer = (DrawerLayout) findViewById(R.id.drawer);
ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this,drawer,toolbar,R.string.nav_drawer_open,R.string.nav_drawer_close);
actionBarDrawerToggle.syncState();
drawer.addDrawerListener(actionBarDrawerToggle);
  • 这个Home旋转开关按钮实际上是通过ActionBarDrawerToggle代码绑定到Toolbar上的，ActionBarDrawerToggle是和DrawerLayout搭配使用的，它可以改变android.R.id.home返回图标，监听drawer的显示和隐藏。
  • ActionBarDrawerToggle的syncState方法会和Toolbar关联，将图标放入到Toolbar上。
  • 进入ActionBarDrawerToggle构造器可以看到一个不传Toolbar参数的构造器
public ActionBarDrawerToggle(Activity activity, DrawerLayout drawerLayout,
            @StringRes int openDrawerContentDescRes,
            @StringRes int closeDrawerContentDescRes) {
        this(activity, null, drawerLayout, null, openDrawerContentDescRes,
                closeDrawerContentDescRes);
    }
  • 那么不带Home旋转开关按钮的代码如下：
drawer = (DrawerLayout) findViewById(R.id.drawer);
ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this,drawer,R.string.nav_drawer_open,R.string.nav_drawer_close);
drawer.addDrawerListener(actionBarDrawerToggle);
  • 效果图如下所示
    在这里插入图片描述

Xml文件中报错

  • 首先看下报错信息：
    在这里插入图片描述
  • 大意是在现存的主题中没有这个id 0x7f15febf的，但是我们却使用这个了。
  • 回想整个项目中就开始的时候自定义了一个主题，可能那里出错了，我们将自定义主题android:theme="@style/AppTheme.NoActionBar"换成系统主题android:theme="@style/Theme.AppCompat.NoActionBar"
  • 然后我们在xml文件中点击错误信息中的refresh按钮
    在这里插入图片描述
  • 发现错误信息解决了，只剩下警告信息，这里不用管警告信息（主要是字符串写的方式不符合语法）。
  • 但这时，我们还是想保留自定义主题，怎么办呢？
  • 这时我们定位到themes.xml文件，发现我们的自定义主题是在系统自带的下面接着写的，没有覆盖原来的。
    在这里插入图片描述
  • 如果我们把系统自带的Theme注释掉，会怎么样呢？
    在这里插入图片描述
  • 点击错误信息中的refresh按钮，发现错误也同样解决了。
  • 所以这里猜测，如果不覆盖系统自带的Theme定义语句，id不会被系统识别。

主内容视图上添加菜单文件

  • 直接添加就行
  • main.xml文件
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/user"
        android:title="用户"
        android:icon="@drawable/user"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/action_settings"
        android:title="Settings"
        app:showAsAction="never" />
</menu>
  • java代码
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main,menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
    switch(item.getItemId()){
        case R.id.user:
            Toast.makeText(this,"You clicked 用户",Toast.LENGTH_SHORT).show();
            break;
        case R.id.action_settings:
            Toast.makeText(this,"You clicked Settings",Toast.LENGTH_SHORT).show();
            break;
        default:
            break;
    }
    return true;
}

不使用NavigationView，使用DrawerLayout + 其他布局

  • App实际开发中，往往不能完全按照Materialdesign的规则来，如网易云音乐的侧滑，底部还有两个按钮。这时候我们可以通过+其他布局来实现特殊的侧滑布局。
  • 参考上面引用的博主博文，实现DrawerLayout包裹了一个FrameLayout和一个RelativeLayout，FrameLayout是我们的显示内容区域，RelativeLayout是我们的侧边栏布局。
<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    android:id="@+id/drawer2"
    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:fitsSystemWindows="true"
    tools:openDrawer="start">

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

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:padding="16dp"
            android:text="+其他布局来实现特殊的侧滑布局，这里FrameLayout是我们的显示内容区域，RelativeLayout是我们的侧边栏布局。"/>
    </FrameLayout>

    <RelativeLayout
        android:id="@+id/nav2"
        android:layout_width="176dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/white"
        android:fitsSystemWindows="true">

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这是顶部按钮"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="这是中间的按钮"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:text="这是底部按钮"/>
    </RelativeLayout>
</androidx.drawerlayout.widget.DrawerLayout>
  • 监听DrawerLayout的侧滑状态，代码如下：
// 不要忘记AndoridManifest注册文件中修改启动活动为MainActivity2
public class MainActivity2 extends AppCompatActivity {

    DrawerLayout drawer2;

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

        // 监听DrawerLayout的侧滑状态
        drawer2 = (DrawerLayout) findViewById(R.id.drawer2);
        //drawer2.setDrawerListener();//过时了
        /*addDrawerListener()中的参数可以选择DrawerLayout，也可以选择DrawerLayout的子类SimpleDrawerListener
        或者是ActionBarDrawerToggle*/
        drawer2.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(@NonNull View drawerView, float slideOffset) {

            }

            @Override
            public void onDrawerOpened(@NonNull View drawerView) {
                Toast.makeText(MainActivity2.this,"大家快来看啊，侧滑菜单打开了！",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onDrawerClosed(@NonNull View drawerView) {
                Toast.makeText(MainActivity2.this,"大家快来看啊，侧滑菜单关闭了！",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onDrawerStateChanged(int newState) {

            }
        });

    }
}
  • 效果如下
    在这里插入图片描述
L-FHy
关注
专栏目录
Android学习之DrawerLayout
小薇子的博客
09-28 542
最近和实验室的伙伴一起做项目，用到了DrawerLayout，但是之前学的忘了，现在给自己做做总结DrawerLayout是Support Libarary包中显示了侧滑菜单效果的控件。 drawerLayout分为为侧边菜单和主内容区，侧边菜单可以根据手势打开和关闭，主内容去可以随着菜单的点击而变化DrawerLayout其实是一个布局控件，和LinearLayout一样，它最好是最外层布局，也
Android—— DrawerLayout 学习
qq_39636109的博客
04-03 227
DrawerLayout是实现侧滑的布局，它的方便性在于它自带侧滑监听，由于很早就想实现一下像QQ一样的侧滑菜单，于是今天研究了一下DrawerLayout这个布局，废话少说我们先看一下布局：&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.v4.widget.DrawerLayout xmlns:androi...
Android -- DrawerLayout
weixin_33882452的博客
09-05 67
抽屉效果的导航菜单                                                                   喜欢知乎的都应该装的用知乎日报吧~这里指Android的不是IOS的。知乎日报的导航菜单就是用DrawerLayout实现的。 觉得这种侧滑的抽屉效果的菜单很好。 不用切换到另一个页面，也不用去按菜单的硬件按钮，直接在界面上一个按钮点击，菜...
Android-DrawerLayout介绍
左手木亽
07-08 1145
DrawerLayout已经出来很久了，个人觉得国内的app都深受ios的毒害在设计上都争先模仿ios的风格，都忘了什么是独特的Android风格，自己得先学的然后跟产品争取在项目中使用上一系列的Android风格，碰巧DrawerLayout菜单导航被我争取到了，用到了项目上。
Android drawerLayout
01-19
android 抽屉布局，使用了drawLayout布局，并配合toolbar一起展现。例子中还有两个google官方的例子，我做了少许的修改。
android-support-v4+android-support-v7-appcompat组合包
11-10
然而，需要注意的是，由于Unity的特性，可能需要使用Java插件（通过Java Native Interface, JNI）来直接调用Android API，这需要具备一定的Java和Android原生开发知识。 在实际应用中，可能还需要配置...
Android使用DrawerLayout实现侧滑菜单效果
08-29
六、扩展知识点 * Android 中的其他侧滑菜单实现方式，例如使用 NavigationDrawer 等。 * DrawerLayout 的自定义实现，例如自定义侧滑视图的显示方式等。 * DrawerLayout 的性能优化，例如如何减少侧滑菜单的滑动...
Android DrawerLayout简单Demo
09-20
在这个简单的Demo中，我们将深入理解如何使用Android Studio 3.1.4来创建一个基本的DrawerLayout，并探讨相关的知识点。 首先，DrawerLayout是Android SDK中的一个布局容器，它允许你将一个或两个"抽屉"添加到主...
Android-kotlin侧滑菜单
08-13
总结起来，"Android-kotlin侧滑菜单"涉及到的知识点包括：`DrawerLayout`和`NavigationView`的使用、手势检测与响应、自定义动画、配置更改处理以及Kotlin特性的应用。通过实践这些知识点，开发者可以创建出功能完备...
Android代码-NavigationDrawer完整代码.rar
08-02
这样的链接对于开发者来说是扩展知识和技能的好途径，可以接触到更多的实践案例和最佳实践。 "NavigationViewer"可能是实现Navigation Drawer的核心类或者是一个展示示例的Activity。在Android中，Navigation ...
Android DrawerLayout
热门推荐
oHeHeHou的专栏
08-19 1万+
在support.v4包中新增的DrawerLayout可以满足基本的导航抽屉视图的需求，但是和网易等客户端相比还是有差距的 效果：        点击左边listview的栏目会切换背景，有2种方法调出左边的listview，一种是用手势从左向右滑动，一种是点击左上角的抽屉图片。 下面说下实现，是根据官网training给出的例子简化的。实现这个效果需要一点点Fragment和Actio
android——DrawerLayout
一只特立独行的猪
05-01 385
我们通过一个完整的例子来学习DrawerLayout。 先来看一下这个例子的效果： 首先创建一个项目，在activity_main中加入一下代码：<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com
[android ui]官方侧滑菜单控件Navigation Drawer
超级方的专栏
04-14 1133
Navigation Drawer是从屏幕的左侧滑出，显示应用导航的视图。官方是这样定义的： [html] view plaincopyprint? The navigation drawer is a panel that displays the app’s main        navigation options on the lef
Android - DrawerLayout
weixin_34240520的博客
10-24 79
Android DrawerLayout 的使用 Android L　　Android Studio 1.4 从主视图左侧能抽出一个导航栏，效果图： 点击后弹出新界面： 新界面也可以抽出左侧导航栏 1.配置xml文件，指定根视图和左右抽屉视图 2.Activity中加载xml文件，设定UI动作 代码 首先配置main_layout.xml...
DrawerLayoutAndroid
WS_611的博客
08-22 274
/** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; import React, { Component } from 'react'; import { AppRegistry, StyleSheet, PixelRatio, T...
Android-DrawerLayout(侧滑菜单控件)
Android_xi的博客
03-18 249
DrawerLayout(侧滑菜单控件) DrawerLayout是v4包下的一个侧滑菜单控件 用法: 内部第一个view为内容区域，第二个view为左侧菜单，第三个view为右侧侧滑菜单，当前第三个是可选的 注意: 第一个view的宽高应当设置为match_parent，当然了，这也理所当然 第二、三个view需要设置android:layout_gravity=“left”,和android:...
Android开发之DrawerLayout
AnalyzeSystem的博客
01-25 1365
位于v4包下面的DrawerLayout控件，用于充当一个顶级窗口内容的容器，允许交互式“抽屉”方式从左右两侧边缘拖拽出视图，控制抽屉方向通过属性android:layout_gravity,视图的子视图对应于哪一边的抽屉里出现:向左或向右
Android开发：详解 DrawerLayout 实现导航功能
"Android组件创建DrawerLayout导航" 在Android开发中，DrawerLayout是一个非常重要的组件，它用于实现侧滑抽屉式导航菜单。这种设计模式在许多应用中都很常见，允许用户从屏幕边缘滑动出一个包含导航选项的面板。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值