Android界面圆角输入框实现

最终效果如上图。

main.xml:

从上面布局文件可以看到，用到了rounded_outer 和 rounded_text 这两个XML文件。

rounded_outer.xml:

rounded_text.xml:

rounded_outer.xml 使整个布局为圆角的，当然它还有描边、填充色等属性设置。

rounded_text.xml 使圆角里面的文本框为圆角，与rounded_outer.xml的圆角匹配，在这两个xml文件中都设置圆角为5dp。

如果不用rounded_text.xml文件的话，效果如下：

明显看出“密码”框显示的问题。

在main.xml布局代码中有如下view:

            android:layout_height="1dp"        

            android:background="@color/light_grey" />
 它是用来分隔上下两个文本框的，若不加上这段代码，两个文本框之间就不会有一条连接的横线。

实现上述视图，用到的就是shape<形状控制>的使用，参看：android shape的使用。里面对于各属性介绍的很详细。