Aligning TextView in CardView

Aligning TextView in CardView - android

I'm trying to align multiple TextView items in a CardView. I'm going to use this CardView in my RecyclerView to display data. But this doesn't work for all screen size. First I'm showing some static labels and then a CardView to show real data. Below is the code for my layout file:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:id="#+id/textView3"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:background="#drawable/side_nav_bar"
android:text="Name"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView12"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
android:background="#drawable/side_nav_bar"
android:text="P"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintStart_toEndOf="#+id/textView3"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView13"
android:layout_width="25dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="W"
android:background="#drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.073"
app:layout_constraintStart_toEndOf="#+id/textView12"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView14"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="L"
android:background="#drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.084"
app:layout_constraintStart_toEndOf="#+id/textView13"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView15"
android:layout_width="20dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="D"
android:background="#drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.112"
app:layout_constraintStart_toEndOf="#+id/textView14"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView16"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:background="#drawable/side_nav_bar"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.092"
app:layout_constraintStart_toEndOf="#+id/textView15"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/textView17"
android:layout_width="40dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:text="Pts"
android:background="#drawable/side_nav_bar"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="24sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="#+id/textView16"
app:layout_constraintTop_toTopOf="parent" />
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="#id/textView3"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:layout_marginTop="10dp">
<TextView
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="Wisdom High"
android:textAlignment="center"
android:textSize="16dp"
android:id="#+id/table_team_name"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="95dp"
android:id="#+id/played"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="145dp"
android:id="#+id/won"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="185dp"
android:id="#+id/lost"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="230dp"
android:id="#+id/draw"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+12"
android:textSize="16dp"
android:textAlignment="center"
android:layout_marginLeft="260dp"
android:id="#+id/gd"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12"
android:textSize="16dp"
android:layout_marginLeft="310dp"
android:id="#+id/points"/>
</android.support.v7.widget.CardView>
It doesn't work for all screen sizes.

It is always preferred to use Relative Layout for better view alignment .
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#id/textView3">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="#+id/table_team_name"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:text="Wisdom High"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/played"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="95dp"
android:text="12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/won"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="145dp"
android:text="0"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/lost"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="185dp"
android:text="12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/draw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="230dp"
android:text="0"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/gd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="260dp"
android:text="+12"
android:textAlignment="center"
android:textSize="16dp" />
<TextView
android:id="#+id/points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="310dp"
android:text="12"
android:textSize="16dp" />
</RelativeLayout>
</android.support.v7.widget.CardView>
for multiple screens For Text Size and For Dimenions

Avoid using hard coded layout sizes.
Use RelativeLayout inside the CardView

prashant-luhar, you can use sth like this: (for every screen size with 'layout-weight' property)
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#888"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Name"
android:textAlignment="center" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P"
android:textAlignment="center" />
<TextView
android:layout_width="25dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.8"
android:orientation="horizontal">
<LinearLayout
android:id="#+id/ll1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="A"
android:textAlignment="center"
android:textColor="#fff"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P1"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W1"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="B"
android:textAlignment="center"
android:textColor="#fff"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P2"
android:textAlignment="center"
android:textColor="#fff" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W2"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:id="#+id/ll3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="C"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P3"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W3"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P4"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W4"
android:textAlignment="center"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:id="#+id/ll5"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="E"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P5"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W5"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.2"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="#+id/textView3"
android:layout_width="75dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="F"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="P6"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="W6"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="L"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="D"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="GD"
android:textAlignment="center"
android:textColor="#fff"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Pts"
android:textAlignment="center"
android:textColor="#fff"
/>
</LinearLayout>
</LinearLayout>

Related

How do I activate the emulator in Android Studio?

When I make changes to the design screen, I cannot see it in the emulator.my goal is to fix the timers.but whatever change I make on the design screen, I can't see that change in the emulator.The timers in the emulator always look the same.
here are my codes;
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="#fffdd0"
tools:context=".MainActivity">
<android.support.constraint.Guideline
android:id="#+id/guidelineV1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.95" />
<android.support.constraint.Guideline
android:id="#+id/guidelineV2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.05" />
<android.support.constraint.Guideline
android:id="#+id/guidelineH1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.98" />
<android.support.constraint.Guideline
android:id="#+id/guidelineH2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.02">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.12">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.4">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.85">
</android.support.constraint.Guideline>
<Button
android:id="#+id/btn_kalp1"
android:layout_width="50dp"
android:layout_height="40dp"
android:layout_alignParentStart="true"
android:background="#drawable/kalp"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_kalp1" />
<TextView
android:id="#+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginStart="55dp"
android:layout_marginTop="20dp"
android:text="X"
android:textColor="#color/colorPrimary"
android:textSize="10sp"
app:layout_constraintStart_toStartOf="#+id/btn_kalp1"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_kalp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:text="5"
android:textColor="#color/colorPrimary"
android:textSize="20sp"
app:layout_constraintStart_toStartOf="#+id/textView3"
app:layout_constraintTop_toTopOf="#id/guidelineH2" />
<Button
android:id="#+id/btn_double"
android:layout_width="0dp"
android:layout_height="47dp"
android:layout_marginStart="40dp"
android:layout_marginEnd="0dp"
android:background="#drawable/xx"
app:layout_constraintEnd_toStartOf="#+id/btn_yariyariya"
app:layout_constraintStart_toStartOf="#+id/tv_kalp"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown2x"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="110dp"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#id/guidelineV2"
app:layout_constraintTop_toBottomOf="#id/btn_double" />
<Button
android:id="#+id/btn_yariyariya"
android:layout_width="0dp"
android:layout_height="49dp"
android:layout_marginStart="0dp"
android:layout_marginEnd="0dp"
android:background="#drawable/fiftyfifty"
app:layout_constraintEnd_toStartOf="#+id/btn_skip"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="#+id/btn_double"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown50"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toEndOf="#id/tv_countdown2x"
app:layout_constraintTop_toBottomOf="#+id/btn_yariyariya"/>
<Button
android:id="#+id/btn_skip"
android:layout_width="0dp"
android:layout_height="45dp"
android:layout_marginStart="0dp"
android:layout_marginTop="1dp"
android:layout_marginEnd="40dp"
android:background="#drawable/skip"
app:layout_constraintEnd_toStartOf="#+id/btn_satinal"
app:layout_constraintStart_toEndOf="#+id/btn_yariyariya"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdownNext"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toEndOf="#id/tv_countdown50"
app:layout_constraintTop_toBottomOf="#+id/btn_skip" />
<FrameLayout
android:id="#+id/container_pop_up"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="#+id/btn_satinal"
android:layout_width="50dp"
android:layout_height="40dp"
android:background="#drawable/satinal"
android:onClick="satinalMain"
app:layout_constraintEnd_toStartOf="#+id/guidelineV1"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:textColor="#color/colorPrimary"
android:textSize="30sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/guidelineH3"
tools:text="00:30" />
<TextView
android:id="#+id/tv_soru"
android:layout_width="0dp"
android:layout_height="0dp"
android:fontFamily="#font/incee"
android:gravity="center"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="18sp"
app:layout_constraintBottom_toTopOf="#+id/guidelineH4"
app:layout_constraintEnd_toEndOf="#id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/tv_countdown" />
<Button
android:id="#+id/btn_a"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="20dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:shadowColor="#E91E63"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_b"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toTopOf="#+id/guidelineH4" />
<Button
android:id="#+id/btn_b"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_c"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_a" />
<Button
android:id="#+id/btn_c"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_d"
app:layout_constraintEnd_toEndOf="#id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_b" />
<Button
android:id="#+id/btn_d"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="60dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/guidelineH5"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_c"
app:layout_constraintVertical_bias="0.0" />
<Button
android:id="#+id/btn_infoA"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#drawable/info"
app:layout_constraintBottom_toTopOf="#+id/guidelineH5"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent" />
<Button
android:id="#+id/btn_gec"
android:layout_width="75dp"
android:layout_height="70dp"
android:background="#drawable/next"
app:layout_constraintBottom_toTopOf="#id/guidelineH5"
app:layout_constraintEnd_toStartOf="#id/guidelineV1" />
<com.google.android.gms.ads.AdView
android:id="#+id/adView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:adSize="BANNER"
app:adUnitId="ca-app-pub-3101578796185185/4912585915"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
</com.google.android.gms.ads.AdView>
<Button
android:id="#+id/btn_reklam"
android:layout_width="50dp"
android:layout_height="45dp"
android:background="#drawable/plus"
android:onClick="startVideoAd"
app:layout_constraintStart_toStartOf="#id/guidelineV2"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/tv_kalp_kazan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="55dp"
android:layout_marginTop="15dp"
android:layout_marginBottom="5dp"
android:fontFamily="#font/incee"
android:text="İzle Kazan"
android:textColor="#000"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#id/guidelineV2"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginEnd="50dp"
android:text="SKOR :"
android:textColor="#000"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="#id/guidelineV1"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/tv_skor"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginEnd="25dp"
android:text="0"
android:textColor="#000"
android:textSize="25sp"
app:layout_constraintEnd_toStartOf="#id/guidelineV1"
app:layout_constraintTop_toBottomOf="#id/guidelineH5"
/>
I'm just learning design.I am trying to make responsive design.

