Android实现固定顶部和底部导航栏，中间可滑动 (附完整源码)

最新推荐文章于 2025-04-18 00:15:00 发布

源代码大师

最新推荐文章于 2025-04-18 00:15:00 发布

阅读量61

点赞数

分类专栏： Android实战完整教程文章标签： android

不予转载，严禁转载，违者必纠。

本文链接：https://blog.csdn.net/it_xiangqiang/article/details/143372500

版权

Android实战完整教程专栏收录该内容

378 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

Android实现固定顶部和底部导航栏，中间可滑动

1. 添加依赖
2. 创建布局文件
3. 创建菜单文件
4. 创建MainActivity
5. 创建Fragment
6. 创建Fragment布局文件
7. 运行应用
注意事项

在Android中实现一个固定顶部和底部导航栏的布局，并使中间的内容可滑动，可以使用CoordinatorLayout、AppBarLayout和BottomNavigationView来完成。下面是一个完整的示例代码，展示了如何实现这个布局。

1. 添加依赖

首先，确保在你的build.gradle文件中添加了必要的依赖项：

dependencies {
   
    implementation 'com.google.android.material:material:1.6.1'
    implementation 'androidx.appcompat:appcompat:1.4.1'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.3'
}

2. 创建布局文件

在res/layout目录下创建一个名为act

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

源代码大师

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

Android进阶之路 - 顶部状态栏、底部虚拟导航栏相关操作

Android、前端、小程序、后端

01-19

1599

快过年了，2018希望我们每个人都健康，开心，同时继续上进！主要记录Android中关于状态栏和导航栏的一些使用方式和使用场景

使用PagerSlidingTabStrip实现顶部导航栏

ruancoder的博客

07-22

5567

在开发中，我们有时会遇到顶部导航栏滑动切换页面的设计，如网易新闻。实现的方式有很多种，今天我们使用PagerSlidingTabStrip配合ViewPager实现顶部导航栏。效果图如下。 PagerSlidingTabStrip是github上的一个开源项目，项目地址如下。 https://github.com/astuetz/PagerSlidingTabStrip

参与评论您还未登录，请先登录后发表或查看评论

android-整体UI设计-（滑动导航栏+滚动页面）

yuanlanjun

05-09

378

要转的朋友请保留博客地址http://blog.csdn.net/swadair/article/details/7551609 很多朋友对RollNavigationBar+SlidePageView如何设计业务界面感到疑惑，今天我专门写了Demo共大家参考。效果图如下：页面A页面A滑向页面B中页面B做了个简单的动态效果图实现源码如下： package cn.w.song.ui;...

Android实现固定顶部和底部导航栏，中间可滑动（附带源码）

04-18

812

Android实现固定顶部和底部导航栏，中间可滑动（附带源码）

Android - 顶部滑动导航

ListerCi的博客

05-20

1713

在 Android 开发中，经常需要使用顶部或者底部的导航来切换当前显示的 Fragment。这类应用分为两部分：下方使用 ViewPager 实现多页滑动显示。滑动时，ViewPager 显示不同的 Fragment，我们可以为 ViewPager 设置适配器来实现这样的效果。上方的四个 TextView 的显示需要我们自己实现。

android 滑动导航框架,Android 资讯类App项目实战第一章滑动顶部导航栏

weixin_39598501的博客

05-31

782

前言：正在做一个资讯类app,打算一边做一边整理，供自己学习与巩固。用到的知识复杂度不高，仅适于新手。经验不多，如果写出来的代码有不好的地方欢迎讨论。第一章滑动顶部导航栏本章内容最终效果：image知识点：ViewPager,TabLayout,FragmentPagerAdapter,Fragment学习目标：1、掌握ViewPager、TabLayout的结合使用。2、运用TabLayout...

Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)

01-20

