Я новичок в студии android Я только начал изучать ее неделю назад, я пытаюсь сделать 2048, чтобы попрактиковаться в студии android. Я пытался создать пользовательский интерфейс, я использую framelayout, и в этом случае я использую 16 (4x4) framelayout, чтобы использовать их как сетки для отображения в студии android, пользовательский интерфейс можно увидеть, но когда я запускаю приложение на мобильном телефоне У меня не тот пользовательский интерфейс, как ожидалось. пожалуйста, помогите мне
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.lol.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/text_view_p1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:freezesText="true"
android:text="Player 1: 0"
android:textSize="30sp" />
<TextView
android:id="@+id/text_view_p2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/text_view_p1"
android:freezesText="true"
android:text="Player 2: 0"
android:textSize="30sp" />
<Button
android:id="@+id/button_reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginEnd="33dp"
android:text="reset"
android:layout_alignParentRight="true"
android:layout_marginRight="33dp" />
</RelativeLayout>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- first row-->
<FrameLayout
android:layout_width="400dp"
android:layout_height="400dp"
android:layout_gravity="center_horizontal|center_vertical"
android:background="#FFEB3B">
<FrameLayout
android:id="@+id/T_00"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="5dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_01"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="105dp"
android:layout_marginTop="5dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_02"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="205dp"
android:layout_marginTop="5dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_03"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="305dp"
android:layout_marginTop="5dp"
android:background="@drawable/mybutton" />
<!-- second row-->
<FrameLayout
android:id="@+id/T_10"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="105dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_11"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="105dp"
android:layout_marginTop="105dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_12"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="205dp"
android:layout_marginTop="105dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_13"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="305dp"
android:layout_marginTop="105dp"
android:background="@drawable/mybutton" />
<!-- third row-->
<FrameLayout
android:id="@+id/T_20"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="205dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_21"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="105dp"
android:layout_marginTop="205dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_22"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="205dp"
android:layout_marginTop="205dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_23"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="305dp"
android:layout_marginTop="205dp"
android:background="@drawable/mybutton" />
<!-- fourth row-->
<FrameLayout
android:id="@+id/T_30"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="5dp"
android:layout_marginTop="305dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_31"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="105dp"
android:layout_marginTop="305dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_32"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="205dp"
android:layout_marginTop="305dp"
android:background="@drawable/mybutton" />
<FrameLayout
android:id="@+id/T_33"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginLeft="305dp"
android:layout_marginTop="305dp"
android:background="@drawable/mybutton" />
</FrameLayout>
</FrameLayout>
</LinearLayout>
в дизайне я получаю как
but i in mobile i am getting as below
введите описание изображения здесь
кто-нибудь может мне помочь.