根据Material Design文档创建文本字段框

Question

我一直在尝试创建材料设计指南中提到的文本字段框。我无法弄清楚如何实现这一目标。这就是我想要实现的目标。

TextField Box Material Design Screenshot

如果图像不够清晰，我还附上了具有材料设计指南的链接。我只需要创建一个文本字段框，但我无法弄明白。这是材料设计指南页面

的链接

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

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

rdd1 = sc.textFile('/databricks-datasets/flights')
rdd2 = rdd1.flatMap(lambda x: x.split(",")).map(lambda x: (x,1)).reduceByKey(lambda x,y:x+y,8).sortByKey(ascending=False).take(5)

提前致谢。请帮助。

Answer 1

欢迎您在Github上使用我的图书馆：

https://github.com/HITGIF/TextFieldBoxes

请注意，它需要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'
}

对于其他构建工具＆amp;说明，请参阅Github回购： 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>
...

有关更多信息和用法，请参阅上面的Github repo。

Answer 2

我不知道它是否可以提供帮助，但我目前使用的是这样的抽象（我把它命名为test.xml）=＆gt;

'one', 'two' | ./foo

然后我将这个drawable附加到我的textView或我的TextInputLayout，背景属性如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#767676" />
            <padding
                android:bottom="2dp" />
            <corners android:radius="4dp"/>
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
            <corners android:topLeftRadius="4dp"
                android:topRightRadius="4dp"/>
        </shape>
    </item>
</layer-list>