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

ImageVIew在父视图的外面

1 个答案: