登录用户的edittext高级点的样式

先写个圆角的背景

<code class="language-xml hljs  has-numbering"> <span class="hljs-comment"><!-- 形状 --></span><span class="hljs-tag"><<span class="hljs-title">shape</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>    <span class="hljs-attribute">android:shape</span>=<span class="hljs-value">"rectangle"</span> ></span>    <span class="hljs-tag"><<span class="hljs-title">solid</span> <span class="hljs-attribute">android:color</span>=<span class="hljs-value">"#ffffff"</span> /></span>    <span class="hljs-comment"><!-- 边框 --></span>    <span class="hljs-tag"><<span class="hljs-title">stroke</span>        <span class="hljs-attribute">android:width</span>=<span class="hljs-value">"1dip"</span>        <span class="hljs-attribute">android:color</span>=<span class="hljs-value">"#ffffff"</span> /></span>    <span class="hljs-comment"><!-- 内填充颜色 --></span>    <span class="hljs-tag"><<span class="hljs-title">padding</span>        <span class="hljs-attribute">android:bottom</span>=<span class="hljs-value">"10dp"</span>        <span class="hljs-attribute">android:left</span>=<span class="hljs-value">"10dp"</span>        <span class="hljs-attribute">android:right</span>=<span class="hljs-value">"10dp"</span>        <span class="hljs-attribute">android:top</span>=<span class="hljs-value">"10dp"</span> /></span>    <span class="hljs-comment"><!-- 圆角 --></span>    <span class="hljs-tag"><<span class="hljs-title">corners</span> <span class="hljs-attribute">android:radius</span>=<span class="hljs-value">"6dp"</span> /></span><span class="hljs-tag"></<span class="hljs-title">shape</span>></span></code>

然后再使用background属性就行

<code class="language-xml hljs  has-numbering">android:background="@drawable/shape_wihte_frame"</code>

紧接着我们要看布局使用edittext

手机号”、“密码”后面的竖线

<code class="language-xml hljs  has-numbering"> <span class="hljs-tag"><<span class="hljs-title">View</span>                <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/view1"</span>                <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"1dip"</span>                <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"fill_parent"</span>                <span class="hljs-attribute">android:layout_centerVertical</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_gravity</span>=<span class="hljs-value">"center_horizontal"</span>                <span class="hljs-attribute">android:layout_marginLeft</span>=<span class="hljs-value">"2dp"</span>                <span class="hljs-attribute">android:layout_marginRight</span>=<span class="hljs-value">"2dp"</span>                <span class="hljs-attribute">android:layout_toRightOf</span>=<span class="hljs-value">"@+id/textView1"</span>                <span class="hljs-attribute">android:background</span>=<span class="hljs-value">"#EEEFFF"</span> />接下来就是我们的 重点布局</span></code><h3 id="3如何嵌套输入框的布局">嵌套输入框的布局</h3><pre class="prettyprint" name="code"><code class="language-xml hljs  has-numbering"> <span class="hljs-tag"><<span class="hljs-title">RelativeLayout</span>            <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"fill_parent"</span>            <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"fill_parent"</span>            <span class="hljs-attribute">android:layout_alignParentTop</span>=<span class="hljs-value">"true"</span>            <span class="hljs-attribute">android:layout_centerHorizontal</span>=<span class="hljs-value">"true"</span>            <span class="hljs-attribute">android:background</span>=<span class="hljs-value">"@drawable/shape_wihte_frame"</span> ></span>            <span class="hljs-tag"><<span class="hljs-title">TextView</span>                <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/textView1"</span>                <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"40dp"</span>                <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"wrap_content"</span>                <span class="hljs-attribute">android:layout_alignParentLeft</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_centerVertical</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:lines</span>=<span class="hljs-value">"1"</span>                <span class="hljs-attribute">android:padding</span>=<span class="hljs-value">"1dp"</span>                <span class="hljs-attribute">android:text</span>=<span class="hljs-value">"手机号"</span>                <span class="hljs-attribute">android:textSize</span>=<span class="hljs-value">"11sp"</span> /></span>            <span class="hljs-tag"><<span class="hljs-title">View</span>                <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/view1"</span>                <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"1dip"</span>                <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"fill_parent"</span>                <span class="hljs-attribute">android:layout_centerVertical</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_gravity</span>=<span class="hljs-value">"center_horizontal"</span>                <span class="hljs-attribute">android:layout_marginLeft</span>=<span class="hljs-value">"2dp"</span>                <span class="hljs-attribute">android:layout_marginRight</span>=<span class="hljs-value">"2dp"</span>                <span class="hljs-attribute">android:layout_toRightOf</span>=<span class="hljs-value">"@+id/textView1"</span>                <span class="hljs-attribute">android:background</span>=<span class="hljs-value">"#EEEFFF"</span> /></span>            <span class="hljs-tag"><<span class="hljs-title">EditText</span>                <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/phonenumber"</span>                <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"wrap_content"</span>                <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"40dp"</span>                <span class="hljs-attribute">android:layout_centerVertical</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_marginLeft</span>=<span class="hljs-value">"2dp"</span>                <span class="hljs-attribute">android:layout_toRightOf</span>=<span class="hljs-value">"@+id/view1"</span>                <span class="hljs-attribute">android:background</span>=<span class="hljs-value">"@drawable/transparent"</span>                <span class="hljs-attribute">android:ems</span>=<span class="hljs-value">"19"</span>                <span class="hljs-attribute">android:hint</span>=<span class="hljs-value">"请输入手机号"</span>                <span class="hljs-attribute">android:inputType</span>=<span class="hljs-value">"phone"</span>                <span class="hljs-attribute">android:padding</span>=<span class="hljs-value">"1dp"</span>                <span class="hljs-attribute">android:textSize</span>=<span class="hljs-value">"12sp"</span> ></span>                <span class="hljs-tag"><<span class="hljs-title">requestFocus</span> /></span>            <span class="hljs-tag"></<span class="hljs-title">EditText</span>></span>            <span class="hljs-tag"><<span class="hljs-title">ImageView</span>                <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/del_phonenumber"</span>                <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"20dp"</span>                <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"20dp"</span>                <span class="hljs-attribute">android:layout_alignParentRight</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_centerVertical</span>=<span class="hljs-value">"true"</span>                <span class="hljs-attribute">android:layout_marginRight</span>=<span class="hljs-value">"3dp"</span>                <span class="hljs-attribute">android:src</span>=<span class="hljs-value">"@drawable/text_del"</span>                <span class="hljs-attribute">android:visibility</span>=<span class="hljs-value">"invisible"</span> /></span>        <span class="hljs-tag"></<span class="hljs-title">RelativeLayout</span>></span></code>

监听输入框的输入事件及删除按钮的动态显示隐藏

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">EditTextClearTools</span> {</span>    <span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">addclerListener</span>(<span class="hljs-keyword">final</span> EditText e1, <span class="hljs-keyword">final</span> ImageView m1) {        e1.addTextChangedListener(<span class="hljs-keyword">new</span> TextWatcher() {            <span class="hljs-annotation">@Override</span>            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onTextChanged</span>(CharSequence s, <span class="hljs-keyword">int</span> start, <span class="hljs-keyword">int</span> before,                    <span class="hljs-keyword">int</span> count) {                <span class="hljs-comment">// TODO Auto-generated method stub</span>            }            <span class="hljs-annotation">@Override</span>            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">beforeTextChanged</span>(CharSequence s, <span class="hljs-keyword">int</span> start, <span class="hljs-keyword">int</span> count,                    <span class="hljs-keyword">int</span> after) {                <span class="hljs-comment">// TODO Auto-generated method stub</span>            }            <span class="hljs-annotation">@Override</span>            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">afterTextChanged</span>(Editable s) {                <span class="hljs-comment">// TODO Auto-generated method stub</span>                <span class="hljs-comment">// 监听如果输入串长度大于0那么就显示clear按钮。</span>                String s1 = s + <span class="hljs-string">""</span>;                <span class="hljs-keyword">if</span> (s.length() > <span class="hljs-number">0</span>) {                    m1.setVisibility(View.VISIBLE);                } <span class="hljs-keyword">else</span> {                    m1.setVisibility(View.INVISIBLE);                }            }        });        m1.setOnClickListener(<span class="hljs-keyword">new</span> OnClickListener() {            <span class="hljs-annotation">@Override</span>            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {                <span class="hljs-comment">// TODO Auto-generated method stub</span>                <span class="hljs-comment">// 清空输入框</span>                e1.setText(<span class="hljs-string">""</span>);            }        });    }}</code>

主要activity写法

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">MainActivity</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Activity</span> {</span>    EditText e1, e2;    ImageView m1, m2;    <span class="hljs-annotation">@Override</span>    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) {        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_user_login);        init();    }    <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">init</span>() {        <span class="hljs-comment">// TODO Auto-generated method stub</span>        e1 = (EditText) findViewById(R.id.phonenumber);        e2 = (EditText) findViewById(R.id.password);        m1 = (ImageView) findViewById(R.id.del_phonenumber);        m2 = (ImageView) findViewById(R.id.del_password);        <span class="hljs-comment">// 添加清楚监听器大气</span>        EditTextClearTools.addclerListener(e1, m1);        EditTextClearTools.addclerListener(e2, m2);    }}</code>