From 4229acf87cf5781666be3b771d624bde09bf473e Mon Sep 17 00:00:00 2001
From: Robin Koedood <rkoedood8@gmail.com>
Date: Wed, 16 Dec 2020 11:20:52 +0100
Subject: [PATCH] [ADD] Route Detail Contraints

---
 .../drawable/ic_baseline_play_arrow_24.xml    | 10 ++++
 .../main/res/layout/fragment_route_detail.xml | 53 +++++++++++--------
 2 files changed, 42 insertions(+), 21 deletions(-)
 create mode 100644 app/src/main/res/drawable/ic_baseline_play_arrow_24.xml

diff --git a/app/src/main/res/drawable/ic_baseline_play_arrow_24.xml b/app/src/main/res/drawable/ic_baseline_play_arrow_24.xml
new file mode 100644
index 0000000..13c137a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_play_arrow_24.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M8,5v14l11,-7z"/>
+</vector>
diff --git a/app/src/main/res/layout/fragment_route_detail.xml b/app/src/main/res/layout/fragment_route_detail.xml
index 5d37443..197630c 100644
--- a/app/src/main/res/layout/fragment_route_detail.xml
+++ b/app/src/main/res/layout/fragment_route_detail.xml
@@ -11,21 +11,24 @@
         android:id="@+id/routeDetailBackButton"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_margin="10dp"
+        android:layout_marginEnd="100dp"
         android:background="@drawable/ic_back_button_24"
+        app:layout_constraintBottom_toBottomOf="@id/routeTitle"
+        app:layout_constraintEnd_toStartOf="@id/routeTitle"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="@id/routeTitle" />
 
     <TextView
         android:id="@+id/routeTitle"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_margin="9dp"
         android:text="titel"
         android:textSize="20sp"
-        app:layout_constraintStart_toEndOf="@id/routeDetailBackButton"
+        app:layout_constraintBottom_toTopOf="@+id/routeDetailImage"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
-    
+
     <ImageView
         android:layout_width="250dp"
         android:layout_height="250dp"
@@ -34,37 +37,45 @@
         app:layout_constraintTop_toBottomOf="@id/routeDetailBackButton"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        />
-    
-    <TextView
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_margin="20dp"
-        android:id="@+id/routeDetailText"
-        app:layout_constraintTop_toBottomOf="@id/routeDetailImage"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/routeDetailText"
+
         />
 
+    <TextView
+        android:id="@+id/routeDetailText"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginHorizontal="20dp"
+        android:layout_marginBottom="100dp"
+        app:layout_constraintBottom_toTopOf="@id/startRouteText"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/routeDetailImage" />
+
     <ImageButton
+        android:id="@+id/startRouteButton"
+        android:backgroundTint="@color/primaryColour"
+        android:scaleX="5"
+        android:scaleY="5"
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_margin="20dp"
-        android:id="@+id/startRouteButton"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/routeDetailText"
+        app:layout_constraintBottom_toBottomOf="@+id/startRouteText"
         app:layout_constraintEnd_toStartOf="@+id/startRouteText"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/startRouteText"
+        android:src="@drawable/ic_baseline_play_arrow_24"
         />
 
     <TextView
+        android:id="@+id/startRouteText"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_margin="20dp"
         android:text="@string/start_route"
         android:textSize="50sp"
-        android:id="@+id/startRouteText"
+        app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/routeDetailText"
         app:layout_constraintStart_toEndOf="@id/startRouteButton"
-        />
+        app:layout_constraintTop_toBottomOf="@id/routeDetailText" />
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file