+ WA888 change UI Main in progress

app/src/main/java/com/khmer9/yuki/screen/main/MainModuleViewHolder.kt

@@ -1,22 +1,13 @@
 package com.khmer9.yuki.screen.main
 
-import android.annotation.SuppressLint
-import android.graphics.Bitmap
-import android.graphics.BitmapFactory
-import android.net.Uri
-import android.os.AsyncTask
-import android.util.Log
 import android.view.View
 import android.widget.ImageView
 import android.widget.TextView
-import android.widget.Toast
 import com.gdtlib.lib.adapter.BaseListItem
 import com.gdtlib.lib.viewholder.BaseListViewHolder
 import com.khmer9.yuki.R
 import com.khmer9.yuki.remote.ModuleData
-import com.khmer9.yuki.util.ModelPreferencesManager.with
 import com.squareup.picasso.Picasso
-import java.lang.System.load
 
 class MainModuleViewHolder(itemView: View) : BaseListViewHolder(itemView) {
     private val picasso = Picasso.get()
@@ -35,7 +26,14 @@ class MainModuleViewHolder(itemView: View) : BaseListViewHolder(itemView) {
                 val dpWidth = pxWidth / displayMetrics.density
                 val dpHeight = pxHeight / displayMetrics.density
 
-                val height = dpHeight * 0.4804f
+                // high resolution pixel 14400
+                var height = dpHeight * 0.5804f
+
+                //low resolution
+                if (pxWidth < 1000) {
+                    height = dpHeight * 0.2804f
+                }
+
                 imgIcon.layoutParams.height = height.toInt()
                 imgIcon.layoutParams.width = height.toInt()
 

app/src/main/res/layout/layout_main_module.xml

@@ -1,34 +1,47 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout 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="wrap_content"
     android:orientation="vertical"
-    android:padding="5dp">
+    android:padding="4dp">
 
-    <androidx.appcompat.widget.LinearLayoutCompat
+    <com.google.android.material.card.MaterialCardView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:background="@color/color_white"
-        android:orientation="vertical">
+        android:clickable="true"
+        android:foreground="?android:attr/selectableItemBackground"
+        app:cardCornerRadius="5dp"
+        app:cardElevation="0dp"
+        app:cardUseCompatPadding="true"
+        app:strokeColor="@color/color_red_800"
+        app:strokeWidth="1dp">
 
-        <ImageView
-            android:id="@+id/img_icon"
-            android:layout_width="match_parent"
-            android:layout_height="100dp"
-            android:layout_gravity="center"
-            android:padding="5dp" />
-
-        <TextView
-            android:id="@+id/tv_name"
+        <androidx.appcompat.widget.LinearLayoutCompat
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:gravity="center"
-            android:padding="5dp"
-            android:text="Goat"
-            android:textColor="@color/text_black"
-            android:textSize="20sp"
-            android:textStyle="bold" />
+            android:background="@color/color_white"
+            android:orientation="vertical">
+
+            <ImageView
+                android:id="@+id/img_icon"
+                android:layout_width="match_parent"
+                android:layout_height="100dp"
+                android:layout_gravity="center"
+                android:padding="5dp" />
+
+            <TextView
+                android:id="@+id/tv_name"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:padding="5dp"
+                android:text="Goat"
+                android:textColor="@color/text_black"
+                android:textSize="20sp"
+                android:textStyle="bold" />
 
-    </androidx.appcompat.widget.LinearLayoutCompat>
+        </androidx.appcompat.widget.LinearLayoutCompat>
+    </com.google.android.material.card.MaterialCardView>
 
 </LinearLayout>