Question

我有以下设计，我想要左侧用户图像，然后是用户图像右侧的文本视图和最右侧的箭头图像。但是，由于某些原因，箭头没有出现在最右边的

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:local="http://schemas.android.com/apk/res-auto"
  android:orientation="horizontal"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:padding="6dip"
  android:background="#FFFFFF">
  <ImageView
    android:id="@+id/userimage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="6dip"
    android:gravity="center"
    android:layout_alignParentLeft="true"
    android:src="@drawable/ic_person_black_24dp"
    android:layout_gravity="center_vertical" />
  <LinearLayout
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="6dip">
    <TextView
        android:id="@+id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:textSize="15dp"
        android:textColor="#040404"
        android:typeface="sans"
        android:textStyle="bold"
        android:text="Username_05"
        android:singleLine="true" />
    <TextView
        android:id="@+id/secondline"
        android:text="Text"
        android:layout_below="@id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10sp"
        android:textColor="#000000"
        android:singleLine="true" />
    </LinearLayout>
   <ImageView
    android:id="@+id/icon"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:src="@drawable/ic_keyboard_arrow_right_black"
    android:layout_gravity="center_vertical" />
 </LinearLayout>

这是我目前的输出：

更新1：

Answer 1

保持简单。使用水平方向的LinearLayout而不是RelativeLayout并添加 1. ImageView 2.另一个layout_weight = 1的LinearLayout和包含两个TextView的垂直方向 3. ImageView

很抱歉没有发布任何代码。我来自手机;）

Answer 2

我认为这是因为你使用android：layout_width =“match_parent”而不是换行内容。

如果使用线性布局，则需要使用权重来使用所有空间：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:local="http://schemas.android.com/apk/res-auto"
          android:orientation="horizontal"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:padding="6dip"
          android:background="#FFFFFF">
<ImageView
    android:id="@+id/userimage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="6dip"
    android:gravity="center"
    android:layout_alignParentLeft="true"
    android:src="@drawable/ic_person_black_24dp"
    android:layout_gravity="center_vertical" />
<LinearLayout
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:padding="6dip">
    <TextView
        android:id="@+id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:textSize="15dp"
        android:textColor="#040404"
        android:typeface="sans"
        android:textStyle="bold"
        android:text="Username_05"
        android:singleLine="true" />
    <TextView
        android:id="@+id/secondline"
        android:text="Text"
        android:layout_below="@id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10sp"
        android:textColor="#000000"
        android:singleLine="true" />
</LinearLayout>
<ImageView
    android:id="@+id/icon"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:src="@drawable/ic_keyboard_arrow_right_black"
    android:layout_gravity="center_vertical" />
</LinearLayout>

Answer 3

我认为你正在寻找像这样的东西

。没有必要创建一个单独的Imageview来容纳图标。最好使用android:drawableLeft和android:drawableRight来实现这一目标。

以下是示例代码：

<TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="left|center"
        android:text="Testing"
        android:drawableLeft="@drawable/ic_account_circle_black_24dp"
        android:drawableRight="@drawable/ic_account_circle_black_24dp"/>

修改对于多线：

Answer 4

首先，请勿在{{1}}上使用android:orientation，该属性仅适用于RelativeLayout。

其次，你正在做循环引用：

用户名有LinearLayout
SecondLine有android:layout_above="@id/secondline"

当你这样做时，系统不知道如何渲染视图，因为它们相互依赖。

尝试这样做：

android:layout_below="@id/username"

结果：

Answer 5

只需使用layout_weight。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:orientation="horizontal"
android:padding="6dip">

<ImageView
    android:id="@+id/userimage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_gravity="center_vertical"
    android:layout_marginRight="6dip"
    android:layout_weight=".1"
    android:gravity="center"
    android:src="@android:drawable/ic_menu_my_calendar" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="5"
    android:orientation="vertical"
    android:padding="6dip">

    <TextView
        android:id="@+id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:singleLine="true"
        android:text="Username_05"
        android:textColor="#040404"
        android:textSize="15dp"
        android:textStyle="bold"
        android:typeface="sans" />

    <TextView
        android:id="@+id/secondline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/username"
        android:singleLine="true"
        android:text="Text"
        android:textColor="#000000"
        android:textSize="10sp" />
</LinearLayout>

<ImageView
    android:id="@+id/icon"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical|right"
    android:layout_weight="1"
    android:src="@android:drawable/arrow_down_float" />
</LinearLayout>

Answer 6

使用您在问题中提供的代码，但将android:layout_width="match_parent"更改为箭头android:layout_width="wrap_content"中的ImageView。这应该使箭头ImageView出现在完整的右侧

ImageView无法正确对齐

6 个答案: