LinearLayout 未右对齐答案

【问题标题】：LinearLayout isn't aligning to rightLinearLayout 未右对齐
【发布时间】：2018-09-25 02:19:01
【问题描述】：

我有这个 xml 代码：

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="140dp">
    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/imageprofile"
        android:layout_width="120dp"
        android:layout_height="110dp"
        android:layout_gravity="right|center"
        android:layout_margin="35dp" />
    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|right"
        android:paddingLeft="15dp">

        <TableRow
            android:id="@+id/tableRow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center">

            <TextView
                android:id="@+id/tvFullName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:fontFamily="sans-serif-light"
                android:text=""
                android:textSize="30dp"
                android:textStyle="bold" />

        </TableRow>
        <TableRow
        android:gravity="center"
        android:layout_gravity="center"
        android:id="@+id/tableRow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tvUserName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:text="Small Text"
                android:textSize="15dp"
                android:textStyle="italic" />
        </TableRow>
    </TableLayout>
</LinearLayout>

在此代码中，图像 (id:imageprofile) 应该向左对齐并且 TableLayout 应该向右对齐。

除了 TableLayout 没有向左对齐之外，一切正常。怎么了？

【问题讨论】：

显示截图。
我给我一点时间。
我无法截屏，但选项卡布局向左对齐并连接到图像，而不是在线性布局的边界处向右。
你在哪里使用 TabLayout n 你上面的代码我看不到它。
那里有什么意思。

标签： android view alignment

【解决方案1】：

试试这个

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="140dp"
        android:orientation="horizontal"
>
    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/imageprofile"
        android:layout_width="120dp"
        android:layout_height="110dp"

        android:layout_margin="35dp" />
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="15dp">

        <TableRow
            android:id="@+id/tableRow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center">

            <TextView
                android:id="@+id/tvFullName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:fontFamily="sans-serif-light"
                android:text=""
                android:textSize="30dp"
                android:textStyle="bold" />

        </TableRow>
        <TableRow
        android:gravity="center"
        android:layout_gravity="center"
        android:id="@+id/tableRow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tvUserName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:text="Small Text"
                android:textSize="15dp"
                android:textStyle="italic" />
        </TableRow>
    </TableLayout>
</LinearLayout>

【讨论】：

【解决方案2】：

LinearLayout 不是在这种情况下使用的最佳父级。当方向为horizontal 并且右侧视图的宽度为wrap_content 并且不会像本例中那样填满整个空间时，layout_gravity 不会按照您期望的方式工作。您应该使用RelativeLayout 或ConstraintLayout。以下是使用RelativeLayout 的示例：

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

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/imageprofile"
        android:layout_width="120dp"
        android:layout_height="110dp"
        android:layout_alignParentStart="true"
        android:layout_margin="35dp"/>

    <TableLayout
        android:id="@+id/tablelayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="15dp">

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center">

            <TextView
                android:id="@+id/tvFullName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:fontFamily="sans-serif-light"
                android:text=""
                android:textSize="30dp"
                android:textStyle="bold"/>

        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center">

            <TextView
                android:id="@+id/tvUserName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|left"
                android:text="Small Text"
                android:textSize="15dp"
                android:textStyle="italic"/>
        </TableRow>
    </TableLayout>
</RelativeLayout>

此外，您应该确保不要在与 TableRows 相同的布局中重复 id

【讨论】：