Android-Align 2 imageViews

时间:2015-08-17 11:39:56

标签: android xml

我在同一行上对齐两个图像视图时遇到问题。我希望其中一个图像视图(imageyourfriends)在左侧对齐,而另一个(imageyourfriendrequests)在右侧。 我一直在尝试不同的方法,但没有一种方法可行。 到目前为止我有这个代码(但我的一个imageview低于另一个)

    <RelativeLayout
        android:id="@+id/viewB"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.4"
        android:background="#AF3800"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imageyourfriends"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="#AF3800"
            android:src="@drawable/your_friends" />

        <ImageView
            android:id="@+id/imageyourfriendrequests"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp"
            android:scaleType="fitStart"
            android:background="#AF3800"
            android:layout_gravity="right"
            android:src="@drawable/friend_requests" />

    <ListView
        android:id="@+id/listView5"
        android:layout_marginTop="40dp"
        android:layout_marginLeft="-80dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#EE6A27"
        android:background="#AF3800"
        android:dividerHeight="5dp"></ListView>
    </RelativeLayout>

我需要改变哪些想法/提示以获得想要的结果?

5 个答案:

答案 0 :(得分:2)

对于第一个添加&#34; alignParentLeft = true&#34;对于第二个&#34; alignParentRight = true&#34;。

答案 1 :(得分:2)

这样设置,添加 android:layout_alignParentLeft="true&#34; android:layout_alignParentRight="true" android:adjustViewBounds="true"。 最后,更新你的ImageView部分,如:

<ImageView
    android:id="@+id/imageyourfriends"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#AF3800"
    android:src="@drawable/faleavatar"
    android:adjustViewBounds="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"/>

<ImageView
    android:id="@+id/imageyourfriendrequests"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="fitStart"
    android:background="#AF3800"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:src="@drawable/faleavatar" />

答案 2 :(得分:1)

<RelativeLayout
        android:id="@+id/viewB"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.4"
        android:background="#AF3800"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imageyourfriends"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            alignParentLeft="true" // add this
            android:background="#AF3800"
            android:src="@drawable/your_friends" />

        <ImageView
            android:id="@+id/imageyourfriendrequests"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp"
            android:scaleType="fitStart"
            android:background="#AF3800"
            android:layout_gravity="right"
            android:layout_toRightOf="@+id/imageyourfriends" // Add this
            android:src="@drawable/friend_requests" />

    <ListView
        android:id="@+id/listView5"
        android:layout_marginTop="40dp"
        android:layout_marginLeft="-80dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#EE6A27"
        android:background="#AF3800"
        android:dividerHeight="5dp"></ListView>
    </RelativeLayout>

答案 3 :(得分:1)

尝试这个...

<RelativeLayout
    android:id="@+id/viewB"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="0.4"
    android:background="#AF3800"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageyourfriends"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="#AF3800"
        android:src="@mipmap/ic_launcher" />

    <ImageView
        android:id="@+id/imageyourfriendrequests"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:scaleType="fitStart"
        android:background="#AF3800"
        android:src="@mipmap/ic_launcher" />

    <ListView
        android:id="@+id/listView5"
        android:layout_marginTop="40dp"
        android:layout_marginLeft="-80dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#EE6A27"
        android:background="#AF3800"
        android:dividerHeight="5dp"></ListView>
</RelativeLayout>

答案 4 :(得分:1)

您可以使用

android:layout_alignParentLeft="true" 

在第一张imageview中

android:layout_alignParentRight="true"

在第二个imageview中也使用

android:layout_alignBottom="put the id of first imageview here"

android:layout_alignBottom对齐两个图像视图的底部 请记住,这些属性在相对布局中起作用,因此请使用此

的相对布局