Android底部导航栏自定义

时间:2016-12-22 20:32:43

标签: android user-interface menu navigation-drawer navigationbar

我试图创建与此底部导航栏类似的内容。我非常感谢你能给我的任何帮助:

enter image description here

这是我的菜单xml代码(bottom_navigation_main):

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/action_1"
        android:enabled="true"
        android:icon="@drawable/ic_1"
        android:title="Home"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_2"
        android:enabled="true"
        android:icon="@drawable/ic_2"
        android:title="Free"
        android:textColor="@drawable/nav_bar_selector"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_3"
        android:enabled="true"
        android:icon="@drawable/ic_food_white"
        android:title="Other"
        android:textColor="@drawable/ic_3"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_4"
        android:enabled="true"
        android:icon="@drawable/ic_4"
        android:title="Other"
        android:textColor="@drawable/nav_bar_selector"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/action_5"
        android:enabled="true"
        android:icon="@drawable/ic_5"
        android:title="Other"
        android:textColor="@drawable/nav_bar_selector"
        app:showAsAction="ifRoom" />
</menu>

这是我的主要布局代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/fullyTransparent"
    android:fitsSystemWindows="true"
    android:id="@+id/rlLeftDrawer"
    android:layout_weight="1"

    >
    <RelativeLayout
        android:id="@+id/rlContentHolder"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/bottom_navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            app:itemBackground="@color/fullyBlack"
            app:itemIconTint="@color/fullyWhite"
            app:itemTextColor="@color/fullyWhite"
            app:menu="@menu/bottom_navigation_main" />

    </RelativeLayout>
</RelativeLayout>

我不知道从哪里开始。我成功地从Android实现了新的底部导航栏,但我遇到了问题的风格。

目前看起来像这样:

enter image description here

0 个答案:

没有答案