I hope this answer will help you. If you have any query please let me know, :).
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="#fffdd0"
tools:context=".MainActivity">
<android.support.constraint.Guideline
android:id="#+id/guidelineV1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.95" />
<android.support.constraint.Guideline
android:id="#+id/guidelineV2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.05" />
<android.support.constraint.Guideline
android:id="#+id/guidelineH1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.98" />
<android.support.constraint.Guideline
android:id="#+id/guidelineH2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.02">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.12">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.4">
</android.support.constraint.Guideline>
<android.support.constraint.Guideline
android:id="#+id/guidelineH5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.85">
</android.support.constraint.Guideline>
<Button
android:id="#+id/btn_kalp1"
android:layout_width="50dp"
android:layout_height="40dp"
android:layout_alignParentStart="true"
android:background="#drawable/kalp"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_kalp1" />
<TextView
android:id="#+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginStart="55dp"
android:layout_marginTop="20dp"
android:text="X"
android:textColor="#color/colorPrimary"
android:textSize="10sp"
app:layout_constraintStart_toStartOf="#+id/btn_kalp1"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_kalp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:text="5"
android:textColor="#color/colorPrimary"
android:textSize="20sp"
app:layout_constraintStart_toStartOf="#+id/textView3"
app:layout_constraintTop_toTopOf="#id/guidelineH2" />
<Button
android:id="#+id/btn_double"
android:layout_width="42dp"
android:layout_height="47dp"
android:background="#drawable/xx"
android:text="2X"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintEnd_toStartOf="#+id/btn_yariyariya"
app:layout_constraintStart_toStartOf="#+id/tv_kalp"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown2x"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#id/btn_double"
app:layout_constraintEnd_toEndOf="#id/btn_double"
app:layout_constraintTop_toBottomOf="#id/btn_double" />
<Button
android:id="#+id/btn_yariyariya"
android:layout_width="42dp"
android:layout_height="49dp"
android:text="50"
android:background="#drawable/fiftyfifty"
app:layout_constraintEnd_toStartOf="#+id/btn_skip"
app:layout_constraintStart_toEndOf="#+id/btn_double"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown50"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#id/btn_yariyariya"
app:layout_constraintEnd_toEndOf="#id/btn_yariyariya"
app:layout_constraintBaseline_toBaselineOf="#id/tv_countdown2x"/>
<Button
android:id="#+id/btn_skip"
android:layout_width="42dp"
android:layout_height="45dp"
android:background="#drawable/skip"
app:layout_constraintEnd_toStartOf="#+id/btn_satinal"
app:layout_constraintStart_toEndOf="#+id/btn_yariyariya"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdownNext"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textColor="#color/colorPrimary"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="#id/btn_skip"
app:layout_constraintEnd_toEndOf="#id/btn_skip"
app:layout_constraintBaseline_toBaselineOf="#id/tv_countdown2x" />
<FrameLayout
android:id="#+id/container_pop_up"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="#+id/btn_satinal"
android:layout_width="50dp"
android:layout_height="40dp"
android:background="#drawable/satinal"
android:onClick="satinalMain"
app:layout_constraintEnd_toStartOf="#+id/guidelineV1"
app:layout_constraintTop_toTopOf="#+id/guidelineH2" />
<TextView
android:id="#+id/tv_countdown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:textColor="#color/colorPrimary"
android:textSize="30sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/guidelineH3"
tools:text="00:30" />
<TextView
android:id="#+id/tv_soru"
android:layout_width="0dp"
android:layout_height="0dp"
android:fontFamily="#font/incee"
android:gravity="center"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="18sp"
app:layout_constraintBottom_toTopOf="#+id/guidelineH4"
app:layout_constraintEnd_toEndOf="#id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/tv_countdown" />
<Button
android:id="#+id/btn_a"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="20dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:shadowColor="#E91E63"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_b"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toTopOf="#+id/guidelineH4" />
<Button
android:id="#+id/btn_b"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_c"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_a" />
<Button
android:id="#+id/btn_c"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="5dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/btn_d"
app:layout_constraintEnd_toEndOf="#id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_b" />
<Button
android:id="#+id/btn_d"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="60dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="60dp"
android:layout_marginBottom="60dp"
android:background="#drawable/gradient"
android:elegantTextHeight="true"
android:fontFamily="#font/incee"
android:textAlignment="gravity"
android:textColor="#000"
android:textSize="12sp"
app:layout_constraintBottom_toTopOf="#+id/guidelineH5"
app:layout_constraintEnd_toEndOf="#+id/guidelineV1"
app:layout_constraintStart_toStartOf="#+id/guidelineV2"
app:layout_constraintTop_toBottomOf="#+id/btn_c"
app:layout_constraintVertical_bias="0.0" />
<Button
android:id="#+id/btn_infoA"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#drawable/info"
app:layout_constraintBottom_toTopOf="#+id/guidelineH5"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent" />
<Button
android:id="#+id/btn_gec"
android:layout_width="75dp"
android:layout_height="70dp"
android:background="#drawable/next"
app:layout_constraintBottom_toTopOf="#id/guidelineH5"
app:layout_constraintEnd_toStartOf="#id/guidelineV1" />
<com.google.android.gms.ads.AdView
android:id="#+id/adView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:adSize="BANNER"
app:adUnitId="ca-app-pub-3101578796185185/4912585915"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
</com.google.android.gms.ads.AdView>
<Button
android:id="#+id/btn_reklam"
android:layout_width="50dp"
android:layout_height="45dp"
android:background="#drawable/plus"
android:onClick="startVideoAd"
app:layout_constraintStart_toStartOf="#id/guidelineV2"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/tv_kalp_kazan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="55dp"
android:layout_marginTop="15dp"
android:layout_marginBottom="5dp"
android:fontFamily="#font/incee"
android:text="İzle Kazan"
android:textColor="#000"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#id/guidelineV2"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginEnd="50dp"
android:text="SKOR :"
android:textColor="#000"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="#id/guidelineV1"
app:layout_constraintTop_toBottomOf="#id/guidelineH5" />
<TextView
android:id="#+id/tv_skor"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginEnd="25dp"
android:text="0"
android:textColor="#000"
android:textSize="25sp"
app:layout_constraintEnd_toStartOf="#id/guidelineV1"
app:layout_constraintTop_toBottomOf="#id/guidelineH5"
/>
</android.support.constraint.ConstraintLayout>

