你提供的布局文件是一个典型的 **使用 `BottomNavigationView` + `NavHostFragment` 实现底部导航的主界面布局**，结构清晰、约束合理。
但你说：
> “我用了
Android Studio 自带的模板，顶部状态栏原本是深蓝色，我的却是白色；底部黑条也没有”
我们结合你的这个 `ConstraintLayout` 布局和主题行为来深入分析，并 **彻底修复状态栏（Status Bar）和导航栏（Navigation Bar）的颜色问题**。
---
## ✅ 一、当前布局分析
```xml
<?xml version="1.0" encoding="utf-8"?>
<
androidx.constraintlayout.widget.ConstraintLayout
xmlns:
android="http://schemas.
android.com/apk/res/
android"
xmlns:app="http://schemas.
android.com/apk/res-auto"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"> <!-- 关键属性 -->
<!-- 底部导航 -->
<com.google.
android.material.bottomnavigation.BottomNavigationView
android:id="@+id/nav_view"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/bottom_nav_menu" />
<!-- Fragment 容器 -->
<fragment
android:id="@+id/nav_host_fragment_activity_main"
android:name="
androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toTopOf="@id/nav_view"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/mobile_navigation" />
</
androidx.constraintlayout.widget.ConstraintLayout>
```
### 🔍 关键点解析
| 属性 | 含义 |
|------|------|
| `
android:fitsSystemWindows="true"` | 让内容避开系统栏（如状态栏、导航栏），即：**内容不会延伸到状态栏下面** |
| `BottomNavigationView` 在底部 | 正常 Material 设计模式 |
| 使用了 `NavHostFragment` | 支持页面切换 |
---
## ❌ 为什么你的状态栏是白色的？而不是深蓝色？
根本原因不在布局文件本身，而在 **主题（Theme）设置不当**！
即使你用了 AS 模板，默认生成的主题可能被你手动改过，或继承错误。
---
## ✅ 解决方案：从主题入手，恢复标准颜色
### ✅ 第一步：检查并
修改 `themes.xml`
打开 `res/values/themes.xml`（或 `styles.xml`）
#### ✅ 正确配置如下：
```xml
<!-- res/values/themes.xml -->
<resources>
<!-- Base application theme using Material3 -->
<style name="Theme.MyBusApp" parent="Theme.Material3.DayNight.NoActionBar">
<!-- Primary color (Toolbar, BottomNav) -->
<item name="colorPrimary">@color/purple_500</item>
<!-- Darker for Status Bar -->
<item name="colorPrimaryDark">@color/purple_700</item>
<!-- Text/icon color on primary surfaces -->
<item name="colorOnPrimary">@color/white</item>
<!-- Background color -->
<item name="
android:background">@color/white</item>
<!-- Optional: explicitly set Navigation Bar color -->
<item name="
android:navigationBarColor">@
android:color/black</item>
</style>
</resources>
```
> 💡 把 `MyBusApp` 改成你
项目的实际名字，比如 `Theme.BusApp`
> ⚠️ 如果你看到父主题是 `Theme.AppCompat.Light.NoActionBar` 或 `Theme.MaterialComponents.Light.NoActionBar`，说明你没用上最新的 **Material 3** 主题。
---
### ✅ 第二步：确保 `
AndroidManifest.xml` 使用该主题
```xml
<!--
AndroidManifest.xml -->
<application
android:allowBackup="true"
android:label="@string/app_name"
android:theme="@style/Theme.MyBusApp"> <!-- 必须指向上面定义的主题 -->
<activity
android:name=".MainActivity"
android:exported="true">
<intent-filter>
<action
android:name="
android.intent.action.MAIN" />
<category
android:name="
android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
```
---
### ✅ 第三步：确认是否设置了“透明状态栏”等干扰项
检查你的主题中有没有以下 **会导致状态栏变白或透明的错误设置**：
❌ 错误示例（请删除或注释掉）：
```xml
<item name="
android:statusBarColor">@
android:color/transparent</item>
<item name="
android:windowTranslucentStatus">true</item>
<item name="
android:windowTranslucentNavigation">true</item>
```
✅ 正确做法：不要设置 `statusBarColor`，让系统自动使用 `colorPrimaryDark`
或者显式设置一个深色值：
```xml
<item name="
android:statusBarColor">?attr/colorPrimaryDark</item>
```
---
### ✅ 第四步：理解 `
android:fitsSystemWindows="true"` 的作用
你在根布局加了：
```xml
android:fitsSystemWindows="true"
```
✅ 这是对的！它的作用是：
- 系统会自动给你的布局 **顶部添加 padding**，等于状态栏高度
- 防止内容被状态栏遮挡
- 同时允许状态栏保持独立颜色（深蓝）
🔴 如果你删掉它，内容可能会顶到状态栏下面，看起来更“全屏”，但也容易混乱。
🟢 所以建议保留 `fitsSystemWindows="true"`，并配合正确的主题颜色。
---
## 🎨 最终效果预期
| 区域 | 颜色来源 | 显示颜色 |
|------|--------|---------|
| **状态栏（时间/信号）** | `colorPrimaryDark` | 深紫色/深蓝色 |
| **BottomNavigationView** | `colorPrimary` | 浅紫色/蓝色 |
| **导航栏（底部三键）** | `navigationBarColor` 或默认 | 黑色 |
| **页面背景** | `
android:background` | 白色 |
👉 只要主题配好，这些都会自动生效！
---
## 🧪 调试技巧：如何验证状态栏颜色？
你可以临时在 `themes.xml` 中强制指定：
```xml
<item name="
android:statusBarColor">#FF0000</item> <!-- 红色测试 -->
```
运行后看状态栏是否变红。如果是，说明机制正常，再改回 `?attr/colorPrimaryDark` 即可。
---
## ✅ 补充建议：添加 Toolbar（可选）
虽然你没用 ActionBar，但如果某个 fragment 需要标题栏，建议在 `MainActivity` 的布局里加上 `MaterialToolbar` 并固定在顶部：
```xml
<
androidx.constraintlayout.widget.ConstraintLayout ...>
<com.google.
android.material.appbar.MaterialToolbar
android:id="@+id/topAppBar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:title="公交查询"
app:titleTextColor="?attr/colorOnPrimary"
app:layout_constraintTop_toTopOf="parent" />
<fragment ... />
<com.google.
android.material.bottomnavigation.BottomNavigationView ... />
</
androidx.constraintlayout.widget.ConstraintLayout>
```
然后在 Activity 中绑定：
```java
MaterialToolbar toolbar = findViewById(R.id.topAppBar);
setSupportActionBar(toolbar);
```
这样就能有统一标题栏 + 底部导航的标准 App 结构。
---
## ✅ 总结：你现在应该做什么？
✅ 四步走：
1. 打开 `res/values/themes.xml`
2. 确保父主题是：`Theme.Material3.DayNight.NoActionBar`
3. 设置三个关键颜色：
```xml
<item name="colorPrimary">#0066CC</item>
<item name="colorPrimaryDark">#004D99</item>
<item name="colorOnPrimary">#FFFFFF</item>
```
4. 删除任何关于 `windowTranslucentStatus` 或 `statusBarColor=transparent` 的设置
🔁 重启 App，你会发现：
- ✅ 状态栏变成深蓝色（不是白色）
- ✅ 内容不被遮挡（因为 `fitsSystemWindows="true"`）
- ✅ 底部导航栏上方留出安全距离
- ✅ 导航栏（三大金刚键）恢复为黑色
这才是
Android Studio 模板应有的样子！
---
博客介绍了在Android Studio中修改项目名称的方法，分三步进行，但具体步骤内容未详细展开。这对于需要在该开发环境下对项目进行重命名操作的开发者有一定参考价值。
扫一扫
2189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
