app 底部导航栏xml代码示例
时间: 2023-09-07 10:12:30 浏览: 88
Android程序开发之Fragment实现底部导航栏实例代码
以下是一个简单的底部导航栏的 XML 代码示例:
```
<android.support.design.widget.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:menu="@menu/bottom_navigation_menu"
app:itemIconTint="@color/bottom_navigation_item_color"
app:itemTextColor="@color/bottom_navigation_item_color" />
```
在这个示例中,我们使用了 `BottomNavigationView` 控件,并设置了以下属性:
- `android:id`:为控件指定一个 ID。
- `android:layout_width` 和 `android:layout_height`:设置控件的宽度和高度。
- `android:layout_gravity`:设置控件在父容器中的位置。
- `app:menu`:指定底部导航栏的菜单资源。
- `app:itemIconTint` 和 `app:itemTextColor`:设置底部导航栏项的图标和文本颜色。
此外,在这个示例中,我们还需要为底部导航栏创建一个菜单资源。以下是一个简单的菜单资源的 XML 代码示例:
```
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home_black_24dp"
android:title="@string/title_home" />
<item
android:id="@+id/navigation_dashboard"
android:icon="@drawable/ic_dashboard_black_24dp"
android:title="@string/title_dashboard" />
<item
android:id="@+id/navigation_notifications"
android:icon="@drawable/ic_notifications_black_24dp"
android:title="@string/title_notifications" />
</menu>
```
在这个示例中,我们创建了三个底部导航栏项,分别为“首页”、“仪表盘”和“通知”,并为它们指定了一个图标和一个文本。注意,我们需要为每个项指定一个唯一的 ID,以便在代码中引用它们。
阅读全文