In Android, some cell phones work the graphical interface perfectly, and other cell phones do not the same graphical interface. For what reason?

Question

I'm developing a code on Android, and testing it on two cell phones of different brands. Sorry these screens are not in English language, okay? You can see that in the screenshot below, it's from a mobile phone brand A. It's showing the GUI without any problem.

In the screenshot below, it's from a brand of cellphone B. And it's showing the SAME Graphical Interface with problems:

Code:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/corDeFundo">

    <TextView
        android:id="@+id/textoDosSintomas1"
        android:layout_width="match_parent"
        android:layout_height="230dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="0dp"
        android:layout_marginBottom="501dp"
        android:text="@string/textodossintomas"
        android:textColor="@color/corPreta"
        android:textSize="20sp"
        android:textStyle="bold" />

    <CheckBox
        android:id="@+id/doresNoCorpo"
        android:layout_width="204dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textoDosSintomas1"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="-450dp"
        android:layout_marginEnd="111dp"
        android:text="@string/doresNoCorpo"
        android:textColor="@color/corPreta"
        android:textSize="20sp"
        android:textStyle="bold" />

    <CheckBox
        android:id="@+id/perdaDePaladarOuOlfato"
        android:layout_width="363dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/doresNoCorpo"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="43dp"
        android:layout_marginEnd="-48dp"
        android:text="@string/perdaDePaladarOuOlfato"
        android:textColor="@color/corPreta"
        android:textSize="20sp"
        android:textStyle="bold" />

    <CheckBox
        android:id="@+id/dorDeCabeca"
        android:layout_width="204dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/perdaDePaladarOuOlfato"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="38dp"
        android:layout_marginEnd="113dp"
        android:text="@string/dorDeCabeca"
        android:textColor="@color/corPreta"
        android:textSize="20sp"
        android:textStyle="bold" />

    <CheckBox
        android:id="@+id/diarreia"
        android:layout_width="121dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/dorDeCabeca"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="39dp"
        android:layout_marginEnd="196dp"
        android:text="@string/diarreia"
        android:textColor="@color/corPreta"
        android:textSize="20sp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/botaoPaginaAnterior2"
        android:layout_width="147dp"
        android:layout_height="62dp"
        android:layout_below="@+id/diarreia"
        android:layout_alignParentStart="true"
        android:layout_alignParentEnd="true"
        android:layout_marginStart="35dp"
        android:layout_marginTop="70dp"
        android:layout_marginEnd="229dp"
        android:foreground="@drawable/seta_esquerda"
        android:text="Button" />

    <Button
        android:id="@+id/botaoProximo2"
        android:layout_width="106dp"
        android:layout_height="65dp"
        android:layout_below="@+id/diarreia"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="68dp"
        android:layout_marginEnd="56dp"
        android:foreground="@drawable/seta_direita"
        android:text="Button" />

</RelativeLayout>

In the following screenshot of mobile brand A, it is showing the Graphical Interface without any problems:

In the following screenshot of mobile brand B, it is showing the SAME Graphical Interface with problems:

Please what can I do to fix it? Maybe it's not a problem with XML, as on mobile brand A, the GUI is working without any problems.

Is there any programming code that facilitates Responsiveness (ie adapting to different screen sizes) on Android please?

Answer 1

I cannot see your xml so I'm going to assume you set

android:layout_width="xdp"

So you can change it to

 android:layout_width="match_parent"

If this is not the case please edit your question and add your xml