使用ViewPager，PagerSlidingTabStrip，SwipeRefreshLayout打造一款可以点击可以侧滑的顶部导航栏。先简单介绍一下所用的两个个开源库。 PagerSlidingTabStrip Github地址用法： 1.向app Module中的build.gradle中添加依赖 dependencies { compile 'com.astuetz:pagerslidingtabstrip:1.0.1' } 2.把PagerSlidingTabStrip这个控件添加到你的布局中，它通常会放在ViewPager的上面 <com.astuetz.PagerS

Android实现了仿百度贴吧的悬浮式顶部和底部标题栏的效果.zip

07-30

在Android开发中，实现类似百度贴吧的悬浮式顶部和底部标题栏效果，是提升用户体验的重要设计之一。这种设计使得用户在滚动页面时，标题栏能够固定在屏幕的顶部或底部，便于用户随时查看当前页面的主题信息。下面...

Android 用 TabLayout + ViewPager + Fragment 实现顶部、底部导航栏

QDJdeveloper

05-06

6336

这是我们 Material Design 系列的第四篇分享了，对 Material Design 还不是太清楚的可以先过前几篇大概的了解一下，今天我们主要通过实现顶部和底部导航栏的功能来了解又一个 Material Design 的控件 TabLayout 的使用，在移动应用开发中，由于屏膜大小的限制，使得顶部、底部 Tab 导航栏的使用非常的广泛，相信大家在实际开发过程中也是经常遇到，以前可以通

Android Studio Fragment实现Tab仿微信底部滑动菜单源码

10-17

根据Material Design指南，底部导航栏应该包含3到5个主要的导航选项，每个选项都由图标和可选的文字标签组成，点击后会在顶部展示相应的页面内容。在这个实现中，我们通常会用到`BottomNavigationView`控件，它自带...

Andoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）

04-27

ndoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）

Android实现顶部导航菜单左右滑动效果

01-05

本文给大家介绍在Android中如何实现顶部导航菜单左右滑动效果，具体内容如下第一种解决方案：实现原理是使用android-support-v4.jar包中ViewPager控件，在ViewPager控件中设置流布局，再在流布局中设置几项TextView,给每一个TextView设置相关参数，事件等。关于ViewPager控件可以设置全屏幕滑动效果，当然也可以实现局部滑动效果，下面介绍导航菜单。关于导航菜单，相信大家对它并不陌生，比如在新闻客户端中就经常使用左右滑动菜单来显示不同类别的新闻。网上也有关于这方面的一些示例，但是许多都是使用Tabhost来做的，实现了图片平滑动画效果，但没

android顶部和底部导航栏

01-03

android顶部和底部导航栏

android viewpage+fragment 打造顶部导航界面+滑动效果

08-27

android viewpage+fragment 打造顶部导航界面+滑动效果。工程虽然是eclipse，但是使用android studio的童鞋也不用慌，直接拷贝进去就可以直接使用

Android 仿“今日头条”顶部导航栏跟页面滑动效果最简单方式MD控件TabLayout实现

深南大盗的博客

06-13

4174

1.配置依赖 //implementation 'com.android.support:appcompat-v7:+' implementation 'com.android.support:appcompat-v7:23.4.0' implementation 'com.android.support:design:23.4.0' implementation 'com.androi...

android顶部横向滑动导航栏,Android模仿美团顶部的滑动菜单实例代码

weixin_28904519的博客

05-25

633

前言本文主要给大家介绍了关于Android模仿美团顶部滑动菜单的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。先来看下效果图：实现方法这是通过 ViewPager 和 GridView 相结合做出来的效果，每一个 ViewPager 页面都是一个 GridView，底部的每个滑动指示圆点都是从布局文件中 inflate 出来的首先需要一个代表每个活动主题的 JavaBe...

android 头部滑动导航栏,StickyHeaderViewPager

weixin_39614561的博客

05-28

361

j.s ????????Stop Supportrecommend the new project 「w446108264/ScrollableLayout 」(easy to add a headview for any view and supports sticking the navigator on the top when ItemView scrolls.)An Android library ...