EditText以及登录UI实现

EditText是可以输入的文本框

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp">

    <EditText
        android:id="@+id/et_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textColor="#0099FF"
        android:textSize="20sp"
        android:hint="用户名"  --输入框内容为空时的提示文字
        android:paddingLeft="10dp"
        android:background="@drawable/bg_username"
        android:inputType="number" --只允许输入数字，吊起数字键盘
        android:drawableLeft="@drawable/user" 

        android:drawablePadding="10dp"
        android:layout_marginTop="50dp"/>
    <EditText
        android:id="@+id/et_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textColor="#0099FF"
        android:textSize="20sp"
        android:layout_below="@+id/et_1"
        android:hint="密码"
        android:paddingLeft="10dp"
        android:background="@drawable/bg_username"
        android:inputType="textPassword" --密文显示
        android:layout_marginTop="15dp"
        android:drawableLeft="@drawable/password"
        android:drawablePadding="10dp"/>

    <Button
        android:id="@+id/login_bt"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:text="登录"
        android:textSize="20sp"
        android:background="@drawable/bg_btn4"
        android:layout_below="@id/et_2"
        android:layout_marginTop="30dp"/>
</RelativeLayout>

--------------------------------------------

android:drawableLeft  在这个edittext靠左边加drawable，比如图标

android:drawablePadding  edittext中文字和图片的间距

--------------------------------------------

 实现用户名和密码不为空时，按钮点亮，否则置灰不可点击

userText.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {

    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {

    }

    @Override
    public void afterTextChanged(Editable s) {
 if(userText.length()!=0 && pwText.length()!=0){
            loginButton.setBackgroundResource(R.drawable.bg_btn2_after);
            loginButton.setClickable(true);
        }
        else {
            loginButton.setBackgroundResource(R.drawable.bg_btn2);
            loginButton.setClickable(false);
        }
    }
});

用户名和密码框都加入监听，通过设置不同的drawable来得到点亮效果

转载于:https://www.cnblogs.com/AppTester/p/9910134.html