ScrollView Background not homogeneous

Goal: Background with the same opacity "#A4FFFFFF" in a ScrollView containing multiple LinearLayout
When I run my app in a "normal size screen" (phone size) where the activity actually can be scrolled, the background is evenly opaque. While when I run the app in a "big size screen" (tablet size) where the activity does not scroll, the bottom 1/4 of the screen has the background not opaqued, while the top 3/4 is opaqued.
How can I make it evenly opaque?
Here is a visual of the problem:
Tablet size
Here is my XML file
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#drawable/randomnumber">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:background="#A4FFFFFF"
android:gravity="center">
<TextView
android:id="#+id/OptionsHeader2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:gravity="center"
android:lineSpacingExtra="8sp"
android:text="MATH{PROOF}"
android:background="#546BF7CD"
android:textAllCaps="true"
android:textAppearance="#style/TextAppearance.AppCompat.Display1"
android:textColor="#000000"
android:textStyle="bold"
android:typeface="serif"
android:paddingBottom="30dp"/>
<TextView
android:id="#+id/Instructions1"
android:layout_width="207dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:ems="10"
android:text="Please choose one or more operators. Then press on one difficulty and the game will start!"
android:textSize="20dp"
android:layout_gravity="center"
android:textStyle="bold"
android:textColor="#000000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Difficulty"
android:layout_gravity="center"
android:paddingBottom="10dp"
android:textColor="#E9D34A06"
android:textStyle="bold"
android:textSize="18dp"
android:textAllCaps="true"/>
<Button
android:id="#+id/Difficulty1"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:requiresFadingEdge="horizontal|vertical"
android:scaleType="fitCenter"
android:text="#string/Difficulty1"
android:textColor="#000000"
android:textStyle="bold"/>
<Button
android:id="#+id/Difficulty2"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:scaleType="fitCenter"
android:text="#string/Difficulty2"
android:textColor="#000000"
android:textStyle="bold"/>
<Button
android:id="#+id/Difficulty3"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:scaleType="fitCenter"
android:text="#string/Difficulty3"
android:textColor="#000000"
android:textStyle="bold"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:gravity="left">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Operators"
android:layout_gravity="left"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:textColor="#E9D34A06"
android:textStyle="bold"
android:textSize="16dp"
android:textAllCaps="true"/>
<Switch
android:id="#+id/Add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Subtract"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Subtract"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Multiply"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Multiply"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Divide"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Divide"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Exponent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Exponent"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Square_Root"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Square_Root"
android:paddingTop="20dp"
android:paddingBottom="20dp"
android:textSize="18dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:layoutDirection="rtl"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:gravity="right">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:text="Additional Features"
android:textAllCaps="true"
android:textColor="#E9D34A06"
android:textSize="16dp"
android:textStyle="bold" />
<Switch
android:id="#+id/Negative_Numbers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Negative Numbers"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/Teach"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Teach_Mode"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/DoSim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Simulate"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/Sound"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sound"
android:paddingTop="20dp"
android:layout_gravity="right"
android:paddingBottom="20dp"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>

Your LinearLayout only takes as much space as it needs, since this is the view which causes your background to be opaque, it only affects the portion of the screen it takes.
You can try adding a new View to the back of the screen.
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#drawable/randomnumber">
<View
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#A4FFFFFF" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="#+id/OptionsHeader2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:gravity="center"
android:lineSpacingExtra="8sp"
android:text="MATH{PROOF}"
android:background="#546BF7CD"
android:textAllCaps="true"
android:textAppearance="#style/TextAppearance.AppCompat.Display1"
android:textColor="#000000"
android:textStyle="bold"
android:typeface="serif"
android:paddingBottom="30dp"/>
<TextView
android:id="#+id/Instructions1"
android:layout_width="207dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:ems="10"
android:text="Please choose one or more operators. Then press on one difficulty and the game will start!"
android:textSize="20dp"
android:layout_gravity="center"
android:textStyle="bold"
android:textColor="#000000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Difficulty"
android:layout_gravity="center"
android:paddingBottom="10dp"
android:textColor="#E9D34A06"
android:textStyle="bold"
android:textSize="18dp"
android:textAllCaps="true"/>
<Button
android:id="#+id/Difficulty1"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:requiresFadingEdge="horizontal|vertical"
android:scaleType="fitCenter"
android:text="#string/Difficulty1"
android:textColor="#000000"
android:textStyle="bold"/>
<Button
android:id="#+id/Difficulty2"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:scaleType="fitCenter"
android:text="#string/Difficulty2"
android:textColor="#000000"
android:textStyle="bold"/>
<Button
android:id="#+id/Difficulty3"
android:layout_width="180dp"
android:layout_height="58dp"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="16dp"
android:background="#546BF7CD"
android:textSize="18dp"
android:onClick="setDifficulty"
android:scaleType="fitCenter"
android:text="#string/Difficulty3"
android:textColor="#000000"
android:textStyle="bold"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="horizontal"
android:gravity="center">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:gravity="left">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Operators"
android:layout_gravity="left"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:textColor="#E9D34A06"
android:textStyle="bold"
android:textSize="16dp"
android:textAllCaps="true"/>
<Switch
android:id="#+id/Add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Subtract"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Subtract"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Multiply"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Multiply"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Divide"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Divide"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Exponent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Exponent"
android:paddingTop="20dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:textSize="18dp"
android:layoutDirection="rtl"/>
<Switch
android:id="#+id/Square_Root"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Square_Root"
android:paddingTop="20dp"
android:paddingBottom="20dp"
android:textSize="18dp"
android:layout_gravity="left"
android:textColor="#000000"
android:textStyle="bold"
android:layoutDirection="rtl"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.5"
android:orientation="vertical"
android:gravity="right">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:text="Additional Features"
android:textAllCaps="true"
android:textColor="#E9D34A06"
android:textSize="16dp"
android:textStyle="bold" />
<Switch
android:id="#+id/Negative_Numbers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Negative Numbers"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/Teach"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Teach_Mode"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/DoSim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Simulate"
android:paddingTop="20dp"
android:layout_gravity="right"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
<Switch
android:id="#+id/Sound"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sound"
android:paddingTop="20dp"
android:layout_gravity="right"
android:paddingBottom="20dp"
android:textColor="#000000"
android:textSize="18dp"
android:textStyle="bold"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>

How to implement ConstraintLayout in NestedScrollView

