Как я могу отображать мои кнопки и изображения в том же размере, что и в Androidroid?

Question

Я пытался решить эту проблему почти 4 часа.Также в моем предыдущем приложении у меня была такая же проблема.Я создал фон на canva.com с разрешением 720X1280.и я проектирую в андроид студии с таким же разрешением.Также я использую эмулятор с размером экрана 720x1280.Тем не менее, мое приложение выглядит так.Я также попытался добавить эту фотографию (фон) как imageview.Как правильно отобразить свое приложение на разных устройствах, даже если они имеют разное разрешение.Это моя большая проблема в дизайне.Заранее спасибо

Так выглядит мое приложение на эмуляторе

Вот мой XML-код

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal"
        android:weightSum="3">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/bck2"
            android:orientation="vertical" >

            <Button
                android:id="@+id/buttonlog"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="480dp"
                android:text="Button" />

            <Button
                android:id="@+id/buttonreg"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="40dp"
                android:text="Button" />
        </LinearLayout>
    </LinearLayout>

Answer 1

  <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bck2"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical" >

        <Button
            android:id="@+id/buttonlog"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="480dp"
            android:background="@drawable/yourfilenamefor button1"
            android:text="Button" />

        <Button
            android:id="@+id/buttonreg"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/yourfilenamefor button2"
            android:layout_marginTop="40dp"
            android:text="Button" />
    </LinearLayout>
</LinearLayout>

Это xml-файл, который вам нужно изменить

1.Вы должны создать новый xml-файл в папке для рисования, который будет связан с вашим файлом кнопки 1, и то же самое вы будете делать длякнопка 2.

2.После того, как фон, который вы создали "bck2", вы можете удалить изображения кнопок, потому что вы уже создали изображения кнопок на шаге 1.

3. Теперь, если хотитеваше приложение должно поддерживать все размеры экрана, тогда вы должны указать правильные параметры, для которых вы можете использовать "layout_margin, align, padding и многое другое, чтобы узнать больше, вы можете обратиться к этой ссылке
https://developer.android.com/training/multiscreen/screensizes