安卓应用：编辑框

本是古典何须时尚 2024-04-01 18:19 25阅读 0赞

#### 文章目录 ####

*  一、学习要点
 *  二、常用属性
 *  三、案例演示
 *   *  1、新建安卓应用
     *  2、准备图片素材
     *  3、字符串资源文件
     *  4、主界面与主布局资源文件更名
     *  5、创建息界面类
     *  6、注册界面布局资源文件
     *  7、信息界面布局资源文件
     *  8、用户注册界面类实现功能
     *  9、注册信息界面类实现功能
     *  10、启动应用，查看效果

--------------------

## 一、学习要点 ##

1.  继承关系
2.  常用属性
3.  案例

## 二、常用属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>text：</td> 
   <td>文本框的文本内容</td> 
  </tr> 
  <tr> 
   <td>maxLines：</td> 
   <td>最大行数</td> 
  </tr> 
  <tr> 
   <td>lines：</td> 
   <td>行数</td> 
  </tr> 
  <tr> 
   <td>inputType：</td> 
   <td>输入数据类型</td> 
  </tr> 
  <tr> 
   <td>hint：</td> 
   <td>提示</td> 
  </tr> 
  <tr> 
   <td>textColor：</td> 
   <td>文本颜色</td> 
  </tr> 
  <tr> 
   <td>textSize：</td> 
   <td>文本字号</td> 
  </tr> 
  <tr> 
   <td>textColorHint：</td> 
   <td>提示文本颜色</td> 
  </tr> 
  <tr> 
   <td>singleLine：</td> 
   <td>文本是否单行（true, false）</td> 
  </tr> 
  <tr> 
   <td>LinearLayout</td> 
   <td>线性布局</td> 
  </tr> 
  <tr> 
   <td>TextView</td> 
   <td>标签</td> 
  </tr> 
  <tr> 
   <td>EditText</td> 
   <td>编辑框</td> 
  </tr> 
  <tr> 
   <td>Button</td> 
   <td>按钮</td> 
  </tr> 
  <tr> 
   <td>Intent</td> 
   <td>意图</td> 
  </tr> 
  <tr> 
   <td>Bundle</td> 
   <td>数据包</td> 
  </tr> 
 </tbody> 
</table>

## 三、案例演示 ##

### 1、新建安卓应用 ###

*  基于Empty Activity模板创建 - UserRegistration  
    ![在这里插入图片描述][059b18c591524e98a6ae33eb74fdf0e4.png]  
    ![在这里插入图片描述][4e7fcdebccbb43ae899d7b3e9f36f269.png]  
    ![在这里插入图片描述][2a1c6c427195437e84591d5f35ea1935.png]

### 2、准备图片素材 ###

*  将两张背景图片拷贝到`drawable`目录中  
    ![在这里插入图片描述][22affc2755ce40dbb4d87ed40fc11452.png]

### 3、字符串资源文件 ###

*  `strings-xml`  
    ![在这里插入图片描述][1e754fdb88d842bca7f57237b2fa7f2f.png]

### 4、主界面与主布局资源文件更名 ###

*  将主界面类`MainActivity`更名为注册界面类`RegistrationActivity`  
    ![在这里插入图片描述][720defba1d3d429899c357153e81cc35.png]  
    ![在这里插入图片描述][530ef57ba154447e93b8ff89fa53c74a.png]
 *  将主布局资源文件`activity_main.xml`更名为注册布局资源文件`activity_registration.xml`  
    ![在这里插入图片描述][d5c8d5d75fa74e519ca6cdc5b91f9612.png]  
    ![在这里插入图片描述][024d8469da584b6d95c8d90c005da507.png]  
    ![在这里插入图片描述][dc306e33cfe34da98353419418e98e3e.png]

### 5、创建息界面类 ###

