Kotlin Android TextView 和 EditText

2025年3月17日 | 阅读 3 分钟

Android TextView 是一个向用户显示文本的用户界面。

下面显示了在布局中 TextView 的简单 XML 代码。

<TextView
        android:id="@+id/text_view_id"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="hello" />

我们可以在 Kotlin 类 文件中获取和修改在 XML 布局中定义的文本视图的内容，如下所示

val textView = findViewById<TextView>(R.id.text_view_id)
textView.setText("string").toString()
val textViewValue = textView.text

EditText 是一个用于输入和更改文本的用户界面。在 XML 布局中使用编辑文本时，我们必须指定其 inputType 属性，该属性根据输入类型配置键盘。

下面显示了布局中 EditText 的简单 XML 代码。

    <EditText
        android:id="@+id/editText_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:text="" />

我们可以在 Kotlin 类 文件中获取和修改在 XML 布局中定义的编辑文本的内容，如下所示

val editText = findViewById<EditText>(R.id.editText_id) 
val editTextValue = editText.text

Kotlin Android TextView 和 ExitText 示例

在此示例中，我们在 ExitText 中输入文本值，并在单击按钮后将其值显示在 TextView 中。

我们还使用 addTextChangedListener () 方法和 TextWatcher 接口观察对 EditText 所做的更改。

activity_main.xml

在 activity_main.xml 文件中添加以下代码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="example.javatpoint.com.kotlintextviewedittext.MainActivity">


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="12dp"
        android:text="TextView and EditText"
        android:gravity="center"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Large"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="90dp"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textSize="16sp"
        android:text="Provide Input" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textSize="16sp"
        android:text="Display Output" />

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView2"
        android:layout_alignBottom="@+id/textView2"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_marginEnd="21dp"
        android:layout_marginRight="21dp"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText"
        android:layout_alignStart="@+id/editText"
        android:layout_alignTop="@+id/textView3"
        android:textSize="16sp"
        android:text="TextView" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView4"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="112dp"
        android:text="Click Button" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/editText"
        android:layout_alignRight="@+id/editText"
        android:layout_centerVertical="true"
        android:text="reset output text" />
</RelativeLayout>

MainActivity.kt

在 MainActivity.kt 类中添加以下代码。在此类中，我们获取编辑文本的值，并通过单击按钮将其显示在文本视图中。同时，我们还使用 addTextChangedListener () 方法和 TextWatcher 接口观察对 EditText 所做的更改。要了解有关 TextWatcher 的更多信息，请参考 https://tpointtech.cn/android-edittext-with-textwatcher

package example.javatpoint.com.kotlintextviewedittext

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.text.Editable
import android.text.TextWatcher
import android.view.View
import android.widget.TextView
import android.widget.Toast
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        button.setOnClickListener(){
            val inputValue: String = editText.text.toString()
            if (inputValue == null || inputValue.trim()==""){
                Toast.makeText(this,"please input data, edit text cannot be blank",Toast.LENGTH_LONG).show()
            }else{
                textView4.setText(inputValue).toString()
            }
        }
        textView5.setOnClickListener(){
            if (textView4.text.toString() == null || textView4.text.toString().trim()==""){
                Toast.makeText(this,"clicked on reset textView,\n output textView already reset",Toast.LENGTH_LONG).show()
            }else{
                textView4.setText("").toString()
            }
        }
        editText.addTextChangedListener(object: TextWatcher{
            override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
              //  TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
                Toast.makeText(applicationContext,"executed before making any change over EditText",Toast.LENGTH_SHORT).show()
            }

            override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
              //  TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
                Toast.makeText(applicationContext,"executed while making any change over EditText",Toast.LENGTH_SHORT).show()
            }
            override fun afterTextChanged(p0: Editable?) {
              //  TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
                Toast.makeText(applicationContext,"executed after change made over EditText",Toast.LENGTH_SHORT).show()
            }
        })
    }
}

输出

下一主题#

Kotlin Android TextView 和 EditText

Kotlin Android TextView 和 ExitText 示例

activity_main.xml

MainActivity.kt

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Kotlin 教程

控制流

函数

Array

String

异常处理

Null 安全

集合

注解

反射

Kotlin OOPs

范围

Java 互操作性

Regex

Android 启动

Kotlin Android

Kotlin Android TextView 和 EditText

Kotlin Android TextView 和 ExitText 示例

activity_main.xml

MainActivity.kt

相关帖子

Google Map 固定位置

TabLayout with FrameLayout

Android Options Menu

Google Map 搜索位置

Android AlertDialog

Google Map 当前位置

Google reCAPTCHA

SharedPreferences

Google AdMob 横幅广告

Android 通知

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器