向Android XML视图添加填充或缓冲区

时间:2017-10-11 14:30:40

标签: android android-xml styling

我有以下Android Activity

enter image description here

正如您所看到的,EditText视图需要降低几个像素才能显示整个文本(不会被切断)。以下是此活动的XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.example.myuser.myapp.O1LoginActivity">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Opponent 1 Login"
        android:textSize="18sp"
        tools:layout_editor_absoluteY="1dp"
        android:layout_marginLeft="16dp"
        layout_constraintLeft_toLeftOf="parent"
        layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView6"
        android:layout_width="55dp"
        android:layout_height="17dp"
        android:layout_marginLeft="16dp"
        android:text="Username:"
        android:textSize="14sp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <EditText
        android:id="@+id/o1.username"
        android:layout_width="219dp"
        android:layout_height="31dp"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView6" />

    <TextView
        android:id="@+id/textView10"
        android:layout_width="55dp"
        android:layout_height="17dp"
        android:layout_marginLeft="16dp"
        android:text="Password:"
        android:textSize="14sp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/o1.username" />

    <EditText
        android:id="@+id/o1.password"
        android:layout_width="219dp"
        android:layout_height="31dp"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView10" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="7dp"
        android:onClick="toO2Login"
        android:text="Next >>"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent" />

</android.support.constraint.ConstraintLayout>

我真的更喜欢保留现有的约束(layout_constraintLeft_toLeftOflayout_constraintTop_toBottomOf等),因为我希望每个后续视图都显示为左对齐并位于上一个视图下方/部件。我只想在我的EditText个实例的顶部添加缓冲区/边距,以便文本(输入时)不会被截断。 有什么想法吗?

1 个答案:

答案 0 :(得分:3)

正如@Mohamed_AbdAllah在您的问题下面的评论中所提到的,您为视图指定的高度太小于文本大小。将其更改为wrap_content,如下所示,它应该是好的。

<TextView
    android:id="@+id/textView6"
    android:layout_width="55dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="16dp"
    android:text="Username:"
    android:textSize="14sp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView2" />

<EditText
    android:id="@+id/o1.username"
    android:layout_width="219dp"
    android:layout_height="wrap_content"
    android:ems="10"
    android:inputType="textPersonName"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView6" />