EditText
EditText和TextView十分的类似,它们共用了绝大部分的XML属性和方法,它们最大的区别在于:EditText可以接收用户输入。
(1)inputType
设置输入文本的类型,和HTML中input元素的type功能类似。
示例程序:登录界面
在这个程序将结合本节内容和之前学习内容一起开发一个简单的登录界面。
需要的图片可以去下载:阿里矢量图形库
登录UI界面(.XML文件)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
android:padding="15dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="3"
android:gravity="center"
android:orientation="vertical"
android:background="#FFC400">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/hot_air_balloon"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_marginTop="20dp"
android:text="一场说走就走的旅行!"
android:textSize="30sp"
android:textColor="#000000"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:layout_marginTop="40dp"
android:orientation="vertical">
<EditText
android:id="@+id/editUSerName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/edit_text_style"
android:drawableLeft="@drawable/user"
android:drawablePadding="5dp"
android:hint="账号/邮箱/手机号"
android:inputType="text"
android:maxLines="1"
android:textColor="#FF9800"
android:textSize="32sp" />
<EditText
android:id="@+id/editPassWorld"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:background="@drawable/edit_text_style"
android:drawableLeft="@drawable/password"
android:drawablePadding="5dp"
android:hint="密码"
android:inputType="textPassword"
android:maxLines="1"
android:textColor="#FF9800"
android:textSize="32sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:gravity="center"
android:orientation="horizontal">
<Button
android:id="@+id/buttonLogin"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="30dp"
android:layout_weight="1"
android:background="@drawable/button_four_style"
android:text="登录"
android:textColor="#FF9800"
android:textSize="25sp" />
<Button
android:id="@+id/buttonCancel"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="30dp"
android:layout_weight="1"
android:background="@drawable/button_four_style"
android:text="取消"
android:textColor="#FF9800"
android:textSize="25dp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
功能实现(.java文件)
package com.kong.viewtext;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
public class EditTextActivity extends AppCompatActivity {
private EditText m_UserName;
private EditText m_PassWorld;
private Button m_ButtonLogin;
private Button m_ButtonCancel;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_edit_text);
m_UserName=findViewById(R.id.editUSerName);
//添加文本变化监听器
m_UserName.addTextChangedListener(new EditTextChangedListener());
m_PassWorld=findViewById(R.id.editPassWorld);
m_ButtonLogin=findViewById(R.id.buttonLogin);
m_ButtonLogin.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String userName,passWorld;
userName=m_UserName.getText().toString().trim();
passWorld=m_PassWorld.getText().toString().trim();
if(userName.isEmpty()||passWorld.isEmpty())
{
Toast.makeText(EditTextActivity.this,"用户名或密码为空,请检查。",Toast.LENGTH_SHORT).show();
}
else
{
//如果登录成功就启动TextView活动
Intent intent=new Intent(EditTextActivity.this,TextViewActivity.class);
startActivity(intent);
}
}
});
m_ButtonCancel=findViewById(R.id.buttonCancel);
m_ButtonCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//返回上一级目录
Intent intent=new Intent(EditTextActivity.this,MainActivity.class);
startActivity(intent);
}
});
}
public class EditTextChangedListener implements 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) {
//count表示本次输入的字符数
if(s.length()>0&&count!=0&&s.charAt(s.length()-1)=='@')
{
Toast.makeText(EditTextActivity.this,"邮箱地址:",Toast.LENGTH_SHORT).show();
//当输入的内容为@时,自动在末尾加上qq.com
m_UserName.setText(s+"qq.com");
}
}
//文本内容变化之后
@Override
public void afterTextChanged(Editable s) {
}
}
}
按钮样式
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--没有被按压的效果-->
<item android:state_pressed="false">
<shape>
<corners android:radius="5dp"/>
<solid android:color="#0099FF"/>
</shape>
</item>
<!--按压效果-->
<item android:state_pressed="true">
<shape>
<corners android:radius="5dp"/>
<solid android:color="#3F51B5"/>
</shape>
</item>
</selector>
EditText样式
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--当获得焦点时-->
<item android:state_focused="true">
<shape>
<corners android:radius="5dp"/>
<solid android:color="#00BCD4"/>
</shape>
</item>
</selector>