ImageVIew немного за пределами родительского представления

Question

Я хотел бы иметь изображение, которое должно быть наполовину за пределами вида.Я пытался с отрицательной маржей.Но не смог получить желаемый результат.Изображение обрезается родительским макетом.Не уверен, что это правильный способ для достижения желаемого результата.Любое руководство будет оценено.

Мой код

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    tools:context=".Activities.ProfileActivity">


    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="@dimen/margin_padding_size_medium"
        android:padding="@dimen/margin_padding_size_medium"
        android:background="@android:color/holo_blue_bright"
        >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="80dp"
            android:background="@android:color/darker_gray"
            >
            <ImageView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="-50dp"
                android:src="@drawable/drawer_background"
                android:scaleType="fitXY"

                />

        </RelativeLayout>
    </FrameLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Это целевой вывод

Это мой вывод

Answer 1

Вы должны использовать layout_anchor для CoordinatorLayout детей, ваш XML-файл должен выглядеть примерно так:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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:layout_height="match_parent"
    >

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

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

    <ImageView
        android:id="@+id/materialup.profile_image"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:elevation="8dp"
        android:src="@color/black"
        app:layout_anchor="@id/materialup.appbar"
        app:layout_anchorGravity="bottom|center"
        app:layout_scrollFlags="scroll"
        />

    ​

</androidx.coordinatorlayout.widget.CoordinatorLayout>

результат

проверьте эту ссылку на github для получения дополнительной информации

https://github.com/saulmm/CoordinatorExamples