Android XML Views бок о бок

Question

Я работал с макетом, который содержит 3 textView и один imageView. Все вместе он должен образовать квадрат. Сейчас это выглядит следующим образом:

и я вполне доволен внешним видом. Проблема заключается в моем коде, так как представления задаются с помощью android: layout_marginLeft/right и Top, и мне бы хотелось, чтобы он был установлен, возможно, android: layout_toLeftOf и toRightOf, если это возможно, и сделать разницу между всеми представлениями на 5-10dp или так.

Так что, пожалуйста, помогите мне переписать мой код.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/background3" 
android:orientation="vertical" > 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="50dp" 
    android:layout_height="50dp" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="10dp" 
    android:adjustViewBounds="true" 
    android:background="#90000000" 
    android:cacheColorHint="#00000000" 
    android:contentDescription="@string/app_name" 
    android:scaleType="fitXY" 
    android:src="@drawable/ic_launcher" /> 

<RelativeLayout 
    android:id="@+id/relativeLayout2" 
    android:layout_width="80dp" 
    android:layout_height="80dp" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="100dp" 
    android:background="#90000000" 
    android:cacheColorHint="#00000000" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/img" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_alignParentRight="true" 
     android:layout_gravity="center_horizontal" 
     android:layout_marginBottom="0dp" 
     android:layout_marginTop="0dp" 
     android:contentDescription="@string/app_name" 
     android:scaleType="centerCrop" /> 

</RelativeLayout> 

    <TextView 
     android:id="@+id/title" 
     android:layout_width="285dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:layout_marginTop="100dp" 
     android:background="#90000000" 
     android:ellipsize="end" 
     android:maxLines="2" 
     android:textColor="#E97305" 
     android:textSize="17sp" 
     android:textStyle="bold" /> 

    <TextView 
     android:id="@+id/detail" 
     android:layout_width="285dp" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:background="#90000000" 
     android:cacheColorHint="#00000000" 
     android:layout_marginTop="123dp" 
     android:textColor="#ffffff" 
     android:paddingBottom="22dp"/> 
    <TextView 
     android:id="@+id/footer" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"  
     android:layout_marginLeft="5dp" 
     android:background="#90000000" 
     android:cacheColorHint="#00000000" 
     android:layout_marginRight="5dp" 
     android:layout_marginTop="185dp" 
     android:textColor="#ffffff" /> 

</RelativeLayout> 

Answer 1

Вы можете попробовать это:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/background3" 
android:orientation="vertical" > 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="50dp" 
    android:layout_height="50dp" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="10dp" 
    android:adjustViewBounds="true" 
    android:background="#90000000" 
    android:cacheColorHint="#00000000" 
    android:contentDescription="@string/app_name" 
    android:scaleType="fitXY" 
    android:src="@drawable/ic_launcher" /> 

<RelativeLayout 
    android:id="@+id/relativeLayout2" 
    android:layout_width="80dp" 
    android:layout_height="80dp" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="5dp" 
    android:layout_marginTop="100dp" 
    android:background="#90000000" 
    android:cacheColorHint="#00000000" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/img" 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginBottom="0dp" 
     android:layout_marginTop="0dp" 
     android:contentDescription="@string/app_name" 
     android:scaleType="centerCrop" /> 

</RelativeLayout> 

    <TextView 
     android:id="@+id/title" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignBottom="@id/relativeLayout2" 
     android:layout_alignTop="@id/relativeLayout2" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:layout_toLeftOf="@id/relativeLayout2" 
     android:background="#90000000" 
     android:ellipsize="end" 
     android:maxLines="2" 
     android:textColor="#E97305" 
     android:textSize="17sp" 
     android:textStyle="bold" /> 

    <TextView 
     android:id="@+id/detail" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/title" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:layout_marginTop="5dp" 
     android:background="#90000000" 
     android:cacheColorHint="#00000000" 
     android:paddingBottom="22dp" 
     android:textColor="#ffffff" /> 

    <TextView 
     android:id="@+id/footer" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/detail" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:layout_marginTop="5dp" 
     android:background="#90000000" 
     android:cacheColorHint="#00000000" 
     android:textColor="#ffffff" /> 

</RelativeLayout>