Question

如何具有这种布局方式：

具有2个元素的相对布局：左侧的图标和文本视图，该视图位于父级的中心。问题是当文本变大时它会覆盖图像，因为其宽度为“ wrap_content”。

如何解决这个问题？

Answer 1

如果您知道图标的宽度，则可以始终执行以下操作：

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

<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@android:color/black"/>

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="50dp"
    android:gravity="center"
    android:text="Loremem ipsum Lorem ipsum Lorem ipsum"/>

Answer 2

从您的解释中我了解到，您需要这样的东西

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:src="@mipmap/ic_launcher" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:layout_toRightOf="@+id/image"
    android:layout_centerVertical="true"
    android:gravity="center">

    <TextView
        android:id="@+id/tvMessage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="the quick brown fox jump over the lazy dog" />
</LinearLayout></RelativeLayout>

如果它不是您想要的，请发布您的代码以帮助理解问题

相对布局-toRightOf和CenterInParent

2 个答案: