2017-08-10 79 views
-3

我正在我的應用程序中實現一個底部導航欄,並且希望在酒吧的每個標籤之間添加分隔符。Android - 如何添加分隔符/分隔符在底部酒吧導航

類似下面的圖像:
enter image description here

下面是底欄導航我的XML代碼:

<android.support.design.widget.BottomNavigationView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:id="@+id/bottomNavView_Bar" 
      app:itemTextColor="#727171" 
      android:background="@drawable/white_grey_border_top" 
      app:menu="@menu/bottom_navigation_menu"> 
</android.support.design.widget.BottomNavigationView> 

此外,bottom_navbigation_menu.xml代碼:

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

    <item 
     android:id="@+id/ic_newsfeed" 
     android:icon="@drawable/ic_menu_camera" 
     android:title="NEWSFEED" 
     /> 

     <item 
      android:id="@+id/ic_explorer" 
      android:icon="@drawable/ic_home_black_24dp" 
      android:title="EXPLORER" 
      /> 
     <item 
      android:id="@+id/ic_notify" 
      android:icon="@drawable/ic_notifications_black_24dp" 
      android:title="NOTIFY" 
      /> 
     <item 
      android:id="@+id/ic_more" 
      android:icon="@drawable/ic_dashboard_black_24dp" 
      android:title="MORE" 
      /> 

</menu> 

尋找解決方案。

在此先感謝!

+0

您需要爲此創建自定義視圖,我認爲在不可能的情況下,您可以使用BottomNavigationView嘗試創建自定義圖像 –

回答

0

創建繪製item_background.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 = 「@繪製/ item_background」

<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_background" 
    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" />