1

インターネットでは、半透明のシステムバー、AppBarLayoutとツールバーを備えたCoordinatorLayoutを使用しています。 NestedScrollViewでスクロールすると、ツールバーがシステムバーの下の一番上に移動しますが、いくつかのピクセルは残っています。これは非常に醜い:だからここツールバーがシステムバーの下にクリップされます

scrolled with some left over pixels

は、いくつかの詳細が来る:

  • compileSdkVersion 23
  • buildToolsVersion "23.0.3"
  • minSdkVersionが21
  • targetSdkVersion 23
  • 'com.android.support:appcompat-v7:23.4.0'
  • 'com.android.support:design:23.4.0'

スタイル:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
     <item name="colorPrimary">@android:color/transparent</item> 
     <item name="colorPrimaryDark">@android:color/transparent</item> 
     <item name="colorAccent">#22DDAA</item> 
     <item name="colorControlNormal">#ffffff</item> 

     <item name="windowActionBar">false</item> 
     <item name="windowNoTitle">true</item> 
     <item name="android:windowDrawsSystemBarBackgrounds">true</item> 

     <item name="android:statusBarColor">@android:color/transparent</item> 
     <item name="android:windowActionBarOverlay">true</item> 
     <item name="android:windowTranslucentStatus">true</item> 
     <!--<item name="android:windowTranslucentNavigation">true</item>--> 
     <!--<item name="android:fitsSystemWindows">false</item>--> 
    </style> 

レイアウト:ところで

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:app="http://schemas.android.com/apk/res-auto" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 

     <ImageView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:scaleType="centerCrop" 
      android:src="@drawable/gradient"/> 

     <android.support.design.widget.CoordinatorLayout 
      android:id="@+id/activity_password_forgot_coordinator" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true"> 

      <android.support.design.widget.AppBarLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:background="@android:color/transparent" 
       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="@android:color/transparent" 
        app:layout_scrollFlags="scroll|enterAlways" 
        app:popupTheme="@style/AppTheme.PopupOverlay" 
        app:titleTextAppearance="@style/actionbar_title"/> 
      </android.support.design.widget.AppBarLayout> 

      <android.support.v4.widget.NestedScrollView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:clipToPadding="false" 
       app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:orientation="vertical"> 

        <TextView 
         style="@style/text_white_strong" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="Lorem ipsum dolor..."/> 

       </LinearLayout> 
      </android.support.v4.widget.NestedScrollView> 
     </android.support.design.widget.CoordinatorLayout> 
    </RelativeLayout> 

:私はこのRelativeLayoutを使用する必要があります/システムバーの下にも表示されるはずの、大きな画像用のImageViewの組み合わせ。この質問のためにのみ、私は勾配...


OKを使用しています、私はこれに私のレイアウトをパッチを適用:

toolbar too high

<android.support.design.widget.CoordinatorLayout> 

     <RelativeLayout> 
      <ImageView/> 
     </RelativeLayout> 

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

     <android.support.v4.widget.NestedScrollView> 
      <LinearLayout> 
       <TextView/> 
      </LinearLayout> 
     </android.support.v4.widget.NestedScrollView> 
    </android.support.design.widget.CoordinatorLayout> 

は、今ではこのようになりますその後、私はアンドロイド:fitsSystemWindows = "true"を試してみましたが、そのシステムバーの下にツールバーを表示することはできません(システムバーが灰色になることはありません...)

+0

CoordinatorLayoutは親ビューでなければなりません。 RelativeLayout/ImageViewをCLの子として使用する場合、同じ結果を得ることができます。 – herrmartell

+0

アンドロイド:ツールバー上のfitsSystemWindows = "true"とAppBarLayout。そしてはい、RelativeLayoutを削除してください。 –

答えて

0

CoordinatorLayoutがルートレイアウトであるはずです。 @алекскейのように、RelativeLayoutはまったく必要ありません。 fitSystemWindowsも必要ありません。

関連する問題