web-dev-qa-db-ja.com

解決済み:下部ナビゲーションビューで仕切りを追加する方法

BottomNavigationViewのメニュー項目に仕切りを追加しようとしています

すべてのアイテムが下部に水平方向と表示されていますが、仕切りを追加することはできません。

下部ナビゲーションビューxml:

<Android.support.design.widget.BottomNavigationView
        Android:id="@+id/navigation"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        Android:focusable="false"
        app:itemBackground="@color/colorPrimaryDark"
        app:itemIconTint="@color/bottom_navigation_selector"
        app:itemTextColor="@color/bottom_navigation_selector"
        app:layout_anchor="@id/container"
        app:layout_anchorGravity="bottom"
        app:menu="@menu/bottom_nav_items" />

そしてbottom_nav_items.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:Android="http://schemas.Android.com/apk/res/Android">
<item
    Android:id="@+id/menu_family"
    Android:checked="false"
    Android:icon="@drawable/family"
    Android:title="@string/family" />
<item
    Android:id="@+id/menu_me"
    Android:checked="false"
    Android:icon="@drawable/me"
    Android:title="@string/me" />

<item
    Android:id="@+id/menu_blank"
    Android:checkable="false"
    Android:enabled="false"
    Android:title="" />
<item
    Android:id="@+id/menu_event"
    Android:checked="false"
    Android:icon="@drawable/event"
    Android:title="@string/event" />
<item
    Android:id="@+id/menu_more"
    Android:checked="false"
    Android:icon="@drawable/more"
    Android:title="@string/more" />

ご協力ありがとうございました。

9
Anshul Tyagi

ドローアブルを作成するitem_bg.xmlこのように、

<layer-list xmlns:Android="http://schemas.Android.com/apk/res/Android">

    <item>
        <shape Android:shape="rectangle" >
            <solid Android:color="#F4F4F4" />
        </shape>
    </item>

    <item Android:top="-2dp" Android:right="-2dp" Android:left="-2dp">
        <shape>
            <solid Android:color="@Android:color/transparent" />
            <stroke
                Android:width="1dp"
                Android:color="#EAEAEA" />
        </shape>

    </item>

</layer-list>

次に、それをNavigationViewにapp:itemBackground = "@ drawable/item_bg"として追加します。

 <Android.support.design.widget.BottomNavigationView
    Android:id="@+id/navigation"
    Android:layout_width="match_parent"
    Android:layout_height="?attr/actionBarSize"
    Android:focusable="false"
    app:itemBackground="@drawable/item_bg"
    app:itemIconTint="@color/bottom_navigation_selector"
    app:itemTextColor="@color/bottom_navigation_selector"
    app:layout_anchor="@id/container"
    app:layout_anchorGravity="bottom"
    app:menu="@menu/bottom_nav_items" />
11
ShutterSoul