Как сделать элементы стабильными в эмуляторах дифференциалов в андроид студии? - PullRequest
0 голосов
/ 25 сентября 2018

Вот форма, которую я сделал в XML:

xml

Вот вывод, когда я запускаю его на эмуляторе:

output

Кто-нибудь знает, как сделать так, чтобы эмулятор имел тот же стиль, что и страница XML?

Я использую эмулятор nexus 6, и это мой код XML, который я добавил в поддержку манифестаЭлемент, но у меня все еще есть проблема

<?xml version="1.0" encoding="utf-8"?>


<RelativeLayout 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=".signupActivity"
    android:background="@color/white">

    <EditText
        android:id="@+id/input_name"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="138dp"
        android:backgroundTint="#D3D3D3"
        android:fontFamily="sans-serif"
        android:hint="Name"
        android:textColor="#7c7a7a"
        android:textColorHint="#A9A9A9" />
<!-- email text field -->

    <EditText
        android:id="@+id/input_email"
        android:layout_width="306dp"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="201dp"
        android:backgroundTint="#D3D3D3"
        android:fontFamily="sans-serif"
        android:hint="Email"
        android:inputType="textEmailAddress"
        android:textColor="#7c7a7a"
        android:textColorHint="#A9A9A9" />

<!-- phone text field -->
    <EditText
        android:id="@+id/phoneNO"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="141dp"
        android:backgroundTint="#D3D3D3"
        android:fontFamily="sans-serif"
        android:hint="phone number"
        android:inputType="phone"
        android:textColor="#7c7a7a"
        android:textColorHint="#A9A9A9" />


    <EditText
        android:id="@+id/input_password"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:backgroundTint="#D3D3D3"
        android:fontFamily="sans-serif"
        android:hint="Password"
        android:inputType="textPassword"
        android:textColor="#7c7a7a"
        android:textColorHint="#A9A9A9" />
<!-- login block -->
    <TextView
        android:id="@+id/link_login"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_marginBottom="22dp"
        android:layout_weight="1"
        android:gravity="center"
        android:text="Already a member? Login"
        android:textColor="#6F73FF"
        android:textSize="16dip" />

<!-- password text field -->
    <EditText
        android:id="@+id/input_password2"
        android:layout_width="302dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="202dp"
        android:backgroundTint="#D3D3D3"
        android:fontFamily="sans-serif"
        android:hint="confirm password"
        android:inputType="textPassword"
        android:textColor="#7c7a7a"
        android:textColorHint="#A9A9A9" />


    <!-- Signup Button -->

    <Button
        android:id="@+id/btn_signup"
        android:layout_width="320dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="64dp"
        android:background="@drawable/edit_rouded"
        android:fontFamily="sans-serif"
        android:padding="12dp"
        android:text="Create Account" />


    <ProgressBar
        android:id="@+id/progressbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:visibility="gone" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="match_parent"
        android:layout_height="73dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:background="#6F73FF"
        android:textAlignment="center"
        android:textSize="18sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="19dp"
        android:text="Sign Up"
        android:textAlignment="center"
        android:textAllCaps="true"
        android:textColor="@color/white"
        android:textSize="24sp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="38dp"

        android:layout_alignBottom="@+id/phoneNO"
        android:layout_toStartOf="@+id/input_name"
        android:adjustViewBounds="false"
        android:src="@drawable/ic_call_black_24dp"
        tools:layout_editor_absoluteX="20dp"
        tools:layout_editor_absoluteY="267dp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="38dp"
        android:layout_alignTop="@+id/input_password2"
        android:layout_toStartOf="@+id/input_name"
        android:adjustViewBounds="false"
        android:src="@drawable/ic_lock_outline_black_24dp"
        tools:layout_editor_absoluteX="20dp"
        tools:layout_editor_absoluteY="267dp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="38dp"

        android:layout_alignTop="@+id/input_password"
        android:layout_toStartOf="@+id/input_name"
        android:adjustViewBounds="false"
        android:src="@drawable/ic_lock_outline_black_24dp"
        tools:layout_editor_absoluteX="20dp"
        tools:layout_editor_absoluteY="267dp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="43dp"
        android:layout_alignTop="@+id/input_email"
        android:layout_toStartOf="@+id/input_name"
        android:adjustViewBounds="false"
        android:src="@drawable/ic_mail_outline_black_24dp"
        tools:layout_editor_absoluteX="20dp"
        tools:layout_editor_absoluteY="267dp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="38dp"
        android:layout_alignBottom="@+id/input_name"
        android:layout_toStartOf="@+id/input_name"
        android:adjustViewBounds="false"
        android:src="@drawable/ic_perm_identity_black_24dp"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="267dp" />



</RelativeLayout>

Я изменил макет с абсолютного на относительный, но у меня все еще есть проблема

Спасибо.

1 Ответ

0 голосов
/ 25 сентября 2018

Вы настраиваете элементы, размещая поля.это не будет работать идеально на всех устройствах.Скорее, пожалуйста, используйте соответствующий макет и реализуйте дизайн

Пример: создайте линейный макет с вертикальной ориентацией и добавьте элементы.Это будет масштабироваться со всеми видами экранов.Кроме того, держите основной макет внутри прокрутки.это поможет на очень маленьких экранах

...