title: How to display listview items as items in e-commerce app?
body: <p>I am a new in android developerment, I am working on a project to display listview items like this </p>
  
  <p><a href="https://i.stack.imgur.com/PO7ch.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PO7ch.png" alt="picture"></a></p>
  
  <p>My question is:</p>
  
  <p><strong>How to write the XML layout to approximately achieve the same layout done in the picture?</strong></p>
  
  <p>I have done some research and some work but I didn't find any answer.</p>
  
  <p>This is my custom layout code</p>
  
  <pre><code>     &lt;?xml version="1.0" encoding="utf-8"?&gt;
  
      &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="horizontal" android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginLeft="10dp"
      android:layout_marginRight="10dp"
      android:layout_marginTop="5dp"
      android:layout_marginBottom="5dp"
      android:background="@drawable/list_bg"&gt;
  
      &lt;ImageView
          android:id="@+id/adPic"
          android:layout_width="100dp"
          android:layout_height="100dp"
          android:layout_margin="5dp"
          android:scaleType="fitXY"
          android:src="@drawable/ic_launcher"/&gt;
  
      &lt;RelativeLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_toRightOf="@+id/adPic"
          android:layout_gravity="center_vertical"
          &gt;
  
  
  
          &lt;TextView
              android:id="@+id/adTitle"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentLeft="true"
              android:layout_toLeftOf="@+id/adPrice"
              android:paddingLeft="5dp"
              android:paddingRight="5dp"
              android:paddingBottom="5dp"
              android:text=""
              android:alpha=".87"
              android:textSize="14dp"
              android:textColor="@color/row_black"
              android:maxLines="2"
              android:layout_marginLeft="10dp"
              /&gt;
  
          &lt;TextView
              android:id="@+id/adPrice"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentRight="true"
              android:paddingLeft="5dp"
              android:paddingRight="5dp"
              android:paddingBottom="5dp"
              android:text=""
              android:alpha=".87"
              android:textSize="15dp"
              android:textColor="@color/row_blue"
              android:layout_marginRight="5dp"
              android:singleLine="true"
              /&gt;
  
          &lt;TextView
              android:id="@+id/adDate"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignLeft="@+id/adTitle"
              android:layout_below="@+id/adTitle"
              android:singleLine="true"
              android:paddingLeft="5dp"
              android:paddingRight="5dp"
              android:paddingBottom="5dp"
              android:text=""
              android:alpha=".87"
              android:textSize="10dp"
              android:textColor="@color/row_gray"
              android:layout_marginRight="10dp"
  
              /&gt;
      &lt;/RelativeLayout&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>