title: How can I create a vertical line with fixed height in Android XML?
body: <p>Wanted to create a UI like in this picture, I tried View with background in relative layout , which doesn't work for fixed height, what is the best way to build the left red vertical line in the UI given below ? </p>
  
  <p><a href="https://i.stack.imgur.com/B3xDk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B3xDk.png" alt="UI,I wanted to create"></a></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#f5f5f5"
  android:orientation="vertical"
  tools:ignore="MissingPrefix"&gt;
  
  &lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="#a9382b"&gt;
  
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;ImageView
              android:layout_marginLeft="14dp"
              android:layout_marginTop="14dp"
              android:layout_marginBottom="14dp"
              android:layout_marginRight="9dp"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/globe"/&gt;
  
          &lt;TextView
              android:layout_marginTop="9dp"
              android:layout_weight="7"
              android:layout_marginBottom="9dp"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:textSize="13sp"
              android:textColor="#b3ffffff"
              fontPath="fonts/montserrat-medium.ttf"
              android:letterSpacing="-0.03"
              android:lineSpacingExtra="2sp"
              tools:text="Farmer Suicides, Agitations The Indian Agrarian 
      Crisis"
              /&gt;
  
          &lt;LinearLayout
              android:layout_weight="3"
              android:layout_width="0dp"
              android:layout_marginRight="16dp"
              android:layout_height="wrap_content"&gt;
          &lt;Button
              android:layout_width="87dp"
              android:layout_height="32dp"
              android:background="@drawable/button"
              android:text="FOLLOW"
              android:textColor="#FFFFFF"
              fontPath="fonts/montserrat-medium.ttf"
              android:layout_marginTop="8dp"
              android:layout_marginBottom="8dp"
              android:layout_marginLeft="12dp"
              android:textSize="12sp"
              android:lineSpacingExtra="0sp"
              android:gravity="center_horizontal||center_vertical"
              /&gt;
          &lt;/LinearLayout&gt;
  
  
  
      &lt;/LinearLayout&gt;
  
  
  
  &lt;/RelativeLayout&gt;
  
  &lt;LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:paddingTop="0dp"
      android:layout_marginTop="17dp"
      android:layout_marginLeft="15dp"&gt;
  
      &lt;LinearLayout
          android:layout_gravity="center"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="vertical"
          android:layout_marginRight="15dp"&gt;
  
      &lt;ImageView
          android:layout_gravity="center"
          android:layout_width="10dp"
          android:layout_height="10dp"
        android:background="@drawable/ic_radio_button_unchecked_black_24dp"
          /&gt;
  
  
      &lt;/LinearLayout&gt;
  
  
  
  &lt;TextView
      android:layout_gravity="center"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textSize="13sp"
      android:textColor="#757575"
      android:letterSpacing="-0.03"
      android:lineSpacingExtra="0sp"
      tools:text="8 hours ago"
      /&gt;
  
  &lt;/LinearLayout&gt;
  
  &lt;LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
      &lt;view
          android:layout_width="2dp"
          android:layout_height="match_parent"
          android:layout_marginLeft="19dp"
          android:background="#a9382b"
          android:layout_marginRight="19dp"/&gt;
  
      &lt;ImageView
          android:layout_marginTop="10dp"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_marginRight="20dp"
          android:src="@drawable/background_splash" /&gt;
  
  &lt;/LinearLayout&gt;
  
  &lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
      &lt;view
          android:layout_width="2dp"
          android:layout_alignParentTop="true"
          android:layout_height="wrap_content"
          android:layout_marginLeft="19dp"
          android:background="#a9382b" /&gt;
  
      &lt;TextView
          android:id="@+id/seeall"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_centerHorizontal="true"
          android:layout_centerVertical="true"
          android:layout_marginRight="20dp"
          android:textColor="#a9382b"
          android:textSize="11sp"
          tools:text="SEE ALL" /&gt;
  
      &lt;TextView
          android:id="@+id/articles"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerHorizontal="true"
          android:layout_centerVertical="true"
          android:layout_marginRight="10dp"
          android:layout_toLeftOf="@id/seeall"
          android:textColor="#757575"
          android:textSize="11sp"
          tools:text="7 Articles"
  
          /&gt;
  
  
  &lt;/RelativeLayout&gt;
  
  &lt;LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
      &lt;View
          android:layout_width="match_parent"
          android:layout_height="0.5dp"
          android:layout_marginLeft="40dp"
          android:layout_marginRight="20dp"
          android:background="#a9382b"/&gt;
  
  &lt;/LinearLayout&gt;
  
  &lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginLeft="15dp"&gt;
  
      &lt;LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="vertical"
          android:layout_alignParentLeft="true"
          android:layout_centerInParent="true"
          android:layout_marginRight="15dp"&gt;
  
  
          &lt;ImageView
              android:layout_gravity="center"
              android:layout_width="10dp"
              android:layout_height="10dp"
              android:background="@drawable/ic_add_circle_outline_black_24dp"
              /&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;TextView
          android:layout_centerHorizontal="true"
          android:layout_centerVertical="true"
          android:id="@+id/view_more"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="11sp"
          android:textColor="#a9382b"
          android:layout_marginRight="20dp"
          android:layout_alignParentRight="true"
          android:gravity="end"
          tools:text="VIEW FULL STORY"
          android:layout_marginTop="15dp"
  
          /&gt;
  
  
  
  
  &lt;/RelativeLayout&gt;
  
  
  
  &lt;/LinearLayout&gt;
  </code></pre>