ConstraintLayout is behaving inconsistently if a TextView has very fewer texts than other TextView wrapped in horizontal LinearLayout. If a character in left TextView is not much less than right TextView then it is working great.
Please refer red color texts and green color texts in attached screenshots.
Below is the XML for layout:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView 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/color_F1F1F1"
android:padding="10dp">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#color/white"
android:padding="10dp">
<TextView
android:id="#+id/tv_name_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/employee_name"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/tv_date_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/date"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="#+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_name_header" />
<TextView
android:id="#+id/tv_date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_date_header" />
<TextView
android:id="#+id/tv_role_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/employee_role"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_name" />
<TextView
android:id="#+id/tv_band_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/employee_band"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_date" />
<TextView
android:id="#+id/tv_role"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_role_header" />
<TextView
android:id="#+id/tv_band"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_band_header" />
<View
android:id="#+id/view_divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginTop="15dp"
android:background="#color/color_E1E4EA"
app:layout_constraintTop_toBottomOf="#id/tv_role" />
<LinearLayout
android:id="#+id/ll_address"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/view_divider">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginTop="3dp"
android:background="#drawable/circle_shape_green" />
<TextView
android:id="#+id/tv_origin_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:text=""
android:textColor="#color/black"
android:textSize="13sp" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="3dp"
android:background="#drawable/circle_shape_red" />
<TextView
android:id="#+id/tv_destination_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:gravity="right"
android:text=""
android:textColor="#color/black"
android:textSize="13sp" />
</LinearLayout>
</LinearLayout>
<TextView
android:id="#+id/tv_justification_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/justification"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/ll_address" />
<TextView
android:id="#+id/tv_justification"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_justification_header" />
<TextView
android:id="#+id/tv_vehicle_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/vehicle_type"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_justification" />
<TextView
android:id="#+id/tv_vehicle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_vehicle_header" />
<TextView
android:id="#+id/tv_Duration_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/distance"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_justification" />
<TextView
android:id="#+id/tv_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_Duration_header" />
<TextView
android:id="#+id/tv_start_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/start_time"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_vehicle" />
<TextView
android:id="#+id/tv_end_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/end_time"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_duration" />
<TextView
android:id="#+id/tv_start_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_start_time_header" />
<TextView
android:id="#+id/tv_end_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_end_time_header" />
<TextView
android:id="#+id/tv_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/trip_distance"
android:textColor="#color/color_999999"
android:textSize="12sp"
app:layout_constraintTop_toBottomOf="#id/tv_start_time" />
<TextView
android:id="#+id/tv_edited_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/edited_distance"
android:textColor="#color/color_999999"
android:textSize="12sp"
android:visibility="gone"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_end_time" />
<TextView
android:id="#+id/tv_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_distance_header" />
<TextView
android:id="#+id/tv_edited_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/color_D15900"
android:textSize="14sp"
android:textStyle="bold"
android:visibility="gone"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_edited_distance_header" />
<TextView
android:id="#+id/tv_edit_reason"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:textSize="14sp"
android:visibility="gone"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_distance" />
<LinearLayout
android:id="#+id/ll_reject_reason"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="vertical"
android:visibility="gone"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#id/tv_edit_reason">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="#string/manager_reject_reason"
android:textColor="#color/color_999999"
android:textSize="12sp" />
<TextView
android:id="#+id/tv_rejection_reason"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text=""
android:textColor="#color/black"
android:textSize="14sp" />
</LinearLayout>
<Button
android:id="#+id/bt_back"
style="#style/FlatButton"
android:layout_width="wrap_content"
android:layout_height="35dp"
android:layout_marginTop="15dp"
android:gravity="left|center_vertical"
android:paddingLeft="0dp"
android:text="#string/back"
android:textAllCaps="true"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/ll_reject_reason" />
</android.support.constraint.ConstraintLayout>
</android.support.v4.widget.NestedScrollView>
Please ignore my English.

There are some bugs regarding wrap_content in constraintLayout version 1.0.2 as per google developer whom I talked. He suggested to use 1.1.0-beta4 version and by using version 1.1.0-beta4 my issue has been fixed.

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView 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="#F1F1F1">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:layout_margin = "10dp">
<TextView
android:id="#+id/tv_name_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="employee_name"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="#+id/tv_name"
/>
<TextView
android:id="#+id/tv_date_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="date_header"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="#+id/tv_name_header"
app:layout_constraintBottom_toTopOf="#+id/tv_date"/>
<TextView
android:id="#+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="name"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_name_header"
app:layout_constraintBottom_toTopOf="#+id/tv_role_header"
/>
<TextView
android:id="#+id/tv_date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="date"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="#+id/tv_date_header"
app:layout_constraintLeft_toLeftOf="#+id/tv_date_header"
app:layout_constraintBottom_toTopOf="#+id/tv_band_header"
/>
<TextView
android:id="#+id/tv_role_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="employee_role"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_name"
app:layout_constraintTop_toBottomOf="#+id/tv_name" />
<TextView
android:id="#+id/tv_band_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="11dp"
android:text="employee_band"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_date"
app:layout_constraintTop_toBottomOf="#+id/tv_date"
/>
<TextView
android:id="#+id/tv_role"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="role"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="#+id/tv_role_header"
app:layout_constraintTop_toBottomOf="#+id/tv_role_header" />
<TextView
android:id="#+id/tv_band"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="band"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="#+id/tv_band_header"
app:layout_constraintTop_toBottomOf="#+id/tv_band_header" />
<View
android:id="#+id/view_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_marginTop="15dp"
android:background="#E1E4EA"
app:layout_constraintTop_toBottomOf="#+id/tv_role"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toLeftOf="parent"/>
<LinearLayout
android:id="#+id/ll_address"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/view_divider">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginTop="3dp"
/>
<TextView
android:id="#+id/tv_origin_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:text="origin_address \n origin_address"
android:textColor="#000000"
android:textSize="13sp" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="3dp"
/>
<TextView
android:id="#+id/tv_destination_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:gravity="right"
android:text="destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address "
android:textColor="#000000"
android:textSize="13sp" />
</LinearLayout>
</LinearLayout>
<TextView
android:id="#+id/tv_justification_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="justification_header"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/ll_address" />
<TextView
android:id="#+id/tv_justification"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="justification"
android:textColor="#000000"
android:textSize="14sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_justification_header"
app:layout_constraintTop_toBottomOf="#+id/tv_justification_header" />
<TextView
android:id="#+id/tv_vehicle_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="vehicle_type"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_justification" />
<TextView
android:id="#+id/tv_vehicle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="vehicle"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_vehicle_header" />
<TextView
android:id="#+id/tv_Duration_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="distance"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_justification" />
<TextView
android:id="#+id/tv_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="duration"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_Duration_header" />
<TextView
android:id="#+id/tv_start_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="start_time"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_vehicle" />
<TextView
android:id="#+id/tv_end_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="end_time"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_duration" />
<TextView
android:id="#+id/tv_start_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="start_time"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_start_time_header" />
<TextView
android:id="#+id/tv_end_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="end_time"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_end_time_header" />
<TextView
android:id="#+id/tv_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="trip_distance"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintTop_toBottomOf="#+id/tv_start_time"
app:layout_constraintLeft_toLeftOf="parent"/>
<TextView
android:id="#+id/tv_edited_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="edited_distance"
android:textColor="#999999"
android:textSize="12sp"
android:visibility="gone"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_end_time" />
<TextView
android:id="#+id/tv_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="distance"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_distance_header" />
<TextView
android:id="#+id/tv_edited_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="edited_distance"
android:textColor="#D15900"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_edited_distance_header" />
<TextView
android:id="#+id/tv_edit_reason"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="14sp"
android:text="edit_reason"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_distance" />
<LinearLayout
android:id="#+id/ll_reject_reason"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_edit_reason">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="manager_reject_reason"
android:textColor="#999999"
android:textSize="12sp" />
<TextView
android:id="#+id/tv_rejection_reason"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="rejection_reason"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<Button
android:id="#+id/bt_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="14dp"
android:gravity="center"
android:text="Back"
android:textAllCaps="true"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/ll_reject_reason"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginLeft="12dp"
android:layout_marginBottom="14dp"
android:layout_marginStart="12dp"/>
</android.support.constraint.ConstraintLayout>
</android.support.v4.widget.NestedScrollView>

