对输入框实现以下美化:
该显示的结构为 LinearLayout 内部加一个 EditText ,图中外部轮廓是LinearLayout 的样式。
LinearLayout 部分:
在要操作页面的 Design 页面添加一个大小合适的 LinearLayoutres>values>styles.xml 中添加一个style:<style name="InputBoxStyle"><item name="android:layout_centerHorizontal">true</item><item name="android:layout_marginLeft">18dp</item><item name="android:layout_marginRight">18dp</item><item name="android:background">@drawable/border_input_box</item><item name="android:gravity">center</item><item name="android:orientation">horizontal</item></style>
在 res>drawable 中添加一个border_input_box.xml,代码:
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="/apk/res/android"><solid android:color="#FFFFFF" /><cornersandroid:bottomLeftRadius="5dp"android:bottomRightRadius="5dp"android:topLeftRadius="5dp"android:topRightRadius="5dp" /><strokeandroid:width="1dp"android:color="@color/border_color" /></shape>
在 LinearLayout 的xml文件中加个这个:应用该风格
style="@style/InputBoxStyle"
至此,LinearLayout 部分完成
EditText部分:
在之前添加的 LinearLayout 中拖入一个EditText(Plain Text)
res>values>styles.xml 中添加一个style:
<style name="EditTextStyle"><item name="android:layout_marginTop">5dp</item><item name="android:layout_marginRight">10dp</item><item name="android:layout_marginBottom">5dp</item><item name="android:layout_marginLeft">10dp</item><item name="android:background">@null</item></style>
在EditText的xml文件中加一句如下,对该风格进行应用:
style="@style/EditTextStyle"