UX: Combine launcher icon and instructions in centered placeholder layout inside imageCard

app/src/main/java/com/example/pestdetection/MainActivity.java

@@ -34,7 +34,7 @@ public class MainActivity extends AppCompatActivity {
 
     // View references for enhanced UX
     ScrollView mainScrollView;
-    TextView tvImagePlaceholder;
+    View placeholderContainer;
     View loadingOverlay;
     ProgressBar progressBar;
     Button btnSelect, btnCamera, btnUpload;
@@ -47,8 +47,8 @@ public class MainActivity extends AppCompatActivity {
                 if (result.getResultCode() == RESULT_OK && result.getData() != null) {
                     imageUri = result.getData().getData();
                     imageView.setImageURI(imageUri);
-                    if (tvImagePlaceholder != null) {
-                        tvImagePlaceholder.setVisibility(View.GONE);
+                    if (placeholderContainer != null) {
+                        placeholderContainer.setVisibility(View.GONE);
                     }
                     if (btnUpload != null) {
                         btnUpload.setEnabled(true);
@@ -60,8 +60,8 @@ public class MainActivity extends AppCompatActivity {
             registerForActivityResult(new ActivityResultContracts.TakePicture(), success -> {
                 if (success) {
                     imageView.setImageURI(imageUri);
-                    if (tvImagePlaceholder != null) {
-                        tvImagePlaceholder.setVisibility(View.GONE);
+                    if (placeholderContainer != null) {
+                        placeholderContainer.setVisibility(View.GONE);
                     }
                     if (btnUpload != null) {
                         btnUpload.setEnabled(true);
@@ -85,7 +85,7 @@ public class MainActivity extends AppCompatActivity {
 
         mainScrollView = findViewById(R.id.mainScrollView);
         imageView = findViewById(R.id.imageView);
-        tvImagePlaceholder = findViewById(R.id.tvImagePlaceholder);
+        placeholderContainer = findViewById(R.id.placeholderContainer);
         loadingOverlay = findViewById(R.id.loadingOverlay);
         progressBar = findViewById(R.id.progressBar);
         btnSelect = findViewById(R.id.btnSelect);
@@ -146,8 +146,8 @@ public class MainActivity extends AppCompatActivity {
         if (imageView != null) {
             imageView.setImageDrawable(null);
         }
-        if (tvImagePlaceholder != null) {
-            tvImagePlaceholder.setVisibility(View.VISIBLE);
+        if (placeholderContainer != null) {
+            placeholderContainer.setVisibility(View.VISIBLE);
         }
         if (btnUpload != null) {
             btnUpload.setEnabled(false);

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

@@ -200,18 +200,35 @@
                 android:layout_height="match_parent"
                 android:scaleType="centerCrop" />
 
-            <!-- Placeholder text when no image is selected -->
-            <TextView
-                android:id="@+id/tvImagePlaceholder"
+            <!-- Placeholder container when no image is selected -->
+            <LinearLayout
+                android:id="@+id/placeholderContainer"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
-                android:gravity="center"
-                android:text="No crop image selected\nTap Gallery or Camera below"
-                android:textColor="@color/text_hint"
-                android:textSize="14sp"
-                android:textStyle="bold"
-                android:padding="24dp" />
+                android:orientation="vertical"
+                android:gravity="center">
+
+                <ImageView
+                    android:id="@+id/placeholderIcon"
+                    android:layout_width="64dp"
+                    android:layout_height="64dp"
+                    android:src="@mipmap/ic_launcher"
+                    android:contentDescription="App Icon"
+                    android:layout_marginBottom="12dp" />
+
+                <TextView
+                    android:id="@+id/tvImagePlaceholder"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:gravity="center"
+                    android:text="No crop image selected\nTap Gallery or Camera below"
+                    android:textColor="@color/text_hint"
+                    android:textSize="14sp"
+                    android:textStyle="bold"
+                    android:paddingStart="24dp"
+                    android:paddingEnd="24dp" />
+            </LinearLayout>
 
             <!-- Semi-transparent overlay to dim image when analyzing -->
             <View