如何刪除工具欄和RelativeLayout之間的分隔線

Question

我有RelativeLayout以下android.support.v7.widget.Toolbar。他們都有相同的顏色。我怎樣才能擺脫它們之間的差異？ 下面是XML代碼：

<android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:background="@color/HomeColorPrimary" 
     android:minHeight="?attr/actionBarSize" 
     app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 
    </android.support.v7.widget.Toolbar> 

    <RelativeLayout 
     android:layout_below="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:id="@+id/spaceBelowToolbar" 
     android:background="@color/HomeColorPrimary" 
     android:orientation="vertical" 
     android:elevation="4dp"> 
    </RelativeLayout> 

以下是完整的XML文件：

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:id="@+id/mainBody" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto"> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:fab="http://schemas.android.com/tools" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/MainBG"> 


    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:background="@color/HomeColorPrimary" 
     android:minHeight="?attr/actionBarSize" 
     app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 
    </android.support.v7.widget.Toolbar> 

    <RelativeLayout 
     android:layout_below="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="120dp" 
     android:id="@+id/spaceBelowToolbar" 
     android:background="@color/HomeColorPrimary" 
     android:orientation="vertical" 
     android:elevation="4dp"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="42dp" 
      android:layout_alignParentLeft="true" 
      android:id="@+id/MoneyValue" 
      android:textColor="@color/md_white_1000" 
      android:textSize="45sp" 
      android:text="$850"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/MoneyValue" 
      android:id="@+id/Balance" 
      android:layout_marginLeft="42dp" 
      android:textSize="25sp" 
      android:textColor="@color/md_grey_300" 
      android:text="BALANCE"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="180dp" 
      android:id="@+id/PercentageValue" 
      android:textColor="@color/md_white_1000" 
      android:textSize="45sp" 
      android:text="93%"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/PercentageValue" 
      android:textColor="@color/md_grey_300" 
      android:id="@+id/Budget" 
      android:layout_marginLeft="180dp" 
      android:textSize="25sp" 
      android:text="BUDGET"/> 

    </RelativeLayout> 
    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/listViewLayout" 
     android:layout_below="@+id/spaceBelowToolbar" 
     > 
     <ExpandableListView 
      android:id="@+id/list" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="20dp"> 


    <com.github.clans.fab.FloatingActionMenu 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:layout_marginRight="15dp" 
     android:layout_marginBottom="30dp" 
     android:layout_marginLeft="10dp" 
     android:layout_marginTop="10dp" 
     fab:menu_labels_style="@style/MenuLabelsStyle" 
     fab:menu_labels_showAnimation="@anim/jump_from_down" 
     fab:menu_labels_hideAnimation="@anim/jump_to_down" 
     fab:menu_animationDelayPerItem="0" 
     fab:menu_shadowColor="#444" 
     fab:menu_colorNormal="#FFB805" 
     fab:menu_colorPressed="#F2AB00" 
     fab:menu_colorRipple="#D99200"> 

    </com.github.clans.fab.FloatingActionMenu> 
    </RelativeLayout> 

</RelativeLayout> 
</RelativeLayout> 

Answer 1

您可能需要設置自定義背景，自定義樣式的動作條。嘗試使用這個動作條的主題，就應該設置一個完全純色背景（沒有分隔線）：

<!-- Base application theme. --> 
<style name="AppTheme" 
    parent="@android:style/Theme.Holo.Light"> 
    <!--this removes the shadow under the action bar--> 
    <item name="android:windowContentOverlay">@null</item> 
    <item name="android:actionBarStyle">@style/MyActionBarStyle</item> 
</style> 

<!-- ActionBar styles --> 
<style name="MyActionBarStyle" 
    parent="@android:style/Widget.Holo.Light.ActionBar.Solid"> 
    <item name="android:background">@color/HomeColorPrimary</item> 
</style> 

Answer 2

最簡潔的答案，最簡單的，我曾將它像這樣基於註釋。但是，由於我的應用程序覆蓋層包裹了我的工具欄，因此必須將其應用於AppBarLayout小部件才能使用。

<!--takes away line with app elevation set to 0 --> 
    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/AppTheme.AppBarOverlay" 
     app:elevation="0dp"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="@drawable/email_bg" 
      app:popupTheme="@style/AppTheme.PopupOverlay"> 

     </android.support.v7.widget.Toolbar> 

    </android.support.design.widget.AppBarLayout>