2016-04-09 10 views
0

android.support.v7.widget.Toolbarを使用して、私はそれがAPIを持つデバイスで奇妙な影が表示されることを見つける> 19.それはのAndroid 4.4.2 API 19にどのように見えるかAndroidのサポートツールバーのシャドウAPI> 19

enter image description here

enter image description here:それはAPI> 19と何にどのように見えるか

API 19と同じように見えるようにするには、シャドーがなく、バックグラウンドと「統合」する必要があります。


私はこのアクティビティをDrawerLayoutで使用しているので、2つのレイアウトがあります。

activity_main_tabbed.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/main_tabbed_drawer_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:openDrawer="right"> 

    <include 
     layout="@layout/activity_main_tabbed_content" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <android.support.design.widget.NavigationView 
     android:id="@+id/nav_view" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="right" 
     android:fitsSystemWindows="true" /> 

</android.support.v4.widget.DrawerLayout> 

activity_main_tabbed_content.xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:background="@drawable/activity_background_vertical" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.AppBarLayout 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     android:background="@android:color/transparent"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="@dimen/action_bar_height" 
      android:elevation="0dp" 
      android:background="@android:color/transparent" 
      app:layout_scrollFlags="scroll|enterAlways"> 
      <ImageView 
       android:layout_width="wrap_content" 
       android:id="@+id/btn_toolbar_back" 
       android:src="@drawable/left_white_arrow" 
       android:visibility="gone" 
       android:layout_height="match_parent" 
       android:layout_marginRight="@dimen/btn_back_toolbar_margin_right" 
       android:minHeight="@dimen/btn_back_toolbar_height" 
       android:minWidth="@dimen/btn_back_toolbar_width" 
       android:layout_gravity="left|center_vertical"/> 
      <rokk3rlabs.dingding.utils.views.FontTextView 
       android:layout_width="wrap_content" 
       android:textSize="@dimen/toolbar_text_size" 
       android:layout_height="wrap_content" 
       android:textColor="@color/colorPrimary" 
       android:text="@string/toolbar_title" 
       android:layout_gravity="left" 
       android:id="@+id/toolbar_title" /> 

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

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="@dimen/action_bar_height" 
      app:tabMode="fixed" 
      android:elevation="0dp" 
      app:tabGravity="fill"/> 
    </android.support.design.widget.AppBarLayout> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 
</android.support.design.widget.CoordinatorLayout> 

のstyles.xml

<resources> 

    <style name="AppTheme" parent="Theme.AppCompat"> 
     <item name="windowNoTitle">true</item> 
     <item name="windowActionBar">false</item> 
     <!-- Customize your theme here. --> 
     <item name="colorPrimary">@color/colorPrimary</item> 
     <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
     <item name="colorAccent">@color/colorAccent</item> 
     <!-- <item name="android:windowBackground">@drawable/activity_background</item>--> 
     <item name="android:textColorPrimaryInverse">@color/colorPrimary</item> 
     <item name="android:textColorSecondaryInverse">@color/colorPrimary</item> 
     <item name="android:colorBackground">@color/colorPrimaryDark</item> 
     <item name="android:colorForeground">@color/colorPrimary</item> 
     <item name="android:textColorPrimary">@color/colorPrimary</item> 
     <item name="android:textColorSecondary">@color/colorPrimary</item> 
     <item name="android:windowBackground">@color/colorPrimary</item> 
    </style> 

のstyles.xml(V21)

<style name="AppTheme" parent="Theme.AppCompat"> 
    <!-- Customize your theme here. --> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
    <item name="android:textColorPrimaryInverse">@color/colorPrimary</item> 
    <item name="android:textColorSecondaryInverse">@color/colorPrimary</item> 
    <item name="android:colorBackground">@color/colorPrimaryDark</item> 
    <item name="android:colorForeground">@color/colorPrimary</item> 
    <item name="android:textColorPrimary">@color/colorPrimary</item> 
    <item name="android:textColorSecondary">@color/colorPrimary</item> 
    <item name="android:navigationBarColor">@color/navigationBarColor</item> 
    <item name="android:statusBarColor">@color/statusBarColor</item> 
    <item name="android:windowBackground">@color/colorPrimary</item> 
    <item name="windowNoTitle">true</item> 
    <item name="windowActionBar">false</item> 
</style> 

答えて

1

AppBarLayoutに実線の背景を設定するか、app:elevation="0dp"ではなく、android:elevation)を設定します。

注:なぜあなたはすべての色をcolorに設定しますか?原型は困惑しています。紫色の背景上の紫色のテキストは機能しません。また、Appbarレイアウトがどこで終了し、スクリーンショットで活動の背景が始まるかを知ることができなくなります。

+0

お返事ありがとうございます。 「Appbarのレイアウトがどこで終了し、スクリーンショットで活動の背景が始まるかを知ることも不可能になります」というのは、実際にクライアントが望むものです! – RominaV

+0

その場合、私はちょうど ' @ color/colorPrimary'とポップアップのための 'android:colorBackground'を提案するでしょう。白いテキストはデフォルトでうまくいくはずです。 –

+0

AppBarLayoutのapp:elevation = "0dp"を設定しました。ありがとう! – RominaV

関連する問題