根据物料设计单据创建文本字段框

Question

TextField框材质设计截图

我也附上链接，有材料设计指导方针，如果图像不够清晰。我只需要创建一个文本字段框，但我想不通。这里是材料设计指南页面的链接

https://material.io/guidelines/components/text-fields.html#text-fields-text-fields-boxs

还附加了我要创建的文本字段的xml代码。

<android.support.design.widget.TextInputLayout
                    android:id="@+id/firstNameTextInputLayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp">

                        <android.support.design.widget.TextInputEditText
                            android:id="@+id/firstNameTextInputEditText"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:hint="@string/firstName"
                            android:inputType="textPersonName"
                            tools:ignore="MissingPrefix" />

                </android.support.design.widget.TextInputLayout>

提前道谢。好心的帮助。

Answer 1

欢迎您在GitHub上使用我的库：

https://github.com/hitgif/textfieldboxs

请注意，它需要Android 4.0.3 IceCreamSandwich（API lv 15）或更高版本。

首先在项目中添加依赖项：

对于Gradle：

allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
    }
}

dependencies {
    compile 'com.github.HITGIF:TextFieldBoxes:1.3.9'
}

有关其他构建工具和说明，请参阅Github repo：readme.md

...
<studio.carbonylgroup.textfieldboxes.TextFieldBoxes
    android:id="@+id/text_field_boxes"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:labelText="Label">

    <studio.carbonylgroup.textfieldboxes.ExtendedEditText
        android:id="@+id/extended_edit_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</studio.carbonylgroup.textfieldboxes.TextFieldBoxes>
...