Android Kotlin EditText Example

Hola amigos continuamos con este curso de Kotlin y ahora les enseñare a utilizar el control EditText utilizando programación Kotlin. Sigue paso a paso para desarrollar este ejemplo.

Crear un proyecto en Android Kotlin EditText Tutorial (Aquí)

Crearemos nuestro proyecto proyecto para nuestro ejemplo de EditText utilizando Kotlin crearemos varios ejemplos de este control para entender un poco mejor su funcionamiento.

Antes de continuar les dejare la siguiente tabla.

Diferentes atributos de Android EditText Widget

Los atributos en EditText se heredan de los widget TextView y View. Algunos de los atributos comúnmente utilizados son:

No.	Atributos XML	Descripción
1	android:background	Use para establecer el fondo de esta vista.
2	android:backgroundTint	Úselo para configurar el tinte en el fondo de esta vista.
3	android:clickable	Úselo para establecer la verdad cuando quiera hacer clic en esta Vista. De lo contrario, establezca falso.
4	android:drawableBottom	Úselo para establecer dibujable en la parte inferior del texto en esta vista.
5	android:drawableEnd	Úselo para establecer dibujable al final del texto en esta vista.
6	android:drawableLeft	Úselo para establecer dibujable a la izquierda del texto en esta vista.
7	android:drawablePadding	Use para configurar el relleno para dibujar de la vista.
8	android:drawableRight	Use para establecer dibujable a la derecha del texto en esta vista.
9	android:drawableStart	Úselo para establecer drawable para comenzar el texto en esta vista.
10	android:drawableTop	Úselo para establecer dibujable a la parte superior del texto en esta vista.
11	android:elevation	Use para establecer la elevación a esta vista.
12	android:gravity	Use para establecer la gravedad del texto en esta vista. Por ejemplo, center, horizontal_center, vertical_center, etc.
13	android:height	Use para establecer la altura de EditText.
14	android:hint	Use para configurar la sugerencia para que se muestre cuando no haya texto en EditText.
15	android:inputMethod	Establece, especifica que edittext debe usar el método de entrada especificado.
16	android:inputType	Esto se usa para definir cuáles son los tipos de datos que puede ingresar el usuario para esta Vista. Por ejemplo, teléfono, contraseña, número, fecha, hora, etc.
17	android:lines	Si desea establecer la altura de la Vista por número de líneas, puede hacerlo utilizando este atributo. Por ejemplo, android: lines = "2", significa que la altura de View será de 2 líneas.
18	android:maxHeight	Use para establecer la altura máxima de la Vista.
19	android:minHeight	Úselo para establecer la altura mínima de la Vista.
20	android:maxLength	Use para establecer la longitud máxima del carácter que se puede ingresar en la Vista.
21	android:maxLines	Use para establecer las líneas máximas que esta vista puede tener.
22	android:minLines	Use para establecer las líneas mínimas que esta vista puede tener.
23	android:maxWidth	Use para establecer el ancho máximo que esta vista puede tener.
24	android:minWidth	Úselo para establecer el ancho mínimo que puede tener esta Textview.
25	android:numeric	Si establece, especifica que EditText tiene un método de entrada numérico.
26	android:password	Use este atributo si desea mostrar el texto ingresado como puntos de contraseña. Por ejemplo, si ingresas ABCD, se mostrará como ****.
27	android:phoneNumber	Si se establece, especifica que este EditText tiene un método de entrada de número de teléfono.
28	android:text	Use para establecer el texto de EditText.
29	android:textAllCaps	Use este atributo para mostrar el texto en letras mayúsculas.
30	android:textColor	Use para establecer el color del texto.
31	android:textSize	Use para establecer el tamaño del texto.
32	android:textStyle	Use para establecer el estilo del texto. Por ejemplo, negrita, cursiva, negrita, etc.
33	android:typeface	Use para establecer el tipo de letra del texto. Por ejemplo, normal, sans, serif, monoespacio.
34	android:width	Use para establecer el ancho de TextView.

Crearemos el diseño de nuestro EditText Kotlin Design

Ahora vamos a crear el diseño de nuestra aplicación para continuar con este ejmplo del EditText utilizando Kotlin.


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout
android:id="@+id/editLinearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
</LinearLayout>

<Button
android:id="@+id/btnEditText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button">
</Button>

<EditText
android:id="@+id/edittext"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hello Universo Android!"
/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="20dp">

<EditText android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="Enter User Name"
android:id="@+id/etUsername"
android:textSize="20sp"
android:layout_gravity="center_horizontal"/>

<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="User Name"
android:id="@+id/tvUsername"
android:layout_marginTop="20dp"
android:textSize="20sp"
android:layout_gravity="center_horizontal" />

<Button android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click"
android:id="@+id/btClick"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp" />

</LinearLayout>
</LinearLayout>

El diseño nos quedaría de la siguiente manera.

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.ViewGroup
import android.widget.*

class MainActivity : AppCompatActivity() {
// Declarar variables
lateinit var edtUser:EditText
var tvUser:TextView?=null
lateinit var bt_click:Button

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Obtener referencias del objeto LinearLayout
val lnLayout = findViewById<LinearLayout>(R.id.editLinearLayout)
// Crear editText dinamico
val editTextDynamic = EditText(this)
editTextDynamic.setHint("Universo Android")
editTextDynamic.layoutParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
editTextDynamic.setPadding(20, 20, 20, 20)
// Añadir editText al LinearLayout
lnLayout?.addView(editTextDynamic)
// Obtener referencias del Button
val btnEditText= findViewById<Button>(R.id.btnEditText)
// Mostrar contenido escrito en el EditText
btnEditText?.setOnClickListener { Toast.makeText(this@MainActivity, editTextDynamic.text, Toast.LENGTH_LONG).show() }

// Obtener valores referencia del EditText
val edittext: EditText = findViewById(R.id.edittext) as EditText
// Añadir texto al EditText
edittext.setText("EditText with Kotlin")

// Funciones
Initialize()
Listener()
}
// Funciona inicializar controles
fun Initialize(){
edtUser=findViewById(R.id.etUsername) as EditText
tvUser=findViewById(R.id.tvUsername) as TextView
bt_click=findViewById(R.id.btClick) as Button
}
// Funcion obtener el valor del EditText
fun Listener(){
bt_click.setOnClickListener(){
tvUser?.text=edtUser.text
}
}
}

Y con esto quedaría lista nuestra aplicación.