Android基础学习笔记17： 编辑框

最新推荐文章于 2023-10-24 18:30:49 发布
最新推荐文章于 2023-10-24 18:30:49 发布
阅读量185 收藏
点赞数
分类专栏： Android基础 文章标签： android 学习 android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63691734/article/details/127797666
版权

本讲学习目标
熟悉编辑框常用属性
能在应用中使用编辑框

在安卓应用中经常需要用户输入信息，比如用户名、密码、电话号码之类，一般采用编辑框来接收用户输入的任何文本信息。

在这里插入图片描述

一继承关系图

EditText是TextView的子类，用于接收用户输入的数据
在这里插入图片描述

课后大家可以去玩一玩EditText的子类AutoCompleteTextView

二编辑框常用属性

属性 含义 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 行数

三教学案例：用户注册

1、创建安卓应用

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

单击【Finish】按钮

2、准备图片素材

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

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

将主界面类MainActivity更名为注册界面类RegistrationActivity
将主布局资源文件activity_main.xml更名为注册布局资源文件activity_registration.xml
在这里插入图片描述

4、创建息界面类

基于Empty Activity模板创建信息界面类 - InformationActivity

单击【Finish】按钮
在这里插入图片描述

5、字符串资源文件

字符串资源文件 - strings.xml

用户注册 姓名： 性别： 年龄： 电话： 邮箱： 主页： 备注： 注册 取消

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/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/name"
        android:textColor="#000000"
        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="#000000"
        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="#000000"
        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="#000000"
        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="#000000"
        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="#000000"
        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="#000000"
        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>

查看预览效果
在这里插入图片描述

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

信息界面布局资源文件 - activity_information.xml

<?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/tv_gender"
    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/tv_phone"
    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/tv_email"
    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/tv_home_page"
    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、用户注册界面类实现功能

用户注册界面类 - RegistrationActivity
在这里插入图片描述

声明变量
在这里插入图片描述

通过资源标识符获取控件实例
在这里插入图片描述

编写注册按钮单击事件处理方法
在这里插入图片描述

编写取消按钮单击事件处理方法
在这里插入图片描述

查看完整代码
package net.hw.registration;

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.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、注册信息界面类实现功能

注册信息显示界面 - InformationActivity
在这里插入图片描述

声明变量
在这里插入图片描述

通过资源标识符获取控件实例
在这里插入图片描述

获取意图及其携带数据，用来设置标签内容
在这里插入图片描述

查看完整代码
package net.hw.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、启动应用，查看效果

在注册界面输入数据
在这里插入图片描述

单击【注册】按钮，跳转到信息界面
在这里插入图片描述

当然可以测试电话、邮箱和主页链接