You need to add constraint bottom to your button,something like this
<Button
android:id="#+id/bt_back"
android:layout_width="wrap_content"
android:layout_height="35dp"
android:gravity="left|center_vertical"
android:paddingLeft="0dp"
android:text="back"
android:textAllCaps="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#id/ll_reject_reason"
app:layout_constraintVertical_bias="0.0" />

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="#F1F1F1"
>
<android.support.v4.widget.NestedScrollView
android:id="#+id/NestedScrollView"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="#+id/bt_back"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:layout_margin = "10dp">
<TextView
android:id="#+id/tv_name_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="employee_name"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="#+id/tv_name"
/>
<TextView
android:id="#+id/tv_date_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="date_header"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="#+id/tv_name_header"
app:layout_constraintBottom_toTopOf="#+id/tv_date"/>
<TextView
android:id="#+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="name"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_name_header"
app:layout_constraintBottom_toTopOf="#+id/tv_role_header"
/>
<TextView
android:id="#+id/tv_date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="date"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="#+id/tv_date_header"
app:layout_constraintLeft_toLeftOf="#+id/tv_date_header"
app:layout_constraintBottom_toTopOf="#+id/tv_band_header"
/>
<TextView
android:id="#+id/tv_role_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="employee_role"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_name"
app:layout_constraintTop_toBottomOf="#+id/tv_name" />
<TextView
android:id="#+id/tv_band_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="11dp"
android:text="employee_band"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_date"
app:layout_constraintTop_toBottomOf="#+id/tv_date"
/>
<TextView
android:id="#+id/tv_role"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="role"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="#+id/tv_role_header"
app:layout_constraintTop_toBottomOf="#+id/tv_role_header" />
<TextView
android:id="#+id/tv_band"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="band"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="#+id/tv_band_header"
app:layout_constraintTop_toBottomOf="#+id/tv_band_header" />
<View
android:id="#+id/view_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_marginTop="15dp"
android:background="#E1E4EA"
app:layout_constraintTop_toBottomOf="#+id/tv_role"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toLeftOf="parent"/>
<LinearLayout
android:id="#+id/ll_address"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/view_divider">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginTop="3dp"
/>
<TextView
android:id="#+id/tv_origin_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:text="origin_address \n origin_address"
android:textColor="#000000"
android:textSize="13sp" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:orientation="horizontal">
<TextView
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="3dp"
/>
<TextView
android:id="#+id/tv_destination_address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:gravity="right"
android:text="destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address \n destination_address "
android:textColor="#000000"
android:textSize="13sp" />
</LinearLayout>
</LinearLayout>
<TextView
android:id="#+id/tv_justification_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="justification_header"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/ll_address" />
<TextView
android:id="#+id/tv_justification"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="justification"
android:textColor="#000000"
android:textSize="14sp"
app:layout_constraintLeft_toLeftOf="#+id/tv_justification_header"
app:layout_constraintTop_toBottomOf="#+id/tv_justification_header" />
<TextView
android:id="#+id/tv_vehicle_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="vehicle_type"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_justification" />
<TextView
android:id="#+id/tv_vehicle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="vehicle"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_vehicle_header" />
<TextView
android:id="#+id/tv_Duration_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="distance"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_justification" />
<TextView
android:id="#+id/tv_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="duration"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_Duration_header" />
<TextView
android:id="#+id/tv_start_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="start_time"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_vehicle" />
<TextView
android:id="#+id/tv_end_time_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="end_time"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_duration" />
<TextView
android:id="#+id/tv_start_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="start_time"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_start_time_header" />
<TextView
android:id="#+id/tv_end_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="end_time"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_end_time_header" />
<TextView
android:id="#+id/tv_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="trip_distance"
android:textColor="#999999"
android:textSize="12sp"
app:layout_constraintTop_toBottomOf="#+id/tv_start_time"
app:layout_constraintLeft_toLeftOf="parent"/>
<TextView
android:id="#+id/tv_edited_distance_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="edited_distance"
android:textColor="#999999"
android:textSize="12sp"
android:visibility="gone"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_end_time" />
<TextView
android:id="#+id/tv_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="distance"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_distance_header" />
<TextView
android:id="#+id/tv_edited_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="edited_distance"
android:textColor="#D15900"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_edited_distance_header" />
<TextView
android:id="#+id/tv_edit_reason"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="14sp"
android:text="edit_reason"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_distance" />
<LinearLayout
android:id="#+id/ll_reject_reason"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="#+id/tv_edit_reason"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="manager_reject_reason"
android:textColor="#999999"
android:textSize="12sp" />
<TextView
android:id="#+id/tv_rejection_reason"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="rejection_reason"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>
</android.support.v4.widget.NestedScrollView>
<Button
android:id="#+id/bt_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center"
android:text="Back"
android:textAllCaps="true"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="#+id/NestedScrollView"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginLeft="12dp"
android:layout_marginBottom="10dp"
android:layout_marginStart="12dp"/>
</android.support.constraint.ConstraintLayout>

How can i make a divider view height fill the remaining space on bottom of layout

