Question

我想创建一个包含两个部分的视图： 1.头像，始终显示在屏幕右侧/中央位置。 2.名称，始终显示在屏幕左侧（不与“阿凡达”重叠）。

<?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
    <LinearLayout
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:orientation="vertical">
      <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username" />
    </LinearLayout>
    <LinearLayout
      android:id="@id/avatar"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:gravity="right|center_vertical"
      android:orientation="vertical" >
      <ImageView
        android:id="@+id/avatar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center_vertical"
        android:scaleType="center"
        android:src="@drawable/useravatar" />
    </LinearLayout>
  </LinearLayout>

问题是当Name太长时，它会在Avatar上重叠。我该如何解决这个问题？

Answer 1

您应该RelativeLayout使用android:layout_toLeftOf="@id/avatar"和TextView属性。

Answer 2

最好使用相对布局：

<?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="fill_parent"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/avatar"
        android:text="Some User Name" />

    <ImageView
        android:id="@+id/avatar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_gravity="right|center_vertical"
        android:scaleType="center"
        android:src="@drawable/thumbr" />

</RelativeLayout>

在Android上，视图与另一个带有match_parent和wrap_content的视图重叠

2 个答案: