Fragment+DrawerLayout+NavigationView实现侧滑菜单页面结构

原创 已于 2022-03-18 11:46:14 修改 · 2.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #Fragment #侧滑菜单 #DrawerLayout #代码案例

于 2022-01-29 17:49:34 首次发布
本文通过Fragment、DrawerLayout和NavigationView详细讲解如何构建一个带有侧滑菜单的页面结构。主要内容包括：设置AppBarLayout+Toolbar，使用DrawerLayout管理菜单和内容区域，使用NavigationView创建菜单项，以及处理菜单项点击事件和页面切换。最后提供了完整代码示例。

文章目录


前面几篇文章我们学习了Fragment+ViewPager+Bottom导航按钮实现的典型页面结构( Fragment+ViewPager+BottomNavigationView实现页面导航)，从实践中对Fragment的应用有了更深的认识。本文我们再补充一种典型的，常见的又实用的页面结构：侧滑菜单式页面布局。同样是对Fragment的一种应用，结合控件DrawerLayout、NavigationView、ActionBarDrawerToggle实现典型的侧滑菜单式页面。

1. 目标效果

在这里插入图片描述 抽屉开关关闭效果图

2. 案例教学

2.1 主界面布局

之前网上有各种自定义的控件方案来实现侧滑菜单，虽然可以实现，但五花八门复杂难懂。后来官方结合网上各种方案，统一出了专门的侧滑菜单控件：DrawerLayout，抽屉布局。顾名思义，就是像抽屉一样，从侧面抽出一个菜单页面。

我们要实现的效果是顶部带有ActionBar，侧滑菜单在ActionBar之下的，因为这种情况我们可以看到左上角有个菜单打开/关闭的图标。这个图标通常在关闭的时候是三条线，打开的时候自动变成箭头，并且这个过程有一个比较丝滑的动画转变效果。相信大家都见过这种效果，网上也有一些想自己手写动画实现的，特别费劲。其实系统已经帮我们实现了，我们只需要引用即可轻松实现。

activity_drawer.xml

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/Theme.FragmentBottomTab1.AppBarOverlay">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/tool_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/Theme.FragmentBottomTab1.PopupOverlay" />
    </com.google.android.material.appbar.AppBarLayout>

    <androidx.drawerlayout.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".fragment_test.drawerlayout.DrawerActivity"
        tools:openDrawer="start">

        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/fcv_drawer_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <com.google.android.material.navigation.NavigationView
            android:id="@+id/nv"
            android:layout_width="200dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:clickable="true"
            app:headerLayout="@layout/drawer_header_layout"
            app:menu="@menu/drawer_nav_menu" />

    </androidx.drawerlayout.widget.DrawerLayout>

</LinearLayout>

整体还是上下结构，最上面是ActionBar，这里我们使用AppBarLayout+Toolbar来实现，当作我们的ActionBar。下面是重头戏侧滑菜单和主体内容，用DrawerLayout实现。

  • AppBarLayout+Toolbar部分

需要注意的就是一些主题资源了。比如android:theme="@style/Theme.FragmentBottomTab1.AppBarOverlay"、android:background="?attr/colorPrimary"、app:popupTheme="@style/Theme.FragmentBottomTab1.PopupOverlay"。

在themes.xml里添加

<style name="Theme.FragmentBottomTab1.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
<style name="Theme.FragmentBottomTab1.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
  • DrawerLayout部分

DrawerLayout是一种容器控件，我们只需要把菜单和主体页面放到里面即可。菜单和主体页面分别用NavigationView和FragmentContainerView承接。他们放置的先后顺序没有关系，决定他们摆放位置的是NavigationView的属性android:layout_gravity="start"，表示NavigationView在抽屉的左侧，那么剩下的FragmentContainerView自然就是在右侧充当主体内容部分了。

再来看一下其他的一些细节。

  • tools:openDrawer=“start”
    tools开头的这个命名空间表示的是只在代码编写阶段用来预览的属性，运行时不生效，因此这个属性只是为了让我们在预览界面里看到当前抽屉打开的效果。

  • app:menu="@menu/drawer_nav_menu"
    侧滑菜单的菜单项部分，与上节文章里的底部导航菜单类似，只需要用menu文件就可以定义出菜单项了。

    drawer_nav_menu.xml 如下：

<?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/menu_home"
            android:icon="@drawable/selector_home"
            android:title="首页" />

        <item
            android:id="@+id/menu_find"
            android:icon="@drawable/selector_find"
            android:title="发现" />

        <item
            android:id="@+id/menu_mine"
            android:icon="@drawable/selector_mine"
            android:title="我的" />
    </group>

</menu>

这里值得注意的是我们把三个菜单项用group标签包裹了起来，并且添加了属性android:checkableBehavior="single"。这表示这三个菜单项说一组，并且每次只会有一个被选中，自动帮我们完成了菜单项选中时的高亮效果。运行后你就会体会到它的方便，好用。

  • app:headerLayout="@layout/drawer_header_layout"
    这部分是侧滑菜单的头部部分，也就是常见的会有一个头像昵称之类的布局。这里就简单写一个，图片资源大家可以随便找一个就行了。
    drawer_header_layout.xml
<?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="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="20dp">

    <ImageView
        android:id="@+id/iv_avatar"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="centerCrop"
        android:src="@drawable/test1" />

    <TextView
        android:id="@+id/tv_user_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="user"
        android:textSize="20sp" />
</LinearLayout>

这样我们的布局就做好了。

2.2 准备Fragment

跟之前一样，还是用来演示的Fragment，直接贴代码吧。（实际应用中，这里你可以准备比较复杂的各种Fragment）
ExampleFragment.java：

public class ExampleFragment extends Fragment {
    // 改为public，以便于外界能引用到
    public static final String ARG_PARAM1 = "param1";
    public static final String ARG_PARAM2 = "param2";

    private String mParam1;
    private String mParam2;
    
    private TextView mTvContent;

    public ExampleFragment() {
    }
   
    public static ExampleFragment newInstance(String param1, String param2) {
        ExampleFragment fragment = new ExampleFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_example, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mTvContent = view.findViewById(R.id.tv_content);
        // 如果传入的参数有值，则设置内容
        if (!TextUtils.isEmpty(mParam1)) {
            mTvContent.setText(mParam1);
        }
    }
}

另外，为了整个效果做的更完善些，我们把第一个页面，也就是首页也做成前文那种多栏目页面切换的效果。可直接复用前文的代码，详情见前文吧，不再赘述。
HomeFragment.java：

public class HomeFragment extends Fragment {

    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";

    private String mParam1;
    private String mParam2;

    private ViewPager mViewPager;
    private TabLayout mTabLayout;
    private List<Fragment> mFragmentList;
    private List<String> mTitleList;
    private MyViewPagerAdapterForFragment mPagerAdapterForFragment;

    public HomeFragment() {
    }

    public static HomeFragment newInstance(String param1, String param2) {
        HomeFragment fragment = new HomeFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        initView();
        initData();
        initEvent();
    }


    private void initView() {
        mViewPager = getView().findViewById(R.id.home_vp);
        mTabLayout = getView().findViewById(R.id.home_tab_layout);
    }

    private void initData() {
        mTitleList = new ArrayList<>();
        mTitleList.add("热点");
        mTitleList.add("娱乐");
        mTitleList.add("历史");
        mTitleList.add("科技");
        mTitleList.add("体育");
        mTitleList.add("地理");
        mTitleList.add("新奇");
        mTitleList.add("美图");

        mFragmentList = new ArrayList<>();
        for (int i = 0; i < mTitleList.size(); i++) {
            SubFragment subFragment = SubFragment.newInstance("fragment" + i, "");
            mFragmentList.add(subFragment);
        }
    }

    private void initEvent() {
        mPagerAdapterForFragment = new MyViewPagerAdapterForFragment(getChildFragmentManager(), mFragmentList, mTitleList);
        mViewPager.setAdapter(mPagerAdapterForFragment);
        mViewPager.setCurrentItem(0);

        mTabLayout.setupWithViewPager(mViewPager);
    }
}

fragment_home.xml:

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/home_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="start"
        app:tabMode="auto" />

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/home_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

用到的Adapter: MyViewPagerAdapterForFragment.java

public class MyViewPagerAdapterForFragment extends FragmentPagerAdapter {

    private List<Fragment> mFragmentList;
    private List<String> mTitleList;


    public MyViewPagerAdapterForFragment(@NonNull FragmentManager fm, List<Fragment> fragmentList) {
        super(fm);
        mFragmentList = fragmentList;
    }

    public MyViewPagerAdapterForFragment(@NonNull FragmentManager fm, List<Fragment> fragmentList, List<String> titleList) {
        super(fm);
        mFragmentList = fragmentList;
        mTitleList = titleList;
    }

    @NonNull
    @Override
    public Fragment getItem(int position) {
        return mFragmentList == null ? null : mFragmentList.get(position);
    }

    @Override
    public int getCount() {
        return mFragmentList == null ? 0 : mFragmentList.size();
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return mTitleList == null ? super.getPageTitle(position) : mTitleList.get(position);
    }

}

2.3 主界面Activity

来看主体代码部分，首先还是控件声明、初始化。

public class DrawerActivity extends AppCompatActivity {

    private NavigationView mNavigationView;
    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drawer);
        initView();
    }
    
    private void initView() {
        mDrawerLayout = findViewById(R.id.drawer_layout);
        mNavigationView = findViewById(R.id.nv);

        Toolbar toolbar = findViewById(R.id.tool_bar);
        setSupportActionBar(toolbar);

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);

    }
}

主要的三个控件：mDrawerLayout、mNavigationView、mDrawerToggle
前两个直接findViewById常规初始化即可，最后一个就是我们上面提到的，可以随着抽屉菜单打开/关闭而变换图标的一个按钮。它的初始化如代码中所示，传入了mDrawerLayout、toolbar，这样就把三者关联起来了。它本身是在toolbar上，点击后会与mDrawerLayout联动。最后两个参数就是两个描述打开/关闭的字符串，随便写两个即可，比如在strings.xml里添加：

 <string name="navigation_drawer_open">Open navigation drawer</string>
 <string name="navigation_drawer_close">Close navigation drawer</string>

然后，我们来对侧滑菜单的打开/关闭做一些处理。

在onCreate方法里继续添加initEvent方法

private void initEvent() {
    mDrawerLayout.addDrawerListener(mDrawerToggle);
    // 同步抽屉按钮与抽屉的状态，也就是当抽屉开的时候，及时更新按钮状态
    mDrawerToggle.syncState();
    mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        	
            switch (item.getItemId()) {
                case R.id.menu_home:
                    getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, HomeFragment.class, null).commit();
                    break;
                case R.id.menu_find:
                    ExampleFragment findFragment = ExampleFragment.newInstance("这是FindFragment", "");
                    getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, findFragment).commit();
                    break;

                case R.id.menu_mine:
                    ExampleFragment mineFragment = ExampleFragment.newInstance("这是MineFragment", "");
                    getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, mineFragment).commit();
                    break;
                default:
                    break;
            }
            // 设置测滑菜单某项被选中
            mNavigationView.setCheckedItem(item.getItemId());
			// 选中某项后，抽屉要关闭
            if (mDrawerLayout.isOpen()) {
                mDrawerLayout.close();
            }
            return false;
        }
    });
	// 默认设置菜单选中首页
    setHomeFragment();
}

private void setHomeFragment() {
	// 设置测滑菜单首页项被选中
    mNavigationView.setCheckedItem(R.id.menu_home);
    // 设置当前主体内容为首页
    getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, HomeFragment.class, null).commit();

}

之前我们只是将左上角抽屉按钮mDrawerToggle创建了出来，但还没有真正建立与抽屉的绑定。通过mDrawerLayout.addDrawerListener(mDrawerToggle);，使得mDrawerToggle监听了抽屉的开关状态。再进一步调用mDrawerToggle.syncState();，使得抽屉按钮与抽屉的状态达到同步。

接着，我们还需要处理菜单项的事件，也就是点击某项需要替换主体页面为对应Fragment。为mNavigationView设置选中监听，在回调方法中，通过选中的ID，切换不同的Fragment。有了前文Fragment操作的基础，相信这些代码就是洒洒水啦～
注意到我们第一个页面复用了HomeFragment，其余两个为了演示还是用的ExampleFragment。
页面切换后，还需要处理两个小细节：
1.菜单项选中需要设置mNavigationView.setCheckedItem(item.getItemId());，这样再次打开菜单，选中的那一项才会高亮。
2.选中某项后，抽屉要关闭。这个需要手动调用mDrawerLayout.close();

最后，还是需要设置默认选中的页面。在setHomeFragment方法中，先设置测滑菜单首页项被选中，再将主体页面替换为首页。

3. 完整代码

最后附上主Activity代码: DrawerActivity.java

public class DrawerActivity extends AppCompatActivity {

    private NavigationView mNavigationView;
    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drawer);
        initView();
        initEvent();
    }

    private void initEvent() {
        mDrawerLayout.addDrawerListener(mDrawerToggle);
        // 同步抽屉按钮与抽屉的状态，也就是当抽屉开的时候，及时更新按钮状态
        mDrawerToggle.syncState();
        mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.menu_home:
                        getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, HomeFragment.class, null).commit();
                        break;
                    case R.id.menu_find:
                        ExampleFragment findFragment = ExampleFragment.newInstance("这是FindFragment", "");
                        getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, findFragment).commit();
                        break;

                    case R.id.menu_mine:
                        ExampleFragment mineFragment = ExampleFragment.newInstance("这是MineFragment", "");
                        getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, mineFragment).commit();
                        break;
                    default:
                        break;
                }

                // 设置测滑菜单某项被选中
                mNavigationView.setCheckedItem(item.getItemId());
                // 选中某项后，抽屉要关闭
                if (mDrawerLayout.isOpen()) {
                    mDrawerLayout.close();
                }

                return false;
            }
        });
        // 默认设置菜单选中首页
        setHomeFragment();
    }

    private void setHomeFragment() {
        // 设置测滑菜单首页项被选中
        mNavigationView.setCheckedItem(R.id.menu_home);
        // 设置当前主体内容为首页
        getSupportFragmentManager().beginTransaction().replace(R.id.fcv_drawer_container, HomeFragment.class, null).commit();

    }
    

    private void initView() {
        mDrawerLayout = findViewById(R.id.drawer_layout);
        mNavigationView = findViewById(R.id.nv);

        Toolbar toolbar = findViewById(R.id.tool_bar);
        setSupportActionBar(toolbar);

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);

//        mDrawerLayout.post(new Runnable() {
//            @Override
//            public void run() {
//                mDrawerToggle.syncState();
//            }
//        });

    }
}

4. 总结

到此，整个Fragment+DrawerLayout+NavigationView实现侧滑菜单页面结构的案例就结束了。到本篇文章为止，我们对Android Fragment的基础内容+基础应用的系列文章也基本介绍完了。总结下，我们本系列文章介绍了以下知识点：

  • Fragment的概念、认识
  • Fragment的创建、移除、查找、替换、显示/隐藏等操作
  • Fragment的数据传递
  • Fragment的后台栈的认识
  • 如何使用adb命令查看Fragment情况
  • Fragment的应用：
    • 实现底部导航页面结构
      • Fragment+BottomTab实现页面导航
      • Fragment+ViewPager+BottomTab实现页面导航
      • Fragment+ViewPager+BottomNavigationView实现页面导航
      • Fragment+ChildFragment+ViewPager+BottomNavigationView实现复杂页面导航
    • 实现侧滑菜单页面结构
      • Fragment+DrawerLayout+NavigationView实现侧滑菜单页面结构

感谢各位支持，希望这些基础内容能为初学者提供一些指引和帮助！

