How to create a custom ListView in Android Studio

Question

I'm quite new to Android Studio and for my app I need to create a custom ListView made of cells that have:

• 2x textView
• a non modifiable ratingView (Stars)
• an imageView

the cells should look something like this:

I would really appreciate if you show me a way to do it using the design interface in Android Studio instead of the xml editor.

Up until now I created a simple listView but I don't know how to customize it. This is the xml code:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="dancam.com.chords.TabMainActivity">

<ListView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/listView"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true" />
</RelativeLayout>

Answer 1

you need to add the views for every line.

1. Add a row.xml in your layout resources.
2. Create a custom adapter for listview, in getView inflate row.xml. Here is an example.

If you need a more flexible implementation, considere using RecyclerView, guide here.

Hope it helps

Answer 2

Hopefully you can understand and develop your design now.