如何在 android LinearLayout 中将 ImageView 极右移动？答案

【问题标题】：How to move the ImageView extreme right in android LinearLayout?如何在 android LinearLayout 中将 ImageView 极右移动？
【发布时间】：2018-03-27 07:28:20
【问题描述】：

这是我的xml。我需要把我的图标放在最右边。但它并没有转向极右翼。 "tri_logo" 我认为重力是正确的。但仍然没有向右移动。

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/toplayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:orientation="vertical"    >

        <LinearLayout
            android:id="@+id/lout_profile_header"
            android:layout_width="match_parent"
            android:layout_height="@dimen/top_view_height"
            android:clickable="true"
            android:gravity="center"
            android:orientation="horizontal">

            <com.test.customviews.CircleImageView
                android:id="@+id/imgTopProfile"
                android:layout_width="@dimen/profilie_icon_size"
                android:layout_height="@dimen/profilie_icon_size"
                android:layout_margin="@dimen/hdr_img_padding"
                android:src="@mipmap/ic_profile" />

            <TextView
                android:id="@+id/textTopProfile"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="@dimen/hdr_name_padding" />
            <ImageView
                android:id="@+id/tri_logo"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_gravity="right"
                android:src="@drawable/tri_logo"/>
        </LinearLayout>
    </LinearLayout>

ImageView tri_logo 没有向右移动。

【问题讨论】：

用问题分享你的预期输出
使用RelativeLayout而不是LinearLayout
horizontal 线性布局将忽略此android:layout_gravity="right"
使用相对布局的问题是，当文本名称过长时，textTopProfile id 会在 tri_logo id 图像上重叠。

标签： android android-layout android-linearlayout android-imageview

【解决方案1】：

试试这个

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toplayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clickable="true"
android:orientation="vertical">

<LinearLayout
    android:id="@+id/lout_profile_header"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:weightSum="3"
    android:layout_gravity="right"
    android:orientation="horizontal">

    <com.test.customviews.CircleImageView
        android:id="@+id/imgTopProfile"
        android:layout_weight="1"
        android:layout_width="@dimen/profilie_icon_size"
        android:layout_height="@dimen/profilie_icon_size"
        android:layout_margin="@dimen/hdr_img_padding"
        android:src="@mipmap/ic_profile" />

    <TextView
        android:layout_weight="1"
        android:id="@+id/textTopProfile"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
         />
    <ImageView
        android:layout_weight="1"
        android:id="@+id/tri_logo"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="right"
        android:src="@drawable/voyage"/>
</LinearLayout>
</LinearLayout>

你可以使用RelativeLayout然后使用layout_alignParentEnd=true，如果你想坚持LinearLayout试试上面一个

【讨论】：

没有。这并没有给出完美的解决方案。这三个人都处于不同的位置。我需要图像在中心，然后是附近的文字，然后是极右的 tri_logo。
@Walter 这是我们可以用LinearLayout（你现在正在使用的）做的最接近的解决方案，正如我所提到的，如果你准备好切换，你可以使用RelativeLayout 和layout_alignParentEnd=true到RelativeLayout
@Walter 如果位置是问题，然后在内部LinearLayout 中使用android:layout_gravity="right"，请参阅更新的答案

【解决方案2】：

用match_parent 宽度将ImageView 包裹起来并使用 android:layout_alignParentRight="true" 像这样：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">  

    <ImageView
        android:id="@+id/tri_logo"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_alignParentRight="true"
        android:src="@drawable/tri_logo"/>
</RelativeLayout>

【讨论】：

我需要将此布局放在文本 id textTopProfile 下方吗？还是在包含 textTopProfile 和图标的父线性布局之外？
是的，只需从布局中删除 imageView tri_logo 并粘贴 this 即可！ @沃尔特
我用过这个。但是 imgTopProfile 和 textTopProfile 将向左侧 :(
从一开始就在左边，！ @Walter 你到底想要什么？将 tri_logo 放在右侧 ryt 上？
imgTopProfile ->center, textTopProfile->靠近imgTopProfile和tri_logo是对的。

【解决方案3】：

使用 LinearLayout 提供的工具。赋予子视图权重并将父布局的重力向右更改

【讨论】：

【解决方案4】：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toplayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:orientation="vertical"    >

    <RelativeLayout
        android:id="@+id/lout_profile_header"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:clickable="true"
        android:gravity="center">

        <com.test.customviews.CircleImageView
            android:id="@+id/imgTopProfile"
            android:layout_width="@dimen/profilie_icon_size"
            android:layout_height="@dimen/profilie_icon_size"
            android:layout_margin="@dimen/hdr_img_padding"
            android:src="@mipmap/ic_profile" />

        <TextView
            android:id="@+id/textTopProfile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="100dp" />
        <ImageView
            android:layout_alignParentRight="true"
            android:id="@+id/tri_logo"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_gravity="right"
            android:src="@drawable/tri_logo"/>
    </RelativeLayout>
</LinearLayout>

【讨论】：

RelativeLayout 中没有 android:orientation="horizontal"。现在视图将是垂直的。

【解决方案5】：

使用RelatiVeLayout 作为直接父级。

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toplayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:orientation="vertical"    >

    <RelativeLayout
        android:id="@+id/lout_profile_header"
        android:layout_width="match_parent"
        android:layout_height="@dimen/top_view_height"
        android:clickable="true"
        >

        <com.test.customviews.CircleImageView
            android:id="@+id/imgTopProfile"
            android:layout_width="@dimen/profilie_icon_size"
            android:layout_height="@dimen/profilie_icon_size"
            android:layout_centerVertical="true"
            android:layout_margin="@dimen/hdr_img_padding"
            android:src="@mipmap/ic_profile" />

        <TextView
            android:id="@+id/textTopProfile"
            android:layout_width="match_parent"
            android:layout_centerVertical="true"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_toLeftOf="@+id/tri_logo"
            android:layout_toRightOf="@+id/imgTopProfile"
            android:layout_marginLeft="@dimen/hdr_name_padding" />
        <ImageView
            android:id="@+id/tri_logo"
            android:layout_width="30dp"
            android:layout_centerVertical="true"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:src="@drawable/tri_logo"/>
    </RelativeLayout>
</LinearLayout>

【讨论】：