编辑框窗口跳转

矫情吗；* 2024-03-30 10:52 174阅读 0赞

目录

编辑框常用属性

具体例子

最后效果

基于Empty Activity模板创建安卓应用 - UserRegistration

准备图片素材

主界面与主布局资源文件更名并新建信息界面

打开字符串资源文件strings.xml

注册界面布局资源文件activity_registration.xml输入代码

查看预览效果

打开 信息界面布局资源文件 - activity_information.xml输入代码

查看预览效果

打开用户注册界面类 - RegistrationActivity输入代码

打开注册信息显示界面 - InformationActivity输入代码

编辑框常用属性
















































属性 含义
text 文本内容
textSize 文本字号，单位：sp
textColor 文本颜色，#ff0000 - 红色
hint 提示信息
singleLine 单行（true or false）
layout_height 高度，单位：dp (wrap_content, match_parent)
layout_weight 宽度，单位：dp (wrap_content, match_parent)
inputType 输入类型（普通文本、密码、邮件……）
maxLines 最大行数
lines 行数

具体例子

最后效果

695a777a1c394fa8ab593b7f7eb25a0f.gif

基于Empty Activity模板创建安卓应用 - UserRegistration

c535bc5ce2ce46a6be8ac81d36b0b9d2.png

准备图片素材

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

e5fa7d81e3964172814d0dbfe010bbbf.png

主界面与主布局资源文件更名并新建信息界面

选中MainActivity>Refactor>Rename

82d132272a2343b7bc3668adcc7cb2b3.png

右击net.zvt.userregistration>New>Java Classb08229e2123844298f74f44210dbe7f2.png056d9e9cbf7545569c9782f14ba925c1.png

f87dc34cf293498d93ad021924b5420d.png

打开字符串资源文件strings.xml

49b7f2075a924870a6d75228014c53bc.png

具体代码：

  1. <resources>
  2.     <string name="app_name">用户注册</string>
  3.     <string name="name">姓名：</string>
  4.     <string name="gender">性别：</string>
  5.     <string name="age">年龄：</string>
  6.     <string name="phone">电话：</string>
  7.     <string name="email">邮箱：</string>
  8.     <string name="home_page">主页：</string>
  9.     <string name="memo">备注：</string>
  10.     <string name="register">注册</string>
  11.     <string name="cancel">取消</string>
  12. </resources>

注册界面布局资源文件activity_registration.xml输入代码

9d77a882571b451bb1733af95d3f5166.png

43756cd67d744aae9011b31c34daedec.png

66128e030446466caff6d6edbbc5cc66.png

