java - 如何设置元素在所有设备上保持原位

Question

我正在尝试在Android Studio中基于Java创建一个应用程序。我创建了一个登录表单并使用了RelativeLayout。该表单包含 2 个 EditText、1 个 Button 和 2 个 TextView。在设计器 View 上，它看起来完美匹配，但是当我在设备上安装应用程序时，没有任何元素位于其常规位置。例如，在 Android Studio 的设计器上，我可以看到两个 EditText，但将其安装到我的设备后，用户名 EditText 消失了。所以我的问题是如何管理所有元素在所有设备上都位于正确的位置。

谢谢!

Answer 1

您可以使用此模板来使用登录表单。您还可以使用约束布局。

             <?xml version="1.0" encoding="utf-8"?>
         <androidx.coordinatorlayout.widget.CoordinatorLayout 
         xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:app="http://schemas.android.com/apk/res-auto">


        <androidx.core.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/nestedScrollView"
            android:fillViewport="true"
            app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:padding="@dimen/base_padding"
                android:background="@color/colorWhite"
                android:gravity="center_vertical|center_horizontal">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:padding="@dimen/base_padding">

                    <EditText
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:id="@+id/etUserName"
                        android:hint="user name"
                        android:background="@drawable/et_bg_grey"
                        android:paddingLeft="@dimen/base_padding"
                        android:paddingRight="@dimen/base_padding"
                        android:paddingTop="13dp"
                        android:paddingBottom="13dp"
                        android:layout_marginTop="50dp"
                        android:inputType="text"
                        android:imeOptions="actionNext"/>

                    <EditText
                        android:id="@+id/etPassword"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/base_padding"
                        android:background="@drawable/et_bg_grey"
                        android:hint="password"
                        android:paddingLeft="@dimen/base_padding"
                        android:paddingRight="@dimen/base_padding"
                        android:paddingBottom="13dp"
                        android:paddingTop="13dp"
                        android:inputType="numberPassword"
                        android:imeOptions="actionDone"/>


                    <LinearLayout
                        android:orientation="vertical"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                        <LinearLayout
                            android:id="@+id/llProgressbar"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="30dp"
                            android:background="@drawable/btn_bg_brand"
                            android:orientation="vertical"
                            android:visibility="gone">

                            <ProgressBar
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:indeterminate="true"
                                android:indeterminateTint="@color/white"
                                android:indeterminateTintMode="src_atop" />

                        </LinearLayout>

                        <Button
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:id="@+id/btnLogin"
                            android:background="@drawable/btn_bg_brand"
                            android:text="Login"
                            android:textColor="@color/colorWhite"
                            android:textAllCaps="false"
                            android:layout_marginTop="30dp"
                            android:stateListAnimator="@null"/>
                    </LinearLayout>



                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:id="@+id/btnForgotPassword"
                        android:background="@android:color/transparent"
                        android:text="Forgot Password?"
                        android:textColor="@color/colorBlack"
                        android:textAllCaps="false"
                        android:layout_marginTop="@dimen/base_padding_small"/>



                </LinearLayout>

            </LinearLayout>

            </androidx.core.widget.NestedScrollView>

          </androidx.coordinatorlayout.widget.CoordinatorLayout>