土豆_wk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Python中Button按钮组件常用的属性及参数设置
小琳爱学习
05-15 1万+
Python中Button按钮组件常用的属性及参数设置 本篇文章中小编给大家介绍Button按钮组件的相关常用的属性以及参数的设置。 1. 常用属性使用语法 变量=Button(父容器（根窗口），参数=参数值) 2. 常用参数说明 [ ]== static== ...
编辑框操作
XLLLXX的博客
11-07 266
基础
在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色
热门推荐
悟道子HD
04-08 1万+
在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色 目录在Android studio中给组件按钮、文本编辑框等设置圆形边框、颜色1.添加drawable资源文件2.给按钮或文本编辑框组件进行设置效果图 1.添加drawable资源文件 在res布局文件资源的drawable中右击添加文件，名字随意起，我这里是round_button，然后在该文件中输入相应代码。 代码如下： <?xml version="1.0" encoding="utf-8"?> <s
Android开发学习日记---编辑框EditText边框样式设计
m0_52238102的博客
07-09 2639
本文章只是简单的演示如何设置边框属性，拿简单的圆角矩形为例。此文章只适用于学习Android开发的小白，我这也是学习之余记笔记而已.....不喜勿喷
控件-Win Forms窗体控件
勤杂工的日常
05-03 4983
在项目开发中，界面设计是一个很重要的方面。好的界面应该使操作者容易掌握、赏心悦目，把操作看作是一种享受而不是负担。Visual C#.Net提供了丰富的控件，大大简化了界面设计过程。 在桌面应用程序中，C#.Net提供了两种形式的设计窗体：Windows应用程序下的Windows窗体和asp.net web应用程序下的web窗体。为了使用方便，这里分别将其简称为：Win Forms和Web Fo
Android学习笔记：横屏竖屏的切换
03-02
我们需要写两个AndroidXML文件，假定文件为chapter_19_test1.xml,放在常规目录位置layout/内容如下：另一个位于layout-land/目录下面，文件名称一样，这里是landsapce的排版，简单地，我们只作少许改动，将...
Java基础 学习笔记 Markdownr版
06-27
Java基础 java学习笔记 Java Java基础Markdown学习笔记，可转换成PDF、Word等格式
Android学习笔记12：框架布局管理器FrameLayout
04-12
NULL 博文链接：https://sarin.iteye.com/blog/1694878
Android学习笔记17：中级视图组件DatePicker和TimePicker
04-15
NULL 博文链接：https://sarin.iteye.com/blog/1762554
android——自定义控件(编辑框)、悬浮窗
最新发布
wy313622821的博客
10-24 645
【代码】android——自定义控件(编辑框)
MFC---常用控件（上）（静态文本框，普通按钮，编辑框）
Frank---7的博客
10-22 602
静态文本框是最简单的控件，它主要用来显示文本信息，不能接受用户输入，一般不需要连接变量，也不需要处理消息。
Android Studio 设置控件边框
qq_45911965的博客
02-06 6687
Android Studio 设置控件边框 效果展示 方形边框展示 圆形边框展示 下划线展示 方形边框设置 设置 如图所示添加一个XMI，名字任意取 在刚才建立的XMI下加入以下代码： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> &lt
控件的属性、事件和方法
wulongfeng的博客
05-13 2792
1．控件的常用属性含义与设定 　　　　在大部分的控件中，一些属性表示的意义是相同的。 　　　　　　基本格式： 〔对象名.〕属性名= 属性值 Name：对象的名称 它是对象的名称，该属性是所有的对象都具有的属性被用来唯一标识这一控件。 Caption 它是控件上显示的内容，是控件界面上所表示出来的文字，Caption和Name属性使完全不同的，二者没有任何联系。在缺省情况下，Caption属性被显示为此控件的名称，即Name属性的值。 Heigh和Width 该属性决定了控件的高度和宽度。 例: 　Priva
PyQt5中各种控件的功能及属性介绍
weixin_41652574的博客
09-12 1796
pyqt学习记录
Android 常用控件 - 编辑框
m0_62786921的博客
12-17 363
EditText都是TextView的子类，用于接收用户输入的数据。课后大家可以去玩一玩EditText的子类AutoCompleteTextView。 7、注册界面布局资源文件activity_registration.xml 8、显示信息界面布局资源文件activity_information.xml 9、用户注册界面类RegistrationActivity
Android Studio 笔记5.2 编辑框的使用
ZQIR12的博客
11-10 747
Android Studio 笔记5.2 编辑框的使用，能利用编辑框编写应用接受用户各种类型的输入
使用shape设置android控件只有部分边框有颜色
weixin_30746117的博客
01-02 679
<?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 边框颜色值 --> <item> <shape> ...
Andriod Studio学习： 编辑框
weixin_62763352的博客
12-18 1159
Andriod Studio学习： 编辑框
【Android】-- 编辑框EditText、焦点变更监视器、文本变化监视器
张修宇的博客
09-21 2855
输入用户名和密码自定义输入框样式：无边框和圆角边框drawable下新建两个xml文件用于配置样式第一个：选中时的样式第二个：正常样式再在drawable文件下新建一个xml文件用于配置选中时和未选中时的样式。Activity的XML文件。
Android学习笔记技巧之给文本加边框
06-01
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1dp" android:color="@color/black" /> <padding android:left="5dp" android:top="5dp...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

土豆_wk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值