Android EditText en Kotlin

EditText se utiliza para obtener información del usuario. EditText se usa comúnmente en formularios y pantallas de inicio de sesión o registro. Los siguientes pasos se utilizan para crear EditText en Kotlin:

  1. Agregue un EditText en el archivo activity_main.xml.
  2. Agregue un botón en el archivo activity_main.xml.
  3. Abra el archivo MainActivity.kt y configure OnClickListner para que el botón obtenga la entrada del usuario de EditText y muestre la entrada como mensaje Toast.

Diferentes atributos de los widgets EditText –

Atributos XML Descripción
Android: identificación Se utiliza para identificar de forma única el control.
Android: gravedad Se utiliza para especificar cómo alinear el texto como izquierda, derecha, centro, arriba, etc.
android: pista Se utiliza para mostrar el texto de la sugerencia cuando el texto está vacío
android:texto Se utiliza para establecer el texto de EditText.
Android:Tamaño del texto Se utiliza para establecer el tamaño del texto.
Android: color de texto Se utiliza para establecer el color del texto.
Android: estilo de texto Se utiliza para establecer el estilo del texto. Por ejemplo, negrita, cursiva, negrita cursiva, etc.
android:textoTodasMayúsculas Usa este atributo para mostrar el texto en mayúsculas.
Android: ancho Hace que TextView tenga exactamente esta cantidad de píxeles de ancho.
Android: altura Hace que TextView tenga exactamente esta cantidad de píxeles de alto.
android: ancho máximo Se usa para hacer que TextView tenga como máximo esta cantidad de píxeles de ancho.
android: ancho mínimo Se usa para hacer que TextView tenga al menos esta cantidad de píxeles de ancho.
android:fondo Se utiliza para establecer el fondo de esta vista.
android:tinte de fondo Se utiliza para establecer el tinte en el fondo de esta vista.
Android: se puede hacer clic Se utiliza para establecer verdadero cuando desea que se pueda hacer clic en esta vista. De lo contrario, establecer falso.
Android: fondo dibujable Se usa para establecer dibujable en la parte inferior del texto en esta vista.
android: dibujable Fin Se usa para establecer dibujable al final del texto en esta vista.
android: dibujable a la izquierda Se usa para establecer dibujable a la izquierda del texto en esta vista.
android:relleno dibujable Se usa para establecer el relleno en dibujable de la vista.
android: dibujable Derecho Se usa para establecer dibujable a la derecha del texto en esta vista.
android: dibujableIniciar Se usa para establecer dibujable al comienzo del texto en esta vista.
android: dibujableArriba Se usa para establecer dibujable en la parte superior del texto en esta vista.
Android: elevación Se utiliza para establecer la elevación de esta vista.

archivo actividad_principal.xml

Paso 1: Abra el archivo activity_main.xml y cree un EditText usando id editText.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
  
     <!--EditText with id editText-->
  
    <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:hint="Input"
            android:inputType="text"/>
  
</LinearLayout>

Paso 2: en el archivo activity_main.xml agregue el código para mostrar un botón. El archivo final activity_main.xml es

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
  
     <!--EditText with id editText-->
  
    <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:hint="Input"
            android:inputType="text"/>
  
    <!--Button with id showInput-->
  
    <Button
            android:id="@+id/showInput"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="show"
            android:backgroundTint="@color/colorPrimary"
            android:textColor="@android:color/white"
            />
  
</LinearLayout>

Paso 3: Abra el archivo MainActivity.kt y obtenga la referencia de Button y EditText definida en el archivo de diseño.

        // finding the button
        val showButton = findViewById<Button>(R.id.showInput)
        
        // finding the edit text
        val editText = findViewById<EditText>(R.id.editText)

Configuración del oyente de clic en el botón

showButton.setOnClickListener {
            
        }

Obtener el texto ingresado por el usuario

val text = editText.text

Archivo MainActivity.kt

Finalmente, el archivo MainActivity.kt es

package com.geeksforgeeks.myfirstkotlinapp
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.Toast
  
class MainActivity : AppCompatActivity() {
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // finding the button
        val showButton = findViewById<Button>(R.id.showInput)
  
        // finding the edit text
        val editText = findViewById<EditText>(R.id.editText)
  
        // Setting On Click Listener
        showButton.setOnClickListener {
  
            // Getting the user input
            val text = editText.text
  
            // Showing the user input
            Toast.makeText(this, text, Toast.LENGTH_SHORT).show()
        }
    }
}

Archivo AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.geeksforgeeks.myfirstkotlinapp">
  
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
  
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
  
</manifest>

Ejecutar como emulador para la salida

Publicación traducida automáticamente

Artículo escrito por aman neekhara y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *