Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Como crear un EditText en Android utilizando Kotlin

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.
Android Studio - EditText Kotlin

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.
Android Kotlin EditText Example
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 XMLDescripción
1android:backgroundUse para establecer el fondo de esta vista.
2android:backgroundTintÚselo para configurar el tinte en el fondo de esta vista.
3android:clickableÚselo para establecer la verdad cuando quiera hacer clic en esta Vista. De lo contrario, establezca falso.
4android:drawableBottomÚselo para establecer dibujable en la parte inferior del texto en esta vista.
5android:drawableEndÚselo para establecer dibujable al final del texto en esta vista.
6android:drawableLeftÚselo para establecer dibujable a la izquierda del texto en esta vista.
7android:drawablePaddingUse para configurar el relleno para dibujar de la vista.
8android:drawableRightUse para establecer dibujable a la derecha del texto en esta vista.
9android:drawableStartÚselo para establecer drawable para comenzar el texto en esta vista.
10android:drawableTopÚselo para establecer dibujable a la parte superior del texto en esta vista.
11android:elevationUse para establecer la elevación a esta vista.
12android:gravityUse para establecer la gravedad del texto en esta vista. Por ejemplo, center, horizontal_center, vertical_center, etc.
13android:heightUse para establecer la altura de EditText.
14android:hintUse para configurar la sugerencia para que se muestre cuando no haya texto en EditText.
15android:inputMethodEstablece, especifica que edittext debe usar el método de entrada especificado.
16android:inputTypeEsto 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.
17android:linesSi 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.
18android:maxHeightUse para establecer la altura máxima de la Vista.
19android:minHeightÚselo para establecer la altura mínima de la Vista.
20android:maxLengthUse para establecer la longitud máxima del carácter que se puede ingresar en la Vista.
21android:maxLinesUse para establecer las líneas máximas que esta vista puede tener.
22android:minLinesUse para establecer las líneas mínimas que esta vista puede tener.
23android:maxWidthUse para establecer el ancho máximo que esta vista puede tener.
24android:minWidthÚselo para establecer el ancho mínimo que puede tener esta Textview.
25android:numericSi establece, especifica que EditText tiene un método de entrada numérico.
26android:passwordUse este atributo si desea mostrar el texto ingresado como puntos de contraseña. Por ejemplo, si ingresas ABCD, se mostrará como ****.
27android:phoneNumberSi se establece, especifica que este EditText tiene un método de entrada de número de teléfono.
28android:textUse para establecer el texto de EditText.
29android:textAllCapsUse este atributo para mostrar el texto en letras mayúsculas.
30android:textColorUse para establecer el color del texto.
31android:textSizeUse para establecer el tamaño del texto.
32android:textStyleUse para establecer el estilo del texto. Por ejemplo, negrita, cursiva, negrita, etc.
33android:typefaceUse para establecer el tipo de letra del texto. Por ejemplo, normal, sans, serif, monoespacio.
34android:widthUse 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.
Android Studio - EditText Kotlin
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.

Crear emulador AVD. (Aquí)


Ahora crearemos nuestro emulador para ver en ejecución nuestra aplicación del EditText utilizando programación Kotlin.

Android Studio - EditText Kotlin
Y de esta forma terminamos. Si tienes alguna duda déjanos tu comentario. Gracias!

Curso Kotlin Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner