android - 如何创建一个 "type along"风格的界面？

Question

我说的是这样的:

图片只是一个例子，我只是需要用户一个字母一个字母地输入某个文本。

---

我尝试在 EditText 上叠加一个 TextView，但它看起来真的很难看:

我的下一次尝试是使用 Spannables 使用 TextWatcher 将每个字母后的覆盖文本变为相同的颜色，如建议的那样 How can I change the color of a part of a TextView?

---

但即使使用 Spannable 类，它也不能完美匹配，我必须尝试使用​​ TextView 填充以使其与 EditText 对齐。

有更好的方法吗？

Answer 1

当您尝试在 EditText 上叠加 TextView 时，您走在了正确的轨道上。但是，这两个 View 不具有完全相同的属性，实际上它们没有正确重叠。

一个简单的解决方案是叠加两个 EditText 并禁用一个:

<EditText
    android:id="@+id/hint"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/lorem_ipsum"
    android:enabled="false"
    android:background="@null"/>

<EditText
    android:id="@+id/tap_here"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@null"/>

得到的结果如下:

请注意，添加 android:background="@null" 会隐藏 EditText 的底部栏。

希望能帮到你!