具体代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@drawable/reg_bg"
  6.     android:gravity="center"
  7.     android:orientation="vertical"
  8.     >
  10.     <LinearLayout
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:gravity="center">
  15.         <TextView
  16.             android:id="@+id/tv_name"
  17.             android:layout_width="wrap_content"
  18.             android:layout_height="wrap_content"
  19.             android:text="@string/name"
  20.             android:textColor="#000000"
  21.             android:textSize="16sp" />
  23.         <EditText
  24.             android:id="@+id/et_name"
  25.             android:layout_width="200dp"
  26.             android:layout_height="wrap_content"
  27.             android:ems="10"
  28.             android:singleLine="true" />
  29.     </LinearLayout>
  31.     <LinearLayout
  32.         android:layout_width="match_parent"
  33.         android:layout_height="wrap_content"
  34.         android:gravity="center">
  36.         <TextView
  37.             android:id="@+id/tv_gender"
  38.             android:layout_width="wrap_content"
  39.             android:layout_height="wrap_content"
  40.             android:text="@string/gender"
  41.             android:textColor="#000000"
  42.             android:textSize="16sp" />
  44.         <EditText
  45.             android:id="@+id/et_gender"
  46.             android:layout_width="200dp"
  47.             android:layout_height="wrap_content"
  48.             android:ems="10"
  49.             android:singleLine="true" />
  50.     </LinearLayout>
  52.     <LinearLayout
  53.         android:layout_width="match_parent"
  54.         android:layout_height="wrap_content"
  55.         android:gravity="center">
  57.         <TextView
  58.             android:id="@+id/tv_age"
  59.             android:layout_width="wrap_content"
  60.             android:layout_height="wrap_content"
  61.             android:text="@string/age"
  62.             android:textColor="#000000"
  63.             android:textSize="16sp" />
  65.         <EditText
  66.             android:id="@+id/et_age"
  67.             android:layout_width="200dp"
  68.             android:layout_height="wrap_content"
  69.             android:ems="10"
  70.             android:inputType="number"
  71.             android:singleLine="true" />
  72.     </LinearLayout>
  74.     <LinearLayout
  75.         android:layout_width="match_parent"
  76.         android:layout_height="wrap_content"
  77.         android:gravity="center">
  79.         <TextView
  80.             android:id="@+id/tv_phone"
  81.             android:layout_width="wrap_content"
  82.             android:layout_height="wrap_content"
  83.             android:text="@string/phone"
  84.             android:textColor="#000000"
  85.             android:textSize="16sp" />
  87.         <EditText
  88.             android:id="@+id/et_phone"
  89.             android:layout_width="200dp"
  90.             android:layout_height="wrap_content"
  91.             android:ems="10"
  92.             android:inputType="phone"
  93.             android:singleLine="true" />
  94. <!--        ems的意思是一行占据的空间=10个M占据的空间。也因此，width就要设置为wrap-content-->
  95.     </LinearLayout>
  97.     <LinearLayout
  98.         android:layout_width="match_parent"
  99.         android:layout_height="wrap_content"
  100.         android:gravity="center">
  102.         <TextView
  103.             android:id="@+id/tv_email"
  104.             android:layout_width="wrap_content"
  105.             android:layout_height="wrap_content"
  106.             android:text="@string/email"
  107.             android:textColor="#000000"
  108.             android:textSize="16sp" />
  110.         <EditText
  111.             android:id="@+id/et_email"
  112.             android:layout_width="200dp"
  113.             android:layout_height="wrap_content"
  114.             android:ems="10"
  115.             android:inputType="textEmailAddress"
  116.             android:singleLine="true" />
  117.     </LinearLayout>
  119.     <LinearLayout
  120.         android:layout_width="match_parent"
  121.         android:layout_height="wrap_content"
  122.         android:gravity="center">
  124.         <TextView
  125.             android:id="@+id/tv_homepage"
  126.             android:layout_width="wrap_content"
  127.             android:layout_height="wrap_content"
  128.             android:text="@string/home_page"
  129.             android:textColor="#000000"
  130.             android:textSize="16sp" />
  132.         <EditText
  133.             android:id="@+id/et_homepage"
  134.             android:layout_width="200dp"
  135.             android:layout_height="wrap_content"
  136.             android:ems="10"
  137.             android:inputType="textUri"
  138.             android:singleLine="true" />
  139.     </LinearLayout>
  141.     <LinearLayout
  142.         android:layout_width="match_parent"
  143.         android:layout_height="wrap_content"
  144.         android:gravity="center">
  146.         <TextView
  147.             android:id="@+id/tv_memo"
  148.             android:layout_width="wrap_content"
  149.             android:layout_height="wrap_content"
  150.             android:text="@string/memo"
  151.             android:textColor="#000000"
  152.             android:textSize="16sp" />
  154.         <EditText
  155.             android:id="@+id/et_memo"
  156.             android:layout_width="200dp"
  157.             android:layout_height="wrap_content"
  158.             android:ems="10"
  159.             android:lines="4" />
  160.     </LinearLayout>
  162.     <LinearLayout
  163.         android:layout_width="match_parent"
  164.         android:layout_height="wrap_content"
  165.         android:gravity="center">
  167.         <Button
  168.             android:id="@+id/btn_register"
  169.             android:layout_width="80dp"
  170.             android:layout_height="wrap_content"
  171.             android:onClick="doRegister"
  172.             android:layout_marginRight="15dp"
  173.             android:text="@string/register" />
  175.         <Button
  176.             android:id="@+id/btn_cancel"
  177.             android:layout_width="80dp"
  178.             android:layout_height="wrap_content"
  179.             android:onClick="doCancel"
  180.             android:text="@string/cancel" />
  181.     </LinearLayout>
  184. </LinearLayout>

