如何删除工具栏和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>