700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Andriod Studio EditText 输入框 美化

Andriod Studio EditText 输入框 美化

时间:2020-09-01 10:48:24

相关推荐

Andriod Studio  EditText 输入框 美化

对输入框实现以下美化:

该显示的结构为 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"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。