So i've got this layout. The problem is that i would like to make the indicated view fill the remaining space and have something like the one on the top, so that it touches the edge of the screen.
I've tried everything but apart from setting a fixed height the view doesn't get showed.
How can i do it? Sorry if the xml is quite long, the view is at the end. Thank you.
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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="#color/white"
android:id="#+id/coordinator_layout_new_configuration">
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="#+id/relative_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<View
android:id="#+id/divider0"
android:layout_width="1dp"
android:layout_height="16dp"
android:layout_marginBottom="8dp"
android:layout_marginLeft="39dp"
android:background="#color/md_grey_400" />
<FrameLayout
android:id="#+id/icon1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/divider0"
android:layout_marginLeft="24dp"
android:visibility="visible">
<View
android:id="#+id/oval1"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/step_active" />
<TextView
android:id="#+id/number1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="1"
android:textColor="#color/white" />
<ImageView
android:id="#+id/done1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="#drawable/ic_done_white_24dp"
android:visibility="gone" />
</FrameLayout>
<ImageView
android:id="#+id/warningIcon1"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="24dp"
android:layout_marginTop="24dp"
android:src="#drawable/ic_warning_red_500_36dp"
android:visibility="invisible" />
<TextView
android:id="#+id/title1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/icon1"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon1"
android:fontFamily="sans-serif-medium"
android:text="#string/title1"
android:textColor="#color/primary_text"
android:textSize="16sp" />
<TextView
android:id="#+id/subtitle1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/title1"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon1"
android:text="#string/subtitle1"
android:textColor="#color/secondary_text"
android:textSize="14sp" />
<View
android:id="#+id/divider1"
android:layout_width="1dp"
android:layout_height="153dp"
android:layout_below="#+id/icon1"
android:layout_marginLeft="39dp"
android:layout_marginTop="8dp"
android:background="#color/md_grey_400" />
<android.support.design.widget.TextInputLayout
android:id="#+id/textInputLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/title1"
android:layout_below="#+id/subtitle1"
android:layout_marginRight="24dp"
android:layout_marginTop="16dp"
android:layout_toRightOf="#+id/divider1">
<EditText
android:id="#+id/editText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Name"
android:singleLine="true" />
</android.support.design.widget.TextInputLayout>
<Button
android:id="#+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/textInputLayout1"
android:layout_alignStart="#+id/textInputLayout1"
android:layout_below="#+id/textInputLayout1"
android:layout_marginBottom="48dp"
android:backgroundTint="#color/colorAccent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_continue"
android:textColor="#color/white" />
<Button
android:id="#+id/button2"
style="#style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button1"
android:layout_marginLeft="8dp"
android:layout_toRightOf="#+id/button1"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_cancel" />
<FrameLayout
android:id="#+id/icon2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/divider1"
android:layout_marginLeft="24dp"
android:layout_marginTop="8dp">
<View
android:id="#+id/backgroundIcon2"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/step_inactive" />
<TextView
android:id="#+id/number2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="2"
android:textColor="#color/white" />
<ImageView
android:id="#+id/done2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="#drawable/ic_done_white_24dp"
android:visibility="gone" />
</FrameLayout>
<TextView
android:id="#+id/title2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/icon2"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon2"
android:text="#string/title2"
android:textColor="#color/primary_text"
android:textSize="16sp" />
<TextView
android:id="#+id/subtitle2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/title2"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon2"
android:text="#string/subtitle2"
android:textColor="#color/secondary_text"
android:textSize="14sp" />
<View
android:id="#+id/divider2"
android:layout_width="1dp"
android:layout_height="32dp"
android:layout_below="#+id/icon2"
android:layout_marginLeft="39dp"
android:layout_marginTop="8dp"
android:background="#color/md_grey_400" />
<RelativeLayout
android:id="#+id/relativeLayout1"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_alignLeft="#+id/subtitle2"
android:layout_below="#+id/subtitle2"
android:layout_marginRight="24dp"
android:layout_marginTop="16dp"
android:background="?android:attr/selectableItemBackground"
android:clickable="true"
android:visibility="gone">
<ImageView
android:id="#+id/image1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="16dp"
android:src="#drawable/ic_label_grey_24dp" />
<TextView
android:id="#+id/textViewRelativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="24dp"
android:layout_toRightOf="#+id/image1"
android:text="#string/home"
android:textColor="#color/primary_text"
android:textSize="16sp" />
</RelativeLayout>
<Button
android:id="#+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/relativeLayout1"
android:layout_below="#+id/relativeLayout1"
android:layout_marginBottom="48dp"
android:backgroundTint="#color/colorAccent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_continue"
android:textColor="#color/white"
android:visibility="gone" />
<Button
android:id="#+id/button4"
style="#style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button3"
android:layout_marginLeft="8dp"
android:layout_toRightOf="#+id/button3"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_cancel"
android:visibility="gone" />
<FrameLayout
android:id="#+id/icon3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/divider2"
android:layout_marginLeft="24dp"
android:layout_marginTop="8dp">
<View
android:id="#+id/backgroundIcon3"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/step_inactive" />
<TextView
android:id="#+id/number3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="3"
android:textColor="#color/white" />
<ImageView
android:id="#+id/done3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="#drawable/ic_done_white_24dp"
android:visibility="gone" />
</FrameLayout>
<TextView
android:id="#+id/title3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/icon3"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon3"
android:text="#string/title3"
android:textColor="#color/primary_text"
android:textSize="16sp" />
<TextView
android:id="#+id/subtitle3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/title3"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon3"
android:text="#string/subtitle3"
android:textColor="#color/secondary_text"
android:textSize="14sp" />
<View
android:id="#+id/divider3"
android:layout_width="1dp"
android:layout_height="32dp"
android:layout_below="#+id/icon3"
android:layout_marginLeft="39dp"
android:layout_marginTop="8dp"
android:background="#color/md_grey_400" />
<RelativeLayout
android:id="#+id/relativeLayout2"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_alignLeft="#+id/subtitle3"
android:layout_below="#+id/subtitle3"
android:layout_marginRight="24dp"
android:layout_marginTop="16dp"
android:background="?android:attr/selectableItemBackground"
android:clickable="true"
android:visibility="gone">
<ImageView
android:id="#+id/image2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="16dp"
android:src="#drawable/ic_zoom_out_map_grey_24dp" />
<TextView
android:id="#+id/textViewRelativeLayout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="24dp"
android:layout_toRightOf="#+id/image2"
android:text="#string/mid_tower"
android:textColor="#color/primary_text"
android:textSize="16sp" />
</RelativeLayout>
<Button
android:id="#+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/relativeLayout2"
android:layout_below="#+id/relativeLayout2"
android:layout_marginBottom="48dp"
android:backgroundTint="#color/colorAccent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_continue"
android:textColor="#color/white"
android:visibility="gone" />
<Button
android:id="#+id/button6"
style="#style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button5"
android:layout_marginLeft="8dp"
android:layout_toRightOf="#+id/button5"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_cancel"
android:visibility="gone" />
<FrameLayout
android:id="#+id/icon4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/divider3"
android:layout_marginLeft="24dp"
android:layout_marginTop="8dp">
<View
android:id="#+id/backgroundIcon4"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/step_inactive" />
<TextView
android:id="#+id/number4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="4"
android:textColor="#color/white" />
<ImageView
android:id="#+id/done4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="#drawable/ic_done_white_24dp"
android:visibility="gone" />
</FrameLayout>
<TextView
android:id="#+id/title4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/icon4"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon4"
android:text="#string/title4"
android:textColor="#color/primary_text"
android:textSize="16sp" />
<TextView
android:id="#+id/subtitle4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/title4"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon4"
android:text="#string/subtitle4"
android:textColor="#color/secondary_text"
android:textSize="14sp" />
<View
android:id="#+id/divider4"
android:layout_width="1dp"
android:layout_height="32dp"
android:layout_below="#+id/icon4"
android:layout_marginLeft="39dp"
android:layout_marginTop="8dp"
android:background="#color/md_grey_400" />
<RelativeLayout
android:id="#+id/relativeLayout3"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_alignLeft="#+id/subtitle4"
android:layout_below="#+id/subtitle4"
android:layout_marginRight="24dp"
android:layout_marginTop="16dp"
android:background="?android:attr/selectableItemBackground"
android:clickable="true"
android:visibility="gone">
<ImageView
android:id="#+id/image3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="16dp"
android:src="#drawable/ic_account_balance_wallet_grey_24dp" />
<TextView
android:id="#+id/textViewRelativeLayout3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="24dp"
android:layout_toRightOf="#+id/image3"
android:text="#string/home_mid_budget"
android:textColor="#color/primary_text"
android:textSize="16sp" />
</RelativeLayout>
<Button
android:id="#+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/relativeLayout3"
android:layout_below="#+id/relativeLayout3"
android:layout_marginBottom="48dp"
android:backgroundTint="#color/colorAccent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_continue"
android:textColor="#color/white"
android:visibility="gone" />
<Button
android:id="#+id/button8"
style="#style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button7"
android:layout_marginLeft="8dp"
android:layout_toRightOf="#+id/button7"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_cancel"
android:visibility="gone" />
<FrameLayout
android:id="#+id/icon5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/divider4"
android:layout_marginLeft="24dp"
android:layout_marginTop="8dp">
<View
android:id="#+id/backgroundIcon5"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="#drawable/step_inactive" />
<TextView
android:id="#+id/number5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="5"
android:textColor="#color/white" />
</FrameLayout>
<TextView
android:id="#+id/title5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/icon5"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon5"
android:text="#string/title5"
android:textColor="#color/primary_text"
android:textSize="16sp" />
<TextView
android:id="#+id/subtitle5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/title5"
android:layout_marginLeft="16dp"
android:layout_toRightOf="#+id/icon5"
android:text="#string/subtitle5"
android:textColor="#color/secondary_text"
android:textSize="14sp" />
<Button
android:id="#+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/subtitle5"
android:layout_below="#+id/subtitle5"
android:layout_marginBottom="48dp"
android:layout_marginTop="16dp"
android:backgroundTint="#color/colorAccent"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_finish"
android:textColor="#color/white"
android:visibility="gone" />
<Button
android:id="#+id/button10"
style="#style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button9"
android:layout_marginLeft="8dp"
android:layout_toRightOf="#+id/button9"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:text="#string/step_cancel"
android:visibility="gone" />
<!--this one-->
<View
android:id="#+id/divider5"
android:layout_width="1dp"
android:layout_height="50dp"
android:layout_below="#id/icon5"
android:layout_marginLeft="39dp"
android:layout_marginTop="8dp"
android:background="#color/md_grey_400" />
</RelativeLayout>
</ScrollView>
</android.support.design.widget.CoordinatorLayout>

How to add Scrollview that include Constraintlayout to a layout "scrollable constraintlayout"?

