相对布局android中的视图对齐

Question

I want to align 2 textviews-one on the top left and one on the bottom right. These textviews are placed over the imageswitcher view. I get what I want except that the bottom textview is aligned to the left. I am not able to align it to the right.

Here's the code:

    <?xml version="1.0" encoding="utf-8"?>  

    <RelativeLayout   

     xmlns:android="http://schemas.android.com/apk/res/android" 
      android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 

     <ImageSwitcher
        android:id="@+id/switcher"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:inAnimation="@anim/fade_in"
       />

    <TextView  
        android:id="@+id/tv_1"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="15dp"
        android:layout_width="140dp" 
        android:layout_height="40dp"
        android:layout_alignParentTop="true"
        android:gravity="center_horizontal|center_vertical"
        android:text="TV 1"
        android:textStyle="normal"
        android:textSize="14sp"
        android:textAlignment="center"
        android:background="@drawable/button_bg"
        android:textColor="@color/white"/>

       <TextView  
        android:id="@+id/tv_2"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="15dp"
        android:layout_width="140dp" 
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:gravity="center_horizontal|center_vertical"
        android:text="TV2"
        android:textStyle="normal"
        android:textSize="14sp"
        android:textAlignment="center"
        android:background="@drawable/button_bg"
        android:textColor="@color/white"/> 

</RelativeLayout> 

Answer 1

Add this attribute to the bottom TextView

android:layout_alignParentRight="true"

This would be helpful then:)

layout.xml

<?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="match_parent"
android:orientation="vertical" >

<ImageSwitcher
    android:id="@+id/switcher"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inAnimation="@anim/fade_in" />

<TextView
    android:id="@+id/tv_1"
    android:layout_width="140dp"
    android:layout_height="40dp"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="15dp"
    android:layout_marginTop="20dp"
    android:background="@drawable/button_bg"
    android:gravity="center_horizontal|center_vertical"
    android:text="TV 1"
    android:textAlignment="center"
    android:textColor="@color/white"
    android:textSize="14sp"
    android:textStyle="normal" />

<TextView
    android:id="@+id/tv_2"
    android:layout_width="140dp"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="20dp"
    android:layout_marginLeft="15dp"
    android:background="@drawable/button_bg"
    android:gravity="center_horizontal|center_vertical"
    android:text="TV2"
    android:textAlignment="center"
    android:textColor="@color/white"
    android:textSize="14sp"
    android:textStyle="normal" />

Answer 2

Remove gravity in both textviews. And add align_parent_left and align_parent_top to first textview and align_parent_bottom and align_parent_right to second textview. Try below code:

  <TextView  
    android:id="@+id/tv_1"
    android:layout_marginTop="20dp"
    android:layout_marginLeft="15dp"
    android:layout_width="140dp" 
    android:layout_height="40dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:text="TV 1"
    android:textStyle="normal"
    android:textSize="14sp"
    android:textAlignment="center"
    android:background="@drawable/button_bg"
    android:textColor="@color/white"/>

   <TextView  
    android:id="@+id/tv_2"
    android:layout_marginBottom="20dp"
    android:layout_marginRight="15dp"
    android:layout_width="140dp" 
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="TV2"
    android:textStyle="normal"
    android:textSize="14sp"
    android:textAlignment="center"
    android:background="@drawable/button_bg"
    android:textColor="@color/white"/> 

Answer 3

我没有尝试过，但是尝试将以下内容更改为marginRight或为marginLeft增加dp。

android:layout_marginLeft="15dp"

Answer 4

Try this

  android:layout_alignParentRight="true"

If you want to give some space between margin and @+id/tv_2 then you can adjust the below property:

android:layout_marginRight="XXdp"