查看预览效果

d5f8a4660609434d89924ac969683516.png

打开 信息界面布局资源文件 - activity_information.xml输入代码

0b994511d3094b10a3e92db514ecae8c.png

ef3e9bf8227a498aa678729a480f73b7.png

具体代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@drawable/info_bg"
  6.     android:orientation="vertical"
  7.     android:padding="20dp">
  9.     <TextView
  10.         android:id="@+id/tv_name"
  11.         android:layout_width="wrap_content"
  12.         android:layout_height="wrap_content"
  13.         android:layout_marginTop="10dp"
  14.         android:textColor="#0000ff"
  15.         android:textSize="18sp" />
  17.     <TextView
  18.         android:id="@+id/tv_gender"
  19.         android:layout_width="wrap_content"
  20.         android:layout_height="wrap_content"
  21.         android:layout_marginTop="10dp"
  22.         android:textColor="#0000ff"
  23.         android:textSize="18sp" />
  25.     <TextView
  26.         android:id="@+id/tv_age"
  27.         android:layout_width="wrap_content"
  28.         android:layout_height="wrap_content"
  29.         android:layout_marginTop="10dp"
  30.         android:textColor="#0000ff"
  31.         android:textSize="18sp" />
  33.     <TextView
  34.         android:id="@+id/tv_phone"
  35.         android:layout_width="wrap_content"
  36.         android:layout_height="wrap_content"
  37.         android:layout_marginTop="10dp"
  38.         android:autoLink="phone"
  39.         android:textColor="#0000ff"
  40.         android:textSize="18sp" />
  42.     <TextView
  43.         android:id="@+id/tv_email"
  44.         android:layout_width="wrap_content"
  45.         android:layout_height="wrap_content"
  46.         android:layout_marginTop="10dp"
  47.         android:autoLink="email"
  48.         android:textColor="#0000ff"
  49.         android:textSize="18sp" />
  51.     <TextView
  52.         android:id="@+id/tv_homepage"
  53.         android:layout_width="wrap_content"
  54.         android:layout_height="wrap_content"
  55.         android:layout_marginTop="10dp"
  56.         android:autoLink="web"
  57.         android:textColor="#0000ff"
  58.         android:textSize="18sp" />
  60.     <TextView
  61.         android:id="@+id/tv_memo"
  62.         android:layout_width="wrap_content"
  63.         android:layout_height="wrap_content"
  64.         android:layout_marginTop="10dp"
  65.         android:textColor="#0000ff"
  66.         android:textSize="18sp" />
  69. </LinearLayout>

" class="reference-link">查看预览效果 2a7c1d9097e64c758c48b99f1c652526.png

打开用户注册界面类 - RegistrationActivity输入代码

a7de7cb02fdf49f79778a90ac614865b.png

5b283c6db288436c8eafb86e1060d5a0.png

具体代码

  1. package net.zyt.userregistration;
  3. import androidx.appcompat.app.AppCompatActivity;
  5. import android.content.Intent;
  6. import android.os.Bundle;
  7. import android.view.View;
  8. import android.widget.EditText;
  10. public class RegistrationActivity extends AppCompatActivity {
  11.     //声明变量
  12.     private EditText etName;
  13.     private EditText etGender;
  14.     private EditText etAge;
  15.     private EditText etPhone;
  16.     private EditText etEmail;
  17.     private EditText etHomepage;
  18.     private EditText etMemo;
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         //利用布局资源文件设置用户界面
  24.         setContentView(R.layout.activity_registration);
  25.         //通过资源标识符获取控件
  26.         etName=findViewById(R.id.et_name);
  27.         etGender=findViewById(R.id.et_gender);
  28.         etAge=findViewById(R.id.et_age);
  29.         etPhone=findViewById(R.id.et_phone);
  30.         etEmail=findViewById(R.id.et_email);
  31.         etHomepage=findViewById(R.id.et_homepage);
  32.         etMemo=findViewById(R.id.et_memo);
  34.     }
  35.     /**
  36.      * 注册按钮单击事件处理方法
  37.      *
  38.      // @param view
  39.      */
  40. //    注册按钮单击事件处理方法
  41.     public void doRegister(View view){
  42.         //获取用户输入数据
  43.         String name = etName.getText().toString();
  44.         String gender = etGender.getText().toString();
  45.         String age = etAge.getText().toString();
  46.         String phone = etPhone.getText().toString();
  47.         String email = etEmail.getText().toString();
  48.         String homePage = etHomepage.getText().toString();
  49.         String memo = etMemo.getText().toString();
  50.         //将各项数据打包
  51.         Bundle data = new Bundle();
  52.         data.putString("name", name);
  53.         data.putString("gender", gender);
  54.         data.putString("age", age);
  55.         data.putString("phone", phone);
  56.         data.putString("email", email);
  57.         data.putString("home_page", homePage);
  58.         data.putString("memo", memo);
  59. //创建意图，指定起始组件与目标组件
  60.         Intent intent=new Intent(this,informationActivity.class);
  61.         //利用意图携带数据包
  62.         intent.putExtras(data);
  63.         //按意图启动目标组件
  64.         startActivity(intent);
  66.     }
  67.     public void doCancel(View view){
  68.         finish();
  70.     }
  71. }

打开注册信息显示界面 - InformationActivity输入代码

e7708e8255f14a259b8d4c1e4df2cc93.png

03f884a1d21f48d4ae547c9aa283b481.png

具体代码：

  1. package net.zyt.userregistration;
  3. import androidx.appcompat.app.AppCompatActivity;
  5. import android.content.Intent;
  6. import android.os.Bundle;
  7. import android.widget.TextView;
  9. public class informationActivity extends AppCompatActivity {
  10.     private TextView tvName;
  11.     private TextView tvGender;
  12.     private TextView tvAge;
  13.     private TextView tvPhone;
  14.     private TextView tvEmail;
  15.     private TextView tvHomePage;
  16.     private TextView tvMemo;
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         //利用布局资源文件设置用户界面
  22.         setContentView(R.layout.activity_information);
  23.         // 通过资源标识获得控件示例
  24.         tvName =  findViewById(R.id.tv_name);
  25.         tvGender =  findViewById(R.id.tv_gender);
  26.         tvAge =  findViewById(R.id.tv_age);
  27.         tvPhone = findViewById(R.id.tv_phone);
  28.         tvEmail = findViewById(R.id.tv_email);
  29.         tvHomePage = findViewById(R.id.tv_homepage);
  30.         tvMemo = findViewById(R.id.tv_memo);
  31.         // 获得意图
  32.         Intent intent = getIntent();
  34.         if (intent != null) {
  35.             // 获得意图携带的数据包
  36.             Bundle data = intent.getExtras();
  38.             // 从数据包里按键取值
  39.             String name = data.getString("name");
  40.             String gender = data.getString("gender");
  41.             String age = data.getString("age");
  42.             String phone = data.getString("phone");
  43.             String email = data.getString("email");
  44.             String homepage = data.getString("home_page");
  45.             String memo = data.getString("memo");
  47.             // 设置各个标签的内容
  48.             tvName.setText("姓名：" +name );
  49.             tvGender.setText("性别：" + gender);
  50.             tvAge.setText("年龄：" + age);
  51.             tvPhone.setText("电话：" + phone);
  52.             tvEmail.setText("邮箱：" + email);
  53.             tvHomePage.setText("主页：" + homepage);
  54.             tvMemo.setText("备注：" + memo);
  55.         }
  57.     }
  58. }

发表评论

表情：
评论列表 （有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读