哪个是构建复杂的android应用程序时使用的最佳布局技术? [关闭]

问题描述 投票:0回答:2

我已经尝试过约束,线性和相对布局,无论我做什么以及如何做,都是一团糟。例如,在设计视图上看起来不错,然后在仿真器上跳转或缺少一半。到目前为止,已经尝试过使用准则进行约束布局,但是这弄乱了我的协调器布局。我对此进行了大量研究,但似乎仍然无济于事。

编辑:

例如:This is the layout in design viewAnd here is the chaotic layout on emulator

这里是代码

<?xml version="1.0" encoding="utf-8"?> 
<androidx.coordinatorlayout.widget.CoordinatorLayout 
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"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
tools:context=".Activities.LoginActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
 android:id="@+id/login_title"
 android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="48dp"
        android:layout_marginTop="27dp"
        android:layout_marginBottom="39dp"
        android:fontFamily="monospace"
        android:text="@string/log_in"
        android:textColor="@color/myWhite"
        android:textColorHint="@color/colorPrimaryDark"
        android:textSize="55sp" />

    <!-- Email text input-->
<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textInputLayout"
    style="@style/TextInputLayoutAppearance"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="45dp"
    android:layout_marginTop="150dp"
    android:layout_marginEnd="17dp"
    android:hint="Email"
    android:textSize="23sp"
    app:boxStrokeColor="@color/colorPrimary"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="@+id/loginactivity_btn">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/loginemail_edittext"
        android:layout_width="328dp"
        android:layout_height="wrap_content"
        android:hint="@string/email"
        android:textColor="@color/colorPrimaryDark" />
</com.google.android.material.textfield.TextInputLayout>

<!-- Password text input-->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/textInputLayout2"
        style="@style/TextInputLayoutAppearance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="45dp"
        android:layout_marginTop="20dp"
        android:layout_marginEnd="17dp"
        android:hint="Password"
        android:textSize="23sp"
        app:boxStrokeColor="@color/colorPrimary"
        app:endIconMode="password_toggle"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/loginactivity_btn">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/loginpsw_edittext"
            android:layout_width="326dp"
            android:layout_height="wrap_content"
            android:hint="@string/password"
            android:inputType="textPassword"
            android:textColor="@color/colorPrimaryDark" />
    </com.google.android.material.textfield.TextInputLayout>


    <Button
        android:id="@+id/loginactivity_btn"
        android:layout_width="260dp"
        android:layout_height="85dp"
        android:layout_marginStart="80dp"
        android:layout_marginTop="56dp"

        android:background="@drawable/my_whitebutton"
        android:text="@string/log_in_caps"
        android:textColor="@color/myWhite"
        android:textSize="24sp" />

    <CheckBox
        android:id="@+id/rmbr_checkBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="45dp"
        android:layout_marginTop="16dp"
        android:text="@string/remember_me"
        android:textColor="#FFC30B" />


</LinearLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>
android android-studio android-layout android-linearlayout android-constraintlayout
2个回答
0
投票

请勿使用android:layout_width="328dp",请使用match_parent,如果连续有多个项目,请改为使用layout_weight进行设置。试试看,希望您的问题得到解决。


0
投票

LinearLayout中不要使用CoordinatorLayout,请使用其中之一,因为您使用了CoordinatorLayout属性:

app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/loginactivity_btn">

LinearLayout中,这就是您的布局混乱的原因

© www.soinside.com 2019 - 2024. All rights reserved.