Display issue in Layout

[mohana krishna]

I want to display random numbers in a 3 rows and 3 column  table with 8 numbers and one empty cell.
When i review in Android studio its showing correctly but when i run the application on my mobile i am getting 4 X 4 table.
Please find the attached both the screenshots.

In the same app I have another layout page with 4 rows and 4 columns table but its working as per my expectation.

I have reviewd the code several times but i could not be able to find the root cause. Please help me to find out why in mobile 4 rows and 4 columns were displayed instead of 3 rows and 3 columns.

<?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.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"    tools:context=".NumberPageThree"    android:background="@drawable/numpuzzlebg">    <androidx.appcompat.widget.LinearLayoutCompat        android:orientation="vertical"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <TableLayout            android:layout_width="match_parent"            android:layout_height="wrap_content">            <TableRow>                <TextView                    android:id="@+id/element1"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element2"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element3"                    style="@style/textFieldStyle"                    />            </TableRow>            <TableRow>                <TextView                    android:id="@+id/element4"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element5"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element6"                    style="@style/textFieldStyle"                    />            </TableRow>            <TableRow>                <TextView                    android:id="@+id/element7"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element8"                    style="@style/textFieldStyle"                    />                <TextView                    android:id="@+id/element9"                    style="@style/textFieldStyle"                    />            </TableRow>        </TableLayout>        <TextView            android:layout_marginTop="10dp"            android:layout_width="match_parent"            android:layout_height="50dp"            android:id="@+id/mesageField"            android:textColor="@color/cardview_light_background"            android:textSize="30sp"            android:gravity="center"            />    </androidx.appcompat.widget.LinearLayoutCompat>    <include layout="@layout/footernumberpage"        android:layout_gravity="bottom"        android:layout_height="50dp"        android:layout_width="match_parent"/> </androidx.coordinatorlayout.widget.CoordinatorLayout>

[Norm Radder]

why in mobile 4 rows and 4 columns were displayed instead of 3 rows and 3 columns.

Where is the code that decides which layout to use and loads it?

What is the filename of the xml that you posted?

[mohana krishna]

Hi  Norm Radder ,

Thanks for your response.

Question ) : What is the filename of the xml that you posted?
Answer ) activity_number_page_three.xml .
Question)  Where is the code that decides which layout to use and loads it?
Answer) Following xml code and java code.

This file name is activity_main.xml.

<?xml version="1.0" encoding="utf-8"?> <androidx.appcompat.widget.LinearLayoutCompat 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"    tools:context="com.example.numberpuzzle.MainActivity"    android:layout_gravity="center"    android:orientation="vertical"    android:background="@drawable/numpuzzlebg">    <EditText        android:layout_marginTop="50dp"        android:layout_width="300dp"        android:layout_height="40dp"        android:inputType="text"        android:hint="Enter your name"        android:id="@+id/userName"        android:textColorHint="@color/cardview_dark_background"        android:textColor="@color/cardview_dark_background"        android:background="@drawable/round_text_field"        android:layout_gravity="center_horizontal"        android:paddingLeft="10dp"/>    <Button        android:layout_marginTop="50dp"        android:layout_width="300dp"        android:layout_height="40dp"        android:text="@string/ThreeByThree"        android:onClick="startNumberPageThreeByThree"        android:textColor="@android:color/background_dark"        android:background="@drawable/round_corner_button"        android:layout_gravity="center_horizontal"        />    <Button        android:layout_marginTop="50dp"        android:layout_width="300dp"        android:layout_height="40dp"        android:text="@string/FourByFour"        android:onClick="startNumberPage"        android:textColor="@android:color/background_dark"        android:background="@drawable/round_corner_button"        android:layout_gravity="center_horizontal"        /> <include layout="@layout/footerfirst"></include> </androidx.appcompat.widget.LinearLayoutCompat>

When user click on "@string/ThreeByThree" button following java code will be called.

package com.example.numberpuzzle;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

    public void startNumberPage(View view)
    {
        String name=  ((EditText)findViewById(R.id.userName)).getText().toString();
        Intent intent4x4 = new Intent(getApplicationContext(), NumberPageFour.class);
        intent4x4.putExtra("NAME",name);
        startActivity(intent4x4);
        finish();
    }

    public void startNumberPageThreeByThree(View view){
        String name = ((EditText)findViewById(R.id.userName)).getText().toString();
        Intent intent3x3 = new Intent(getApplicationContext(),NumberPageThree.class);
        intent3x3.putExtra("NAME",name);
        startActivity(intent3x3);
        finish();
    }

    }

In NumberPageThree.java i have logic to populate values for all the fields and other logic.

[Norm Radder]

Where is the code that uses: activity_number_page_three.xml ?

Starting with the code in the MainActivity, what is the sequence of events that should cause activity_number_page_three.xml  layout to be loaded?

[mohana krishna]

Hi  Norm Radder ,
Thanks for your help, now i got the issue.
After changing the following line with correct layout file name its working fine.

        setContentView(R.layout.activity_number_page_three);

Earlier i referred the wrong layout file here.
Thanks once again for your help.

[Norm Radder]

You are welcome.  I am glad you found it.