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