安卓studio底部导航栏中间凸起
时间: 2025-06-19 08:18:14 浏览: 11
### 如何在 Android Studio 中实现底部导航栏中间按钮凸起效果
要在 Android 应用程序中创建具有凸起中心按钮的底部导航栏,可以利用 `BottomAppBar` 和 `FloatingActionButton` 的组合来完成这一设计目标[^1]。
#### 使用 BottomAppBar 和 FloatingActionButton 实现凸起效果
通过设置 `app:fabAlignmentMode="center"` 属性给 `BottomAppBar`,可以让浮动操作按钮(FAB)居中显示并自动调整其位置以形成凸起效果。以下是具体方法:
```xml
<com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottom_app_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:backgroundTint="?attr/colorPrimary"
app:fabCradleMargin="8dp"
app:fabCradleRoundedCornerRadius="8dp"
app:fabCradleVerticalOffset="4dp"
app:fabAlignmentMode="center"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_anchor="@id/bottom_app_bar"/>
```
上述 XML 布局文件定义了一个带有 FAB 凹槽的 `BottomAppBar`,其中心部分会为 FAB 提供空间从而呈现凸起视觉效果。
#### 设置菜单项
为了使底部导航功能更加完善,还需要配置相应的菜单资源文件用于展示各个选项图标和标签:
```xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/action_home"
android:title="Home"
android:icon="@drawable/ic_home"/>
<!-- 更多项目 -->
</menu>
```
最后,在 Activity 或 Fragment 中初始化这些组件并与事件监听器绑定即可完成交互逻辑开发工作流程。
阅读全文
相关推荐








