在具有特定设计的 EditText 中放置标签

Question

我需要为 Android 重写一个 iOS 应用程序。布局应该看起来很像，但我正在努力解决这个问题：

我想在 EditText 的左侧添加一个标签。它应该留在那里，不要让 EditText 文本覆盖标签：

我试过在 Android Studio 中使用界面生成器，如下所示：

问题是 EditText 的文本没有隐藏在标签后面。有什么想法吗？

编辑： 由于我的问题不清楚：

我想要一个 EditText 中的标签。它应该贴在左边，并且与 EditText 的输入有一个边距。

Answer 1

尝试在您的 xml 中使用以下代码并检查，这将使您的标签文本与用户可以输入密码的密码字段对齐。

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/editbox_background"
            android:layout_margin="@dimen/padding_medium">

        <TextView
                android:id="@+id/label"
                android:layout_width="0dp"
                android:layout_height="0dp"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toBottomOf="parent"
                android:text="Password"
                android:layout_marginTop="@dimen/padding_medium"
                android:gravity="center_vertical"
                android:paddingLeft="@dimen/padding_xsmall"
                android:textSize="22sp"
                android:textColor="@android:color/holo_red_dark"
                app:layout_constraintHeight_default="wrap"
                android:paddingStart="@dimen/padding_xsmall"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintWidth_default="wrap"/>

            <com.google.android.material.textfield.TextInputEditText
                    android:layout_width="0dp"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintLeft_toRightOf="@id/label"
                    app:layout_constraintRight_toRightOf="parent"
                    android:layout_marginStart="4dp"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="4dp"
                    android:background="@null"
                    android:padding="4dp"
                    android:imeOptions="actionNext"
                    android:lines="1"
                    android:inputType="textPassword"/>
    </androidx.constraintlayout.widget.ConstraintLayout>

注意：我在使用新的 material 设计库时使用了 androidx 控件。如果您正在使用支持库，则需要将它们替换为支持库中的控件。

在具有特定设计的 EditText 中放置标签

Placing a label in an EditText with specific design

android

textview

android-edittext