I have a complicated Layout that created with constraintlayout and i need to scroll Vertically some part of it with scroll view and of Course this scroll view must include constraintlayout too,
Is any Body can help ?
I bring My code maybe it could help
<?xml version="1.0" encoding="utf-8"?>
<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="#color/colorPrimaryLight"
tools:context=".MainActivity"
tools:layout_editor_absoluteY="25dp">
<androidx.constraintlayout.widget.Guideline
android:id="#+id/guideLineLeft"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.02676399" />
<androidx.constraintlayout.widget.Guideline
android:id="#+id/guideLineRight"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.98053527" />
<androidx.constraintlayout.widget.Guideline
android:id="#+id/guidelineTop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.019151846" />
<androidx.constraintlayout.widget.Guideline
android:id="#+id/guideLineH20to25Percent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.20519836" />
<EditText
android:id="#+id/edit_city"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_marginTop="4dp"
android:layout_marginEnd="4dp"
android:background="#color/colorPrimaryLight"
android:lines="1"
android:maxLength="20"
android:maxLines="1"
android:minWidth="75dp"
android:paddingStart="4dp"
android:paddingLeft="4dp"
android:paddingTop="8dp"
android:paddingEnd="8dp"
android:paddingRight="8dp"
android:paddingBottom="8dp"
android:textAlignment="center"
android:textColor="#e1e1e1"
android:textSize="22sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="#+id/guideLineRight"
app:layout_constraintStart_toStartOf="#+id/guideLineLeft"
app:layout_constraintTop_toTopOf="#+id/guidelineTop" />
<ImageView
android:id="#+id/get_location_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="btn_clicked"
android:src="#drawable/ic_send2"
app:layout_constraintBottom_toBottomOf="#+id/edit_city"
app:layout_constraintEnd_toEndOf="#+id/edit_city"
app:layout_constraintStart_toEndOf="#+id/edit_city"
app:layout_constraintTop_toTopOf="#+id/edit_city" />
<TextView
android:id="#+id/current_weather_condition_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:minWidth="100dp"
android:textAlignment="center"
android:textColor="#color/colorText"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="#+id/edit_city"
app:layout_constraintStart_toStartOf="#+id/edit_city"
app:layout_constraintTop_toBottomOf="#+id/edit_city" />
<TextView
android:id="#+id/current_weather_temp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:textColor="#fff"
android:textSize="32sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="#+id/current_weather_condition_view"
app:layout_constraintStart_toStartOf="#+id/current_weather_condition_view"
app:layout_constraintTop_toBottomOf="#+id/current_weather_condition_view" />
<TextView
android:id="#+id/todayNameView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_marginTop="24dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintStart_toStartOf="#+id/guideLineLeft"
app:layout_constraintTop_toBottomOf="#+id/guideLineH20to25Percent" />
<TextView
android:id="#+id/todayView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:text="Today"
android:textColor="#fff"
android:textSize="16sp"
android:textStyle="bold"
app:layout_constraintBaseline_toBaselineOf="#+id/todayNameView"
app:layout_constraintStart_toEndOf="#+id/todayNameView" />
<TextView
android:id="#+id/todayMinTemperature"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintBottom_toBottomOf="#+id/todayMaxTemperature"
app:layout_constraintEnd_toStartOf="#+id/guideLineRight"
app:layout_constraintTop_toTopOf="#+id/todayMaxTemperature" />
<TextView
android:id="#+id/todayMaxTemperature"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:layout_marginEnd="8dp"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toStartOf="#+id/guideLineRight"
app:layout_constraintTop_toBottomOf="#+id/guideLineH20to25Percent" />
<View
android:id="#+id/view1"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_marginTop="8dp"
android:background="#FFF"
android:textAlignment="center"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/todayNameView" />
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:scrollbars="none"
app:layout_constraintEnd_toEndOf="#+id/guideLineRight"
app:layout_constraintStart_toStartOf="#+id/guideLineLeft"
app:layout_constraintTop_toBottomOf="#+id/view1">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.Guideline
android:id="#+id/guidelineMiddleH"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<androidx.recyclerview.widget.RecyclerView
android:id="#+id/recycler_view1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_marginTop="4dp"
android:minHeight="100dp"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="#+id/view2"
android:layout_width="0dp"
android:layout_height="1dp"
android:background="#fff"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/recycler_view1" />
<ImageView
android:id="#+id/imgIcon1"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_marginTop="8dp"
app:layout_constraintEnd_toStartOf="#+id/guidelineMiddleH"
app:layout_constraintStart_toStartOf="#+id/guidelineMiddleH"
app:layout_constraintTop_toBottomOf="#+id/view2" />
<ImageView
android:id="#+id/imgIcon2"
android:layout_width="35dp"
android:layout_height="35dp"
app:layout_constraintEnd_toEndOf="#+id/imgIcon1"
app:layout_constraintStart_toStartOf="#+id/imgIcon1"
app:layout_constraintTop_toBottomOf="#+id/imgIcon1" />
<ImageView
android:id="#+id/imgIcon3"
android:layout_width="35dp"
android:layout_height="35dp"
app:layout_constraintEnd_toEndOf="#+id/imgIcon2"
app:layout_constraintStart_toStartOf="#+id/imgIcon2"
app:layout_constraintTop_toBottomOf="#+id/imgIcon2" />
<ImageView
android:id="#+id/imgIcon4"
android:layout_width="35dp"
android:layout_height="35dp"
app:layout_constraintEnd_toEndOf="#+id/imgIcon3"
app:layout_constraintStart_toStartOf="#+id/imgIcon3"
app:layout_constraintTop_toBottomOf="#+id/imgIcon3" />
<ImageView
android:id="#+id/imgIcon5"
android:layout_width="35dp"
android:layout_height="35dp"
app:layout_constraintEnd_toEndOf="#+id/imgIcon4"
app:layout_constraintStart_toStartOf="#+id/imgIcon4"
app:layout_constraintTop_toBottomOf="#+id/imgIcon4" />
<TextView
android:id="#+id/firstDay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon1" />
<TextView
android:id="#+id/secondDay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon2"
app:layout_constraintVertical_bias="0.51" />
<TextView
android:id="#+id/thirdDay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon3" />
<TextView
android:id="#+id/fourthDay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon4" />
<TextView
android:id="#+id/fivthDay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon5"/>
<TextView
android:id="#+id/maxTemp1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textAlignment="gravity"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon1" />
<TextView
android:id="#+id/maxTemp2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon2" />
<TextView
android:id="#+id/maxTemp3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon3" />
<TextView
android:id="#+id/maxTemp4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon4" />
<TextView
android:id="#+id/maxTemp5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="40dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/imgIcon5" />
<TextView
android:id="#+id/minTemp1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:textAlignment="gravity"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/maxTemp1" />
<TextView
android:id="#+id/minTemp2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/maxTemp2" />
<TextView
android:id="#+id/minTemp3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/maxTemp3" />
<TextView
android:id="#+id/minTemp4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/maxTemp4" />
<TextView
android:id="#+id/minTemp5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:textColor="#c5c5c5"
android:textSize="18sp"
android:textStyle="normal|bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="#+id/maxTemp5" />
<View
android:id="#+id/view3"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_marginTop="8dp"
android:background="#fff"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/imgIcon5" />
<TextView
android:id="#+id/wind_name_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_marginTop="16dp"
android:text="Wind"
android:textColor="#color/colorPrimaryDark"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/view3" />
<TextView
android:id="#+id/currentSpeed"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintEnd_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/wind_name_view" />
<TextView
android:id="#+id/pressure_name_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:text="PRESSURE"
android:textColor="#color/colorPrimaryDark"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#+id/guidelineMiddleH"
app:layout_constraintTop_toBottomOf="#+id/currentFeelTemperature" />
<TextView
android:id="#+id/currentPressure"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#+id/pressure_name_view"
app:layout_constraintTop_toBottomOf="#+id/pressure_name_view" />
<TextView
android:id="#+id/feelLike_name_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:text="FEELS LIKE"
android:textColor="#color/colorPrimaryDark"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#+id/guidelineMiddleH"
app:layout_constraintTop_toBottomOf="#+id/view3" />
<TextView
android:id="#+id/currentFeelTemperature"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="#+id/feelLike_name_view"
app:layout_constraintTop_toBottomOf="#+id/feelLike_name_view" />
<TextView
android:id="#+id/humidity_name_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_marginTop="16dp"
android:text="HUMIDITY"
android:textColor="#color/colorPrimaryDark"
android:textSize="14sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/currentSpeed" />
<TextView
android:id="#+id/currentHumidity"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:textColor="#fff"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/humidity_name_view" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>

