相对布局覆盖在相对布局组件中声明的组件

Question

作为一名 Android 开发人员，我是个新手，目前我正在了解relativelayout，但面临一个较小的问题，即 Textview 重叠在图像上。在这里，我向您提供我想要的图像和我得到的图像，以及我所做的很多代码。所以请帮助我。

<RelativeLayout
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/firstImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/splash1" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/firstImage"
        android:layout_alignBaseline="@id/firstImage"
        android:text="@string/menu" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/splash1" />
</RelativeLayout>

这是我想要的布局图像。

请帮助我。

提前致谢..

Answer 1

使用这些属性

 android:layout_centerHorizontal="true"    
 android:layout_centerVertical="true"

进行文本视图..

检查此代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/relativeLayout1"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" >

<ImageView
    android:id="@+id/firstImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:src="@drawable/logo2"/>

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:src="@drawable/logo2" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"      
    android:layout_centerHorizontal="true"    
    android:layout_centerVertical="true"     
    android:text="menu" />

Answer 2

将您的 xml 文件代码替换为以下内容...

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/firstImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/splash1" />

    <ImageView
        android:id="@+id/firstImage2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/splash1" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/firstImage2"
        android:layout_toRightOf="@+id/firstImage"
        android:text="@string/menu" />

</RelativeLayout>

Answer 3

您可以切换到图形模式并修复上述问题。这并不是说您必须直接在 XML 中定义所有内容，但您可以切换到图形模式并修复此问题。

Answer 4

添加两个 TextView 属性 android:layout_centerHorizo​​ntal="true" 和 android:gravity="center"，这样文本就会在 TextView 中居中。

如果文本太大（它会与图像重叠），则可能会出现问题。为了避免这种情况，您应该像这样定义布局：

<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
  <ImageView
    android:id="@+id/firstImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:src="@drawable/splash1"
  />
  <ImageView
    android:id="@+id/secondImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:src="@drawable/splash1" 
  />
  <TextView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignTop="@id/firstImage"
    android:layout_alignBottom="@id/firstImage"
    android:layout_toRightOf="@id/firstImage"
    android:layout_toLeftOf="@id/secondImage"
    android:gravity="center"
    android:text="@string/menu"
  />
</RelativeLayout>

注意，两个图像视图是如何在 TextView 之前定义的。这是因为这些图像视图将成为您的锚视图，这意味着其他所有内容都将根据它们进行对齐。您的 TextView 现在位于 2 个 ImageView 之间，因此无论有什么文本，它都不会重叠任何内容。