Android侧滑菜单栏实现：DrawerLayout+Fragment
2301_79326891的博客
08-20 579
为了实现点击侧滑菜单选项时切换主界面内容，我们可以为ListView的点击事件绑定相应的操作。在Android开发中，侧滑菜单栏是一种常见的布局方式，能够提供用户友好的导航和操作体验。本文将介绍如何使用DrawerLayout和Fragment来实现一个具有侧滑菜单的Android界面。另外，本文的示例代码基于最新的Android Support库进行编写，所以请确保你已经配置好了相应的依赖。运行项目后，你应该能够在主界面中看到一个带有Toolbar和内容区域的界面，同时通过左侧滑动即可展示出侧滑菜单。
CardView的基本使用、DrawerLayout 滑动菜单、Fragment
shuo277的博客
08-05 1831
1. Fragment是依赖于Activity的，不能独立存在。2. 一个Activity里可以有多个Fragment。3. 一个Fragment可以被多个Activity重用。4. Fragment有自己的生命周期，并能接收输入事件。5. 可以在Activity运行时动态地添加或删除Fragment。3.1.2 Fragment生命周期3.2 Fragment的静态加载静态加载--以标签的形式添加到Activity的布局当中。3.3 Fragment的动态使用。...
Fragment的嵌套和侧滑菜单DrawerLayout加标签页的使用demo
01-07
Fragment的嵌套和侧滑菜单DrawerLayout加标签页SlidingTabLayout的使用demo. android studio项目
DrawerLayout + NavigationView 侧滑菜单，ViewPager + Fragment 快速构建主界面
有酒平步上青天
06-06 4659
安卓的 Material Design 添加了不少的新控件，可以帮助我们快速开发。比如侧滑菜单、浮动按钮、导航条（不是以前蛋疼的ActionBar）、菜单条，还自带了不少特效，当然只要从API 17以上才有效果。有的是19，有的是21。所以，如果要做兼容的话，也是比较蛋疼的。但好在目前的趋势是，4.4一下的手机也是越来越少了，最好都是5.0的就好了。以前的各种开源大神写的依赖库，虽然很好用，但是没用
android fragment侧滑,Android DrawerLayout+ fragment 布局实现左右侧滑
weixin_39716703的博客
05-27 672
技术要点： android.support.v4.widget.DrawerLayout打开抽屉： DrawerLayout.openDrawer();关闭抽屉：DrawerLayout.closeDrawer( );为slidingLayout设置一个layout_grative属性中间 左侧右侧 点击first 点击second 代码：activity_main.xmlf...
ViewPager+Fragment+DrawableLayout 实现页面水平滑动与侧滑抽屉布局
10-13
`ViewPager`、`Fragment`和`DrawableLayout`的结合使用，以及`NavigationView`的加入，可以帮助开发者构建出功能丰富的水平滑动页面和侧滑抽屉布局。下面将详细讲解这些组件的工作原理和它们如何协同工作。 首先，`...
ToolBar+DrawerLayout + NavigationView
07-14
`DrawerLayout`承载`NavigationView`，实现侧滑菜单，提供导航选项。开发者可以通过监听`DrawerLayout`的滑动事件，控制`ToolBar`上的汉堡图标（通常表示抽屉开关）的显示状态，同时响应菜单项的点击事件，更新主...
基于DrawerLayout与NavigationView实现侧滑抽屉效果
DrawerLayoutDemo 是一个典型的 Android 侧滑菜单开发示例项目，其核心目标是帮助开发者掌握 DrawerLayout、NavigationView 和 ToolBar 的协同使用方式，从而实现现代化的 Material Design 风格导航界面。...
Android实现抽屉菜单的NavigationView+DrawerLayout教程
**NavigationView**: 是一个专门用于实现侧滑菜单的视图组件。它在内部包含了其他视图元素，比如用于列表项的菜单选项。NavigationView通常会和DrawerLayout一起使用，来实现一个侧滑效果的菜单。 **DrawerLayout**...
使用DrawerLayout和NavigationView实现侧滑抽屉
为了实现这个功能，Android提供了DrawerLayout和NavigationView这两个组件，它们结合起来可以方便地创建出一个响应用户侧滑操作的抽屉导航界面。 ### DrawerLayout **DrawerLayout** 是一个布局容器，它允许开发者...
仿知乎ActionBar Fragment侧滑抽屉菜单导航栏
04-08
1.这个例子说明了安卓底库自带的DrawerLayout布局控件的一般用法 2.当一个左侧drawer式的导航栏存在时，活动的activity会检测Actionbar上的按钮是否被按下，以此来显示或者关闭导航栏 3.ActionBarDrawerToggle有利于这种操作 4.抽屉内的item(每一项)应分为两类： 4.1视图切换 视图切换与列表或标签导航（如listview导航）遵循相同的基本策略，因此一个视图切换不会创建导航历史。 这种模式只能在一项任务的的根activity 中使用，即任何界面都能通过Actionbar触发出drawer式的抽屉导航栏 4.2 item选择 5.不建议使
仿QQ框架(Fragment的练习)带侧滑菜单
10-19
这个文件需要你们修改里面的 build版本 号 右键点击编辑就可以 可以直接导入进去 需要编译很长时间 建议不需要的人就不要弄了
Fragment的嵌套和侧滑菜单DrawerLayout加标签页的使用
一步一步
01-07 9416
先来看一下效果图吧：              效果图1                                                                                                                             效果图2 标签页用的ToolBar+SlidingTabLayout
NavigationDrawer+Fragment实现侧滑菜单效果
weixin_30446197的博客
08-31 205
学习了NavigationDrawer 官方Support包中的SlidingMenu版本，练了下手.用到了ListView中item不同的布局 以后会升级加上ViewPager和GridView实现多页面图片切换 代码： package com.light.study.android; import android.view.LayoutInflater; import andro...
Android典型界面设计(7) ——DrawerLayout+Fragement+ViewPager+PagerTabStrip实现双导航
weixin_33708432的博客
09-02 186
一、问题描述 　　在Android典型界面设计（3）的我们实现了双导航效果，即外层底部导航和内部区域的头部导航，如网易新闻等很多应用采用了这种导航，但Google提供DrawerLayout可实现抽屉式导航，建议使用DrawerLayout代替底部导航，下面我们就使用官方提供的DrawerLayout+Fragement+ViewPager+PagerTabStrip实现...
DrawerLayout的使用 侧滑加载Listview,首页使用Fragment和处理点击触摸冲突、穿透事件和监听菜单滑动状态的改变的详细介绍
qq_38259132的博客
08-31 1274
DrawerLayout是谷歌提供实现侧滑效果的一个布局 不是控件或者封装类 严格来说DrawerLayout是通过覆盖Acitivyt来实现的侧滑效果 使用起来非常简单 不需要做适配器加权限等操作 重点在布局里 只需要在布局文件里布置就可以了 1.DrawerLayout布局首页要用Fragment 谷歌推荐 2.并且在一定要在要侧滑的控件里加android:layout_gravit
ViewPager+Fragment制作侧滑导航栏
MirZou的博客
12-13 463
本文主要整理和记录下 本来想用Gif图片，这里暂时就用图片代替下吧： Activity： package com.example.administrator.android006; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import andr...
使用Fragment+SlidingMenu实现侧滑显示菜单
小鸡仔hana的博客
06-10 3462
这两周一直在忙课程设计的事，说真的，挺烦的，没有了自己空闲的时间去学Android，还是挤下晚上的时间来学习Android。以前的SlidingMenu很火，很多app都是用了这个功能，但是现在不单单使用SlidingMenu，还流行使用Fragment，因为大屏手机的兴起，碎片的存在是的手机上应用的显示变得更加灵活！今天我就用了Fragment+SlidingMenu实现了侧滑菜单的效果。Sli
DrawerLayout+TabLayout+ViewPager+RadioButton+Fragment+pullToRefresh+ImageLoader
wittybread的博客
10-21 664
MainActivitypackage wangxuewei.bwie.com.week3;import android.os.Bundle; import android.support.annotation.IdRes; import android.support.v4.app.Fragment; import android.support.v4.widget.DrawerLayout; i
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

子林Android

感谢老板，老板大气！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值