Try adding android:fillViewport="true" to the ScrollView.
Don't forget that If you constraint some view's bottom to constraint layout's bottom.Scrollview could not scroll.
app:layout_constraintBottom_toBottomOf=“parent”
It seems that it is working, I don't know what dependency you were working with but in this one
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
Is working, this is what I did
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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">
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<View
android:id="#+id/view"
android:layout_width="377dp"
android:layout_height="2dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:background="#000000"
app:layout_constraintBottom_toTopOf="#+id/linearLayout2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.64" />
<LinearLayout
android:id="#+id/linearLayout2"
android:layout_width="176dp"
android:layout_height="268dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginBottom="40dp"
android:orientation="vertical"
app:layout_constraintBottom_toTopOf="#+id/textView17"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0">
<TextView
android:id="#+id/textView8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Account #"
android:textColor="#000000"
android:textSize="18sp" />
<!-- <TextView-->
<!-- android:id="#+id/textView9"-->
<!-- android:layout_width="match_parent"-->
<!-- android:layout_height="wrap_content"-->
<!-- android:layout_marginTop="#dimen/lintext"-->
<!-- android:text="Company Name "-->
<!-- android:textColor="#000000"-->
<!-- android:textSize="18sp" />-->
<TextView
android:id="#+id/textView10"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Phone"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Address"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Serial number"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView6"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Product name "
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView7"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Brand"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView13"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Subject"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="#+id/textView11"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="#dimen/lintext"
android:text="Problem Details "
android:textColor="#000000"
android:textSize="18sp" />
</LinearLayout>
<LinearLayout
android:id="#+id/linearLayout3"
android:layout_width="187dp"
android:layout_height="263dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="32dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:orientation="vertical"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="#+id/linearLayout2"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="#+id/from_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ahmed hassen" />
<TextView
android:id="#+id/name_product"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:text="26 Horrya st ,helioplis 11341" />
<TextView
android:id="#+id/num_ser"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="+201111414141" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="CZ3351x4BW" />
<TextView
android:id="#+id/textView12"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="Hp SL230 Gen8 Rht half Svr" />
<TextView
android:id="#+id/textView14"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="Hp" />
<TextView
android:id="#+id/textView15"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="Broken Screen" />
<TextView
android:id="#+id/textView16"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginTop="12dp"
android:text="Broken Screen and we gonna replace it " />
</LinearLayout>
<ImageView
android:id="#+id/imageView9"
android:layout_width="377dp"
android:layout_height="70dp"
android:layout_marginTop="40dp"
android:src="#color/colorPrimary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.328"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/editText4" />
<EditText
android:id="#+id/editText3"
android:layout_width="83dp"
android:layout_height="48dp"
android:layout_marginTop="60dp"
android:background="#drawable/style_et_border"
android:ems="10"
android:inputType="textPersonName"
android:text=" 500"
android:textColor="#FFFFFF"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.536"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/editText4" />
<TextView
android:id="#+id/textView21"
android:layout_width="134dp"
android:layout_height="32dp"
android:layout_marginEnd="12dp"
android:layout_marginRight="12dp"
android:text="Estimated Labor"
android:textColor="#FFFFFF"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="#+id/editText3"
app:layout_constraintEnd_toStartOf="#+id/editText3"
app:layout_constraintTop_toTopOf="#+id/imageView9"
app:layout_constraintVertical_bias="0.0" />
<TextView
android:id="#+id/textView22"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="EGP"
android:textColor="#FFFFFF"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="#+id/imageView9"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.196"
app:layout_constraintStart_toEndOf="#+id/editText3"
app:layout_constraintTop_toTopOf="#+id/imageView9"
app:layout_constraintVertical_bias="0.695" />
<View
android:id="#+id/ll"
android:layout_width="377dp"
android:layout_height="3dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:layout_marginTop="15dp"
android:background="#000000"
app:layout_constraintBottom_toBottomOf="#+id/linearLayout2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/linearLayout3" />
<TextView
android:id="#+id/editText"
android:layout_width="376dp"
android:layout_height="93dp"
android:layout_marginTop="72dp"
android:layout_weight="1"
android:background="#drawable/style_et_border"
android:ems="10"
android:text="A dying or cracked display doesn't mean your laptop is a paperweight. For most laptops, a screen replacement takes"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="#+id/textView17"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.507"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/linearLayout3"
app:layout_constraintVertical_bias="0.0" />
<TextView
android:id="#+id/textView17"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginLeft="20dp"
android:layout_marginBottom="8dp"
android:text="Problem Found "
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="#+id/editText"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="#+id/textView18"
android:layout_width="219dp"
android:layout_height="29dp"
android:layout_marginTop="64dp"
android:text="Spare Parts Selected"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.074"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/textView19" />
<TextView
android:id="#+id/editText4"
android:layout_width="412dp"
android:layout_height="49dp"
android:layout_marginTop="8dp"
android:background="#drawable/style_et_border"
android:ems="10"
android:text=" ** Kingston Kvr16N11/8 - 8Gb Ddr3 Pc3-12800 1600Mhz Non-Ecc Cl11 Desktop Memory "
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/editText5" />
<TextView
android:id="#+id/editText5"
android:layout_width="412dp"
android:layout_height="49dp"
android:background="#drawable/style_et_border"
android:ems="10"
android:text=" ** Kingston Kvr16N11/8 - 8Gb Ddr3 Pc3-12800 1600Mhz Non-Ecc Cl11 Desktop Memory "
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/textView18" />
<TextView
android:id="#+id/textView19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="36dp"
android:text="Estimated time"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.085"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/editText" />
<TextView
android:id="#+id/editText2"
android:layout_width="134dp"
android:layout_height="30dp"
android:layout_marginTop="36dp"
android:background="#drawable/style_et_border"
android:ems="10"
android:text=" 6 Hours"
android:textColor="#000000"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.224"
app:layout_constraintStart_toEndOf="#+id/textView19"
app:layout_constraintTop_toBottomOf="#+id/editText" />
<in.shadowfax.proswipebutton.ProSwipeButton
android:id="#+id/awesome_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
app:bg_color="#android:color/holo_blue_dark"
app:btn_text="Close Your Ticket"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/button"
app:layout_constraintVertical_bias="0.027" />
<Button
android:id="#+id/button"
android:layout_width="230dp"
android:layout_height="45dp"
android:layout_marginTop="28dp"
android:background="#drawable/style_et_border"
android:onClick="goSignature"
android:text="put your signature here"
android:textAllCaps="false"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.496"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="#+id/editText3" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

<ScrollView 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.support.constraint.ConstraintLayout
android:id="#+id/constraintLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.constraint.ConstraintLayout>
</ScrollView>

Develop Reference

The Android operating system is a mobile operating system that was developed by Google (GOOGL?) to be primarily used for touchscreen devices, cell phones, and tablets.

Aligning TextView in CardView - android

Avoid using hard coded layout sizes. Use RelativeLayout inside the CardView

Related

How do I activate the emulator in Android Studio?

ScrollView Background not homogeneous

How to implement ConstraintLayout in NestedScrollView

How can i make a divider view height fill the remaining space on bottom of layout

How to add Scrollview that include Constraintlayout to a layout "scrollable constraintlayout"?

Categories

Resources