（一）概述 上一节中我们使用LinearLayout + TextView实现了底部导航栏的效果，每次点击我们都要重置 所有TextView的状态，然后选中点击的TextView，有点麻烦是吧，接下来我们用另一种方法： RadioGroup + RadioButton来实现我们上一节的效果！本节用到的是实现单选效果的RadioButton，如果你不熟悉，或者没用过，可先移步到：RadioButt
转载
2024-07-29 10:40:32
221阅读
CSS固定菜单栏- 当鼠标向下滑动时，位于最上面的导航一直不动，而内容发生变化<style>
* {
padding: 0px;
margin: 0px;
}
.navbar {
width: 100%;
background: black;
/* 固定住导航条 */
position:
转载
2024-01-15 08:43:04
196阅读
底部导航栏的实现方式
源码地址：https://github.com/Bacsonlx/Android-CNiaoShop/tree/master/CNiaoShop_01效果演示：一、常见的实现方式TabHost+Activity：资源开销比较大，官方已经不推荐使用。RadioButton（RadioGroup）+Fragment：实现起来比较麻烦。FragmentTabHost+Fragmen
转载
2023-07-15 17:17:42
489阅读
# 如何在Android中实现底部导航栏
作为一名经验丰富的开发者，我将向你介绍如何在Android应用中实现底部导航栏。这对于一个刚入行的小白可能会有些困惑，但是通过本文的指导，你将能够轻松掌握这一技能。
## 实现步骤
首先，让我们来看一下实现底部导航栏的具体步骤：
```mermaid
pie
title 底部导航栏实现步骤
"Step 1" : 创建底部导航栏布局
"Step 2"
原创
2024-04-23 05:08:23
310阅读
本文将展示实现底部导航栏的第二种实现方法,第一种方法链接：二.BottomNavigationView+ViewPager与第一种方法不同的是，该方法使用ViewPager作为切换内容的容器。ViewPager，视图翻页工具。是Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以
转载
2023-10-04 08:22:39
641阅读
作为前端开发第一次接触安卓项目，那是一看一个不吱声，一看一个迷糊糊~页面底部导航栏基本所有APP中最常见的布局，这里先介绍下我了解到的安卓实现底部导航的几种方式：ViewPager + RadioGroup + FragmentView + FragmentViewPager + TabLayout + FragmentBottomNavigationView + F
转载
2024-07-12 13:27:06
2461阅读
Navigation实现底部导航栏前言导入和基本使用导入基础使用创建nav文件编辑Nav文件添加页面（代码版）添加页面（图解版）创建导航动作 action创建action（代码版）创建action（图解版）编辑action参数launchSingleToppopUpTopopUpToInclusivepopUpToSaveStaterestoreState注使用nav文件跳转Fragment底部
转载
2023-10-03 16:07:19
512阅读
主要功能几行代码轻松实现底部导航栏(Tab文字图片高度随意更改)；中间可添加加号按钮，也可添加文字；(足够的属性满足你需要实现的加号样式)如果还不能满足、中间可添加自定义View；Tab中随意添加小红点提示、数字消息提示；点击按钮可跳转界面、也可作为Tab切换Fragment；2.0.+迁移AndroidX、支持ViewPager2;剥离导航栏、不传Fragment则不会创建ViewPager、可
转载
2023-10-17 11:06:08
233阅读
Android底部导航栏的实现方式这里主要总结了3种，代码尽量追求精简，可以直接拷贝使用，便于大家比较选择。1.BottomNavigationView实现底部导航栏<1>首先在gradle文件中添加依赖，implementation'com.android.support:design:26.1.0'，注意该依赖的版本不要高于compileSDKVersion,否则会报错。<2
转载
2024-07-22 11:47:12
1800阅读
# Android Studio实现底部导航栏教程
## 整体流程
首先我们需要创建一个包含底部导航栏的Android项目。接下来，我们需要在布局文件中定义底部导航栏和对应的片段。最后，我们需要在活动中管理底部导航栏的切换。
下面是整个过程的详细步骤：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个新的Android项目 |
| 2 | 在布局文件中定义底部导航栏
原创
2024-04-18 07:14:12
660阅读
highlight: a11y-light
theme: juejin开发一个新项目，底部导航栏一般是首页的标配，在以前的xml布局中，我们可以很轻松的是用谷歌提供的BottomNavigationView或者自定义来实现底部导航的功能，在Compose中也有也提供了一个类似的控件androidx.compose.material.BottomNavigation。1.声明导航栏数据源主要声明导航
使用:添加依赖 1.项目gradle添加一下配置:allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}2.module中的gradle添加依赖:dependencies {
implementation 'com.github.truemi:bottomBar:v1.1'
转载
2024-03-05 22:30:42
181阅读
# Android底部导航栏的实现
在Android应用程序开发中，底部导航栏是一种常见的界面元素，用于快速导航到不同的功能页面。底部导航栏通常由若干个图标和文本组成，用户可以通过点击对应的图标或文本来切换页面。在本文中，我们将介绍如何在Android应用中实现一个简单的底部导航栏。
## 实现步骤
1. 首先，在布局文件中定义底部导航栏的布局，通常使用`LinearLayout`作为容器，
原创
2024-06-26 04:39:21
48阅读
底部导航栏有很多种实现方式：使用BottomNavigationBar实现、RadioButton实现等，大家在开发时应该根据业务需要选择合适的方式。一、BottomNavigationView在Android 9.0及以下使用 BottomNavigationView应引入com.android.support:design:28.0.0，在Android 10.0中引入com.google.a
转载
2023-07-30 23:32:03
779阅读
## 使用 React Navigation 实现底部导航栏固定
React Navigation 是一个用于 React Native 和 React Web 的导航库，它提供了一种简单且灵活的方式来管理应用程序的导航。
底部导航栏是一种常见的导航模式，它通常固定在应用程序的底部，并提供对不同页面的快速访问。本文将介绍如何使用 React Navigation 来实现底部导航栏的固定。
#
原创
2024-01-13 00:04:38
877阅读
我们在Android手机上使用新浪微博和QQ等一些软件时，经常会遇到类似下面这种页面底部导航栏的控件，使用这种导航栏可以在手机屏幕的一页中显示尽可能多的内容，如下图所示：下面我将实现这种导航栏的三种方法总结如下：一、使用TabHost实现（TabHost在新版的Android SDK中已经不推荐使用了，但是这里还是可以了解下它的用法）使用TabHost的Activity需要继承自TabActivi
转载
2023-10-24 15:04:48
74阅读
概述Android底部导航栏实现方式真的是太多了~在这里仅介绍几种实现方式~建议使用TabLayout iewPager ，TabLayout是Android Material Design中的控件，布局文件简单。LinearLayout + TextView方式效果图分析根据效果图，我们可以看出在选中的时候，文字 图片 和背景都会发生改变，我们可以通过是否selected来判断。首先来说下图
转载
2024-05-24 10:38:33
32阅读
# 如何在Android中实现底部导航栏
底部导航栏是现代应用中常见的UI元素，能够提供快速访问不同页面的能力。本文将帮助你一步步实现一个简单的底部导航栏。以下是整体流程：
| 步骤 | 描述 |
|------|------|
| 1 | 添加依赖库 |
| 2 | 创建布局文件 |
| 3 | 设置底部导航栏的菜单项 |
| 4 | 编写相应的Activity |
一、Scaffold 组件、二、底部导航栏整体架构、三、BottomNavigationBar 底部导航栏、四、BottomNavigationBarItem 导航栏条目、五、BottomNavigationBarItem 导航栏条目、六、完整代码示例、七、相关资源、
原创
2022-03-08 11:48:09
4656阅读
写在前面的话：目前不是从头到尾一一翻译，我自己用到哪部分内容就翻译哪部分。之后会逐步完善，当然你要想先看哪部分也可以留言提要求。不是直译，但不会影响原文内容。材料设计指南这份指南将由三部分内容组成：材料设计提供的一些组件(Components)创建自定义的材料主题(Material Theming)，让你的APP与众不同可用性(Usability)，确保你的APP可以被所有人使用组件(Compon
转载
2024-04-19 19:21:13
208阅读
