AppBar blendet die Ansicht beim Scrollen aus, bis sie reduziert wird.

Meine AppBar blendet eine meiner Ansichten direkt am Ende des Bildlaufs aus, aber ich möchte, dass die angeheftete Ansicht auch am Ende des Bildlaufs über der AppBar bleibt.

So sieht meine Ansicht aus, bevor ich mit dem Scrollen beginne:

Und so sieht es aus, wenn es vollständig gescrollt ist:

Sie können sehen, dass das kreisförmige Bild unten links in der AppBar jetzt unter der Leiste verborgen ist.

Hier ist der XML-Code meines Fragments:

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="@color/translucent"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/backdrop"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/dark_gray"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

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


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


    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/profile_image"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_margin="16dp"
        android:fitsSystemWindows="true"
        android:src="@drawable/default_profile"
        app:border_color="@android:color/white"
        app:border_width="2dp"
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="bottom|left|end" />

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

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

Wie behebe ich das so, dass die kreisförmige Bildansicht links unten in der AppBar auch am Ende des Bildlaufs darüber bleibt?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage