Convert list_item to ConstraintLayout

1 files changed, 62 insertions, 58 deletions

diff --git a/app/src/main/res/layout/list_item.xml b/app/src/main/res/layout/list_item.xml
index f6eeb5cd..cb7e755f 100644
--- a/app/src/main/res/layout/list_item.xml
+++ b/app/src/main/res/layout/list_item.xml
@@ -23,87 +23,91 @@
     xmlns:tools="http://schemas.android.com/tools"
     xmlns:app="http://schemas.android.com/apk/res-auto">
 
-    <RelativeLayout
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:background="@drawable/selectable_background"
+        android:padding="@dimen/materialize_spacing"
         android:clickable="true"
-        android:focusable="true"
-        android:padding="@dimen/materialize_spacing">
-
-        <TextView
-            android:id="@+id/textViewFeedTitle"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_alignStart="@+id/buttons"
-            android:layout_below="@+id/buttons"
-            android:layout_toStartOf="@+id/textViewTime"
-            android:textAppearance="@style/TextAppearance.AppCompat.Small"
-            tools:text="Feed title"/>
+        android:focusable="true">
 
         <ImageView
             android:id="@+id/imageview_favicon"
             android:layout_width="@dimen/icon_size"
             android:layout_height="@dimen/icon_size"
-            android:layout_alignParentStart="true"
-            android:layout_alignParentTop="true"
-            android:layout_centerVertical="true"
             android:background="@drawable/favicon_background"
+            android:contentDescription="@string/feed_icon_description"
             android:padding="@dimen/icon_padding"
             android:layout_marginEnd="@dimen/materialize_spacing"
-            android:contentDescription="@string/feed_icon_description"
-            tools:src="@drawable/ic_feed_icon"/>
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/textViewTitle"
+            tools:src="@drawable/ic_feed_icon" />
 
-        <LinearLayout
-            android:id="@+id/buttons"
-            android:layout_width="wrap_content"
+        <TextView
+            android:id="@+id/textViewTitle"
+            android:layout_width="0dp"
             android:layout_height="wrap_content"
-            android:layout_alignParentEnd="true"
-            android:layout_alignParentTop="true"
-            android:layout_toEndOf="@id/imageview_favicon">
+            android:ellipsize="end"
+            android:maxLines="2"
+            android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
+            app:layout_constraintEnd_toStartOf="@id/play"
+            app:layout_constraintStart_toEndOf="@id/imageview_favicon"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="This is the article title" />
 
-            <TextView
-                android:id="@+id/textViewTitle"
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_weight="1"
-                android:ellipsize="end"
-                android:maxLines="2"
-                android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
-                tools:text="This is the article title"/>
+        <TextView
+            android:id="@+id/textViewFeedTitle"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:textAppearance="@style/TextAppearance.AppCompat.Small"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@id/textViewTime"
+            app:layout_constraintStart_toStartOf="@id/textViewTitle"
+            app:layout_constraintTop_toBottomOf="@id/textViewTitle"
+            app:layout_constraintVertical_bias="1.0"
+            tools:text="Feed title" />
 
-            <ImageView
-                android:id="@+id/play"
-                android:layout_width="@dimen/play_button"
-                android:layout_height="@dimen/play_button"
-                android:background="?attr/selectableItemBackgroundBorderless"
-                android:clickable="true"
-                android:focusable="true"
-                android:contentDescription="@string/play_media"
-                android:src="@drawable/ic_play_circle_outline"
-                android:visibility="gone"
-                tools:visibility="visible"/>
+        <ImageView
+            android:id="@+id/play"
+            android:layout_width="@dimen/play_button"
+            android:layout_height="@dimen/play_button"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:contentDescription="@string/play_media"
+            android:focusable="true"
+            android:src="@drawable/ic_play_circle_outline"
+            android:visibility="gone"
+            app:layout_constraintBottom_toTopOf="@id/textViewFeedTitle"
+            app:layout_constraintEnd_toStartOf="@id/imageview_star"
+            app:layout_constraintStart_toEndOf="@id/textViewTitle"
+            app:layout_constraintTop_toTopOf="parent"
+            app:tint="?colorOnSurface"
+            tools:visibility="visible" />
 
-            <ImageView
-                android:id="@+id/imageview_star"
-                android:layout_width="@dimen/small_icon_size"
-                android:layout_height="@dimen/small_icon_size"
-                android:contentDescription="@string/starred"
-                android:src="@drawable/ic_star"
-                android:tint="@color/star"
-                android:visibility="gone"
-                tools:visibility="visible"/>
-        </LinearLayout>
+        <ImageView
+            android:id="@+id/imageview_star"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:contentDescription="@string/starred"
+            android:src="@drawable/ic_star"
+            android:visibility="gone"
+            app:layout_constraintBottom_toTopOf="@id/textViewFeedTitle"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:tint="@color/star"
+            tools:visibility="visible" />
 
         <TextView
             android:id="@+id/textViewTime"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_alignParentEnd="true"
-            android:layout_below="@+id/buttons"
             android:textAppearance="@style/TextAppearance.AppCompat.Small"
             android:textStyle="italic"
-            tools:text="1h"/>
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBaseline_toBaselineOf="@id/textViewFeedTitle"
+            tools:text="1h" />
 
-    </RelativeLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
\ No newline at end of file