CircularImageView 只显示一半 ImageView

Question

在我使用 kotlin 的 Android 应用程序中，我想在中间的 AppBar 中显示用户图像。以下代码为圆形图片：

<com.mikhaellopez.circularimageview.CircularImageView
        android:id="@+id/userImage"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginStart="133dp"
        android:layout_marginTop="135dp"
        android:layout_marginEnd="134dp"
        android:layout_marginBottom="14dp"
        android:src="@drawable/userprofil"
        app:civ_border="true"
        app:civ_border_width="2dp"
        app:civ_shadow="true"
        app:civ_shadow_radius="0"
        app:layout_anchor="@id/app_bar_layout"
        app:layout_anchorGravity="bottom|center"
        app:layout_constraintBottom_toTopOf="@+id/textViewUserName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/app_bar_layout" />

我想要这样的结果:

但是，我得到以下结果：我应该更改什么才能得到结果

Answer 1

只需将 "translationZ" 属性放入您的图像视图中。所以图像视图排在前面

Answer 2

默认情况下，应用栏的高度为 8 dp。因此，如果您在不添加高度的情况下添加任何与它们重叠的视图，那么它们将隐藏在应用栏后面。您需要在图像视图中添加高于 8dp 的高度，如下所示

<com.mikhaellopez.circularimageview.CircularImageView
        android:id="@+id/userImage"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginStart="133dp"
        android:layout_marginTop="135dp"
        android:layout_marginEnd="134dp"
        android:layout_marginBottom="14dp"
        android:src="@drawable/userprofil"
        android:elevation="10dp" // Add this line
        app:civ_border="true"
        app:civ_border_width="2dp"
        app:civ_shadow="true"
        app:civ_shadow_radius="0"
        app:layout_anchor="@id/app_bar_layout"
        app:layout_anchorGravity="bottom|center"
        app:layout_constraintBottom_toTopOf="@+id/textViewUserName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/app_bar_layout" />

CircularImageView 只显示一半 ImageView

CircularImageView show only a half ImageView

android

imageview

kotlin