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" />
ご協力ありがとうございました。
ドローアブルを作成する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" />