Styjun

I am trying to create a layout which is is somewhat similar to this
which will always be same irrespective of the device screen size

Here the constrains are

1. Need to overlap Views
   
   
   • For this I have to use Relative Layout
     
   
   


2. 
   TextView must change its size according to the device screen size
   
   
   • For this I have to use Linear Layout
     
   
   

ACCORDING TO MY LIMITED KNOWLEDGE BUT BOTH ARE CONFLICTING CONSTRAINS

Here is my code but this is not responsive design

 <RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

<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:id="@+id/topic_name_parent"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_alignParentStart="true"
 android:layout_alignParentTop="true"
 android:layout_marginStart="0dp"
 android:layout_marginTop="0dp"
 android:background="#795548"
 android:gravity="center"
 android:orientation="vertical"
 android:weightSum="5">

 <TextView
 android:id="@+id/topic_name"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_marginLeft="24dp"
 android:layout_marginRight="24dp"
 android:layout_weight="3"
 android:background="@drawable/rounded_corner"
 android:gravity="center"
 android:lineSpacingExtra="2sp"
 android:text="Demo"
 android:textColor="#000000"
 android:textSize="24sp" />
</LinearLayout>

<ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentRight="true"
 android:layout_marginVertical="125dp"
 android:layout_marginHorizontal="25dp"
 android:src="@drawable/ic_outline_create_24px" />
</RelativeLayout>

Try this using ConstraintLayout

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/colorPrimary">

 <TextView
 android:id="@+id/topic_name"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:gravity="center"
 android:lineSpacingExtra="2sp"
 android:text="Demo"
 android:textColor="#000000"
 android:textSize="24sp"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintTop_toTopOf="@+id/guideline" />

 <android.support.constraint.Guideline
 android:id="@+id/guideline"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal"
 app:layout_constraintGuide_percent="0.5" />

 <ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentEnd="true"
 android:layout_margin="10dp"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:srcCompat="@drawable/ic_close" />


</androidx.constraintlayout.widget.ConstraintLayout>

OUTPUT