title: How to make buttons responsive in ConstraintLayout?
body: <p>I am a beginner in Android and want to build 4 buttons on the bottom like in the picture. One button in the middle is not possible because I tried to set it responsive and it disappeared. Can you explain to me how I set those buttons next to each other with the same distance and make it responsive the right way?</p>
  
  <p><a href="https://i.stack.imgur.com/SQCyZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SQCyZ.png" alt="enter image description here"></a></p>
  
  <p>Here is my xml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;androidx.constraintlayout.widget.ConstraintLayout 
  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="match_parent"
  android:background="#f4f4f4"
  tools:context=".MainActivity"&gt;
  
  &lt;TextView
      android:id="@+id/textView"
      android:layout_width="0dp"
      android:layout_height="0dp"
      android:layout_marginBottom="0dp"
      android:gravity="center_horizontal"
      android:shadowColor="#000000"
      android:text="This app has 50000 downloads!"
      android:textColor="#eadca6"
      android:textSize="60sp"
      android:textStyle="bold"
      app:layout_constraintBottom_toTopOf="@+id/guideline"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintHeight_percent="0.70"
      app:layout_constraintHorizontal_bias="0.50"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintWidth_percent="0.9" /&gt;
  
  &lt;androidx.constraintlayout.widget.Guideline
      android:id="@+id/guideline2"
      android:layout_width="wrap_content"
      android:layout_height="0dp"
      android:orientation="horizontal"
      app:layout_constraintGuide_percent="0.86" /&gt;
  
  &lt;androidx.constraintlayout.widget.Guideline
      android:id="@+id/guideline"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      app:layout_constraintGuide_percent="0.77" /&gt;
  
  &lt;Button
      android:id="@+id/button12"
      app:layout_constraintWidth_percent="0.2"
      android:layout_height="wrap_content"
      android:layout_width="0dp"
      android:text="Button"
      app:layout_constraintEnd_toStartOf="@+id/button13"
      app:layout_constraintHorizontal_bias="0.0"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="@+id/button13" /&gt;
  
  &lt;Button
      android:id="@+id/button13"
      android:layout_width="0dp"
      android:layout_height="0dp"
      android:text="Button"
      android:textSize="20sp"
      app:layout_constraintEnd_toStartOf="@+id/button14"
      app:layout_constraintTop_toTopOf="@+id/guideline2"
      app:layout_constraintHeigth_percent="0.1"
      app:layout_constraintWidth_percent="0.2" /&gt;
  
  &lt;Button
      android:id="@+id/button14"
      app:layout_constraintWidth_percent="0.2"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:text="Button"
      app:layout_constraintEnd_toStartOf="@+id/button15"
      app:layout_constraintTop_toTopOf="@+id/button13" /&gt;
  
  &lt;Button
      android:id="@+id/button15"
      app:layout_constraintWidth_percent="0.2"
      android:layout_height="wrap_content"
      android:text="Button"
      android:layout_width="0dp"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintTop_toTopOf="@+id/button13" /&gt;
  
  
  &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  </code></pre>