【常用控件 - 编辑框】

发布于:2022-11-07 ⋅ 阅读:(882) ⋅ 点赞:(0)

涉及知识点

线性布局(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
    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>
## 7、显示信息界面布局资源文件activity_information.xml ![在这里插入图片描述](https://img-blog.csdnimg.cn/c99f4fe9a24c48aca55793a3ccd0c632.png) <?xml version="1.0" encoding="utf-8"?>
<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" />
## 8、字符串资源文件strings.xml ![在这里插入图片描述](https://img-blog.csdnimg.cn/70aedce0e1b04da9a8a182c101a1e115.png) 用户注册 姓名: 性别: 年龄: 电话: 邮箱: 主页: 备注: 注册 取消 ## 9、用户注册界面类RegistrationActivity ![在这里插入图片描述](https://img-blog.csdnimg.cn/af011ec9f9ce481891ba6b8fcfeef8bd.png) 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、启动应用,查看效果

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到