Question

I’d like to know what would be the best way to structure a row like this in xml:

There’s 2 ImageViews(one for the star and one for the cover) and 2 TextViews (one for “Album” and one for “Artist”). I’m not sure which kind of layout would be the best and how to structure this row.

Answer 1

You should use a RelativeLayout(there are other options too):

<?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" >

    <ImageView
        android:id="@+id/album_cover"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="the drawable" />

    <ImageView
        android:id="@+id/star"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="the drawable" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@id/star"
        android:layout_toRightOf="@id/album_cover"
        android:text="Album" />

    <TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@id/star"
    android:layout_toRightOf="@id/album_cover"
    android:layout_below="@id/textView1"
    android:text="Artist" />

</RelativeLayout>