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来得到点亮效果


posted @ 2018-11-12 09:46  不在厨房  阅读(285)  评论(0编辑  收藏  举报