5.2【常用控件 - 编辑框】

涉及知识点

线性布局（LinearLayout）

标签（TextView）

编辑框（EditText）

按钮（Button）

意图（Intent）

数据包（Bundle）

1、创建安卓应用【UserRegistration】

2、将MainActivity重命名为RegistrationActivity

3、将activity_main.xml重命名为activity_regstration.xml

4、将两张背景图片拷贝到drawable目录

5、基于模板创建InformationActivity

6、注册界面布局资源文件activity_registration.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:background="@drawable/reg_bg"
    android:gravity="center"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/name"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtName"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvGender"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gender"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtGender"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tv_Age"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/age"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtAge"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="number"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvPhone"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/phone"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtPhone"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="phone"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvEmail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/email"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtEmail"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textEmailAddress"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvHomePage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/home_page"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtHomePage"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textUri"
            android:singleLine="true" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:id="@+id/tvMemo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/memo"
            android:textColor="#000000"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/edtMemo"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:ems="10"
            android:lines="4" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <Button
            android:id="@+id/btnRegister"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:onClick="doRegister"
            android:text="@string/register" />

        <Button
            android:id="@+id/btnCancel"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:onClick="doCancel"
            android:layout_margin="15dp"
            android:text="@string/cancel" />
    </LinearLayout>

</LinearLayout>

7、显示信息界面布局资源文件activity_information.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:background="@drawable/info_bg"
    android:orientation="vertical"
    android:padding="20dp" >

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tvGender"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tvPhone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:autoLink="phone"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tvEmail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:autoLink="email"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tvHomePage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:autoLink="web"
        android:textColor="#0000ff"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_Memo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textColor="#0000ff"
        android:textSize="18sp" />

</LinearLayout>

8、字符串资源文件strings.xml

<resources>
    <string name="app_name">用户注册</string>
    <string name="name">姓名：</string>
    <string name="gender">性别：</string>
    <string name="age">年龄：</string>
    <string name="phone">电话：</string>
    <string name="email">邮箱：</string>
    <string name="home_page">主页：</string>
    <string name="memo">备注：</string>
    <string name="register">注册</string>
    <string name="cancel">取消</string>
</resources>

9、用户注册界面类RegistrationActivity

package com.ctb.userregistration;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;

public class RegistrationActivity extends AppCompatActivity {
    private EditText etName;
    private EditText etGender;
    private EditText etAge;
    private EditText etPhone;
    private EditText etEmail;
    private EditText etHomePage;
    private EditText etMemo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //利用布局资源文件设置用户界面
        setContentView(R.layout.activity_registration);
        //通过资源标识符获取控件实例
        etName=findViewById(R.id.edtName);
        etGender=findViewById(R.id.edtGender);
        etAge=findViewById(R.id.edtAge);
        etPhone=findViewById(R.id.edtPhone);
        etEmail=findViewById(R.id.edtEmail);
        etHomePage=findViewById(R.id.edtHomePage);
        etMemo=findViewById(R.id.edtMemo);
    }
    public void doRegister(View view){
        //获取用户输入数据
        String name=etName.getText().toString();
        String gender=etGender.getText().toString();
        String age=etAge.getText().toString();
        String phone=etPhone.getText().toString();
        String email=etEmail.getText().toString();
        String homePage=etHomePage.getText().toString();
        String memo=etMemo.getText().toString();
        //将各项输入数据打包
        Bundle data=new Bundle();
        data.putString("name",name);
        data.putString("gender",name);
        data.putString("age",name);
        data.putString("phone",name);
        data.putString("email",name);
        data.putString("home_page",name);
        data.putString("memo",name);
        // 创建意图，指定起始组件与目标组件
        Intent intent = new Intent(RegistrationActivity.this, InformationActivity.class);
        // 利用意图携带数据包
        intent.putExtras(data);
        // 按意图启动目标窗口
        startActivity(intent);
    }

    /**
     * 取消按钮单击事件处理方法
     *
     * @param view
     */
    public void doCancel(View view) {
        finish();
    }
}

10、注册信息显示界面InformationActivity

package com.ctb.userregistration;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

public class InformationActivity extends AppCompatActivity {
    private TextView tvName;
    private TextView tvGender;
    private TextView tvAge;
    private TextView tvPhone;
    private TextView tvEmail;
    private TextView tvHomePage;
    private TextView tvMemo;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_information);
        // 通过资源标识获得控件示例
        tvName = (TextView) findViewById(R.id.tvName);
        tvGender = (TextView) findViewById(R.id.tvGender);
        tvAge = (TextView) findViewById(R.id.tv_Age);
        tvPhone = (TextView) findViewById(R.id.tvPhone);
        tvEmail = (TextView) findViewById(R.id.tvEmail);
        tvHomePage = (TextView) findViewById(R.id.tvHomePage);
        tvMemo = (TextView) findViewById(R.id.tvMemo);
        //获取意图及其携带数据，用来设置标签内容
        Intent intent =getIntent();
        if(intent !=null){
            //获取意图携带的数据包
            Bundle data=intent.getExtras();

            //获取数据包里按键取值
            String Name = data.getString("name");
            String Gender = data.getString("gender");
            String Age = data.getString("age");
            String Phone = data.getString("phone");
            String Email = data.getString("email");
            String HomePage = data.getString("home_page");
            String Memo = data.getString("memo");

            // 设置各个标签的内容
            tvName.setText("姓名：" + Name);
            tvGender.setText("性别：" + Gender);
            tvAge.setText("年龄：" + Age);
            tvPhone.setText("电话：" + Phone);
            tvEmail.setText("邮箱：" + Email);
            tvHomePage.setText("主页：" + HomePage);
            tvMemo.setText("备注：" + Memo);

        }

    }
}

11、启动应用，查看效果