Android 带有高度的 imageView 被文本视图挡住了

Question

我需要一些关于 android 布局的帮助

这是一个imageView

<ImageView
    android:id="@+id/fragment_user_profile_avatar"
    android:layout_width="match_parent"
    android:layout_height="305dp"
    android:scaleType="centerCrop"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:background="@color/feed_bg" />

ImageView 上的 textView

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:id="@+id/user_name"
    android:textColor="#ffffffff"
    android:textSize="28sp"
    android:fontFamily="roboto-regular"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />

这一切都在一个 RelativeLayout 下。当我尝试设置 imageView 的高度时，textView 隐藏在 imageView 下。

提前致谢！

Answer 1

在您的 TextView 上使用 android:elevation，其数字高于 ImageView 即如下

<ImageView
    android:elevation="5dp"
    android:id="@+id/fragment_user_profile_avatar"
    android:layout_width="match_parent"
    android:layout_height="305dp"
    android:scaleType="centerCrop"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:background="@color/feed_bg" />

<TextView
    android:elevation="6dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:id="@+id/user_name"
    android:text="Hello This is a TextView"
    android:textColor="#ffffffff"
    android:textSize="28sp"
    android:fontFamily="roboto-regular"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />

Answer 2

xml 布局中的相对位置由文件中的顺序决定。如果先创建 ImageView，然后再创建 TextView。它应该如您所愿出现。

<RelativeLayout...>

<ImageView
     android:id="@+id/fragment_user_profile_avatar"
     android:layout_width="match_parent"
     android:layout_height="305dp"
     android:scaleType="centerCrop"
     android:layout_alignParentTop="true"
     android:layout_alignParentLeft="true"
     android:layout_alignParentStart="true"
     android:background="@color/feed_bg" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:id="@+id/user_name"
    android:textColor="#ffffffff"
    android:textSize="28sp"
    android:fontFamily="roboto-regular"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />

</RelativeLayout>

Android 带有高度的 imageView 被文本视图挡住了

Android imageView with elevation is blocked by text view

android

android-layout

textview

imageview

android-elevation