*  基于`Empty Activity`模板创建信息界面类 - `InformationActivity`  
    ![在这里插入图片描述][3679c34fb2c54d2695df791428c17344.png]  
    ![在这里插入图片描述][332d12dd250745a190ae55aa7b89744a.png]  
    ![在这里插入图片描述][da9436126d44454aa831eec0adc8abbc.png]

### 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/tv_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/name"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_name"
                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_gender"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/gender"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_gender"
                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="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_age"
                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/tv_phone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/phone"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_phone"
                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/tv_email"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/email"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_email"
                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/tv_home_page"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/home_page"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_home_page"
                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/tv_memo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/memo"
                android:textColor="#ffff00"
                android:textSize="16sp" />
    
            <EditText
                android:id="@+id/et_memo"
                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/btn_register"
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:onClick="doRegister"
                android:layout_marginRight="15dp"
                android:text="@string/register" />
    
            <Button
                android:id="@+id/btn_cancel"
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:onClick="doCancel"
                android:text="@string/cancel" />
        </LinearLayout>
    </LinearLayout>

*  查看预览效果  
    ![在这里插入图片描述][8da6512f104140e3a0bb0a29359a8a79.png]

### 7、信息界面布局资源文件 ###

![在这里插入图片描述][ce73de0e97724d699c4b6dbe16edc22f.png]

*  查看预览效果  
    ![在这里插入图片描述][9bce48efe1ff4e7b818a62b809b63068.png]

### 8、用户注册界面类实现功能 ###

*  用户注册界面类 - `RegistrationActivity`  
    ![在这里插入图片描述][7c377b8746e34efaab7378b01ce76b9a.png]
 *  生命变量  
    ![在这里插入图片描述][0119a1598e9945d89c4fcdc1f071003e.png]
 *  通过资源标识符获取控件实例  
    ![在这里插入图片描述][e1865afd820a4dc98209f3c81db98fb1.png]
 *  编写注册按钮单击事件处理方法  
    ![在这里插入图片描述][7e983c39a87e4c348bfb85ccd97bba43.png]
 *  编写取消按钮单击事件处理方法  
    ![在这里插入图片描述][2cfac0e5c14047b38f797603f6f8310d.png]

package net.hxl.user_registration;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.content.Intent;
    import android.os.Bundle;
    import android.view.InflateException;
    import android.view.View;
    import android.widget.EditText;
    
    import java.util.Date;
    
    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.et_name);
            etGender = findViewById(R.id.et_gender);
            etAge = findViewById(R.id.et_age);
            etPhone = findViewById(R.id.et_phone);
            etEmail = findViewById(R.id.et_email);
            etHomePage = findViewById(R.id.et_home_page);
            etMemo = findViewById(R.id.et_memo);
    
        }
    
        /**
         * 注册按钮单击事件处理方法
         *
         * @param view
         */
        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", gender);
            data.putString("age", age);
            data.putString("phone", phone);
            data.putString("email", email);
            data.putString("home_page", homePage);
            data.putString("memo", memo);
    
            // 创建意图，指定起始组件与目标组件
            Intent intent = new Intent(this, informationActivity.class);
            // 利用意图携带数据包
            intent.putExtras(data);
            // 按意图启动目标组件
            startActivity(intent);
        }
        /**
         * 取消按钮单击事件处理方法
         *
         * @param view
         */
        public void doCancel(View view) {
        
            finish(); // 关闭当前窗口
        }
    }

### 9、注册信息界面类实现功能 ###

![在这里插入图片描述][c60a7694a9394731895d33afcea39e07.png]

*  声明变量  
    ![在这里插入图片描述][e185bf83efc14b84a1040e699cebef70.png]
 *  通过资源标识符获取控件实例  
    ![在这里插入图片描述][604ce2150f3e429897df5cb5c6d835df.png]
 *  获取意图及其携带数据，用来设置标签内容  
    ![在这里插入图片描述][5ce5c80338c641698429aec33bb9dde6.png]

package net.hxl.user_registration;
    
    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 = findViewById(R.id.tv_name);
            tvGender = findViewById(R.id.tv_gender);
            tvAge = findViewById(R.id.tv_age);
            tvPhone = findViewById(R.id.tv_phone);
            tvEmail = findViewById(R.id.tv_email);
            tvHomePage = findViewById(R.id.tv_home_page);
            tvMemo = findViewById(R.id.tv_memo);
    
            // 获取意图及其携带数据，用来设置标签内容
            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);
            }
        }
    }

### 10、启动应用，查看效果 ###

*  在注册界面输入数据  
    ![在这里插入图片描述][0624e06a0463455ebfe8545a48a4bfa8.png]
 *  单击【注册】按钮，跳转到信息界面  
    ![在这里插入图片描述][18ddd63a390d42cabc53da2b174ae1cf.png]

[059b18c591524e98a6ae33eb74fdf0e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f15fbc9183b049ddb33e06e11c436806.png
[4e7fcdebccbb43ae899d7b3e9f36f269.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4960ff41bd4a49618a882e2eddfbd6e3.png
[2a1c6c427195437e84591d5f35ea1935.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ffa1a6f12f524c2486a41452c10dcfd5.png
[22affc2755ce40dbb4d87ed40fc11452.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/479d247ee59542978c6d068375872f0e.png
[1e754fdb88d842bca7f57237b2fa7f2f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/06e2a7e2221f458ba7cc2173588baef5.png
[720defba1d3d429899c357153e81cc35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ff83e20a016d4a969c3d1cfbcf8caa8f.png
[530ef57ba154447e93b8ff89fa53c74a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ef5899050bef4665ada0ebe70206a5bd.png
[d5c8d5d75fa74e519ca6cdc5b91f9612.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/00aa9959d8b34ab1980cfee0ed4de80a.png
[024d8469da584b6d95c8d90c005da507.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4fed5c80108c4462953becf2d21db22f.png
[dc306e33cfe34da98353419418e98e3e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/27dceda295d545e8bd13c3958d359cb8.png
[3679c34fb2c54d2695df791428c17344.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f72bc487aab4419c888159de1b9a0bb6.png
[332d12dd250745a190ae55aa7b89744a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3d06207c80d948c791f77ecb244ec25c.png
[da9436126d44454aa831eec0adc8abbc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ba04be11b4f542ca918bfa0ab2382bd8.png
[8da6512f104140e3a0bb0a29359a8a79.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/49e2ae8b0a464ad292c7b0248289284c.png
[ce73de0e97724d699c4b6dbe16edc22f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/16266ca845c84a9b9fdfa8cfc791995c.png
[9bce48efe1ff4e7b818a62b809b63068.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e9c061f984bc4a30b5fc45e18b3a0811.png
[7c377b8746e34efaab7378b01ce76b9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5bcec996da844bc3924be4425a94dfca.png
[0119a1598e9945d89c4fcdc1f071003e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/aa79460be20b42838f46146d7cad5418.png
[e1865afd820a4dc98209f3c81db98fb1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3be1dc59ee9c47e8b234791c969a8ae7.png
[7e983c39a87e4c348bfb85ccd97bba43.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7c74e04791ff4081b0e377264027aa1c.png
[2cfac0e5c14047b38f797603f6f8310d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/73b50f37b8a84db0a213ad3da74d44ef.png
[c60a7694a9394731895d33afcea39e07.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cb8a0931c89b4afb8b992d21391d4258.png
[e185bf83efc14b84a1040e699cebef70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/464b9c0e29b84c1489dc932ab59a9177.png
[604ce2150f3e429897df5cb5c6d835df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6d570d35abad4b529c726c1433c1e1b9.png
[5ce5c80338c641698429aec33bb9dde6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a9a5171179e246ef813a459d5c4b3f28.png
[0624e06a0463455ebfe8545a48a4bfa8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1e94acbd900e4b309ff5fb48dd977654.png
[18ddd63a390d42cabc53da2b174ae1cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3427df3e041e4c3eb25032ae3bac4866.png