インターネットでは、半透明のシステムバー、AppBarLayoutとツールバーを備えたCoordinatorLayoutを使用しています。 NestedScrollViewでスクロールすると、ツールバーがシステムバーの下の一番上に移動しますが、いくつかのピクセルは残っています。これは非常に醜い:だからここツールバーがシステムバーの下にクリップされます
は、いくつかの詳細が来る:
- 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を使用しています、私はこれに私のレイアウトをパッチを適用:
:
<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"を試してみましたが、そのシステムバーの下にツールバーを表示することはできません(システムバーが灰色になることはありません...)
CoordinatorLayoutは親ビューでなければなりません。 RelativeLayout/ImageViewをCLの子として使用する場合、同じ結果を得ることができます。 – herrmartell
アンドロイド:ツールバー上のfitsSystemWindows = "true"とAppBarLayout。そしてはい、RelativeLayoutを削除してください。 –