Widgets Básicos en Android

Clase 17 de 96 • Curso Definitivo de Android 2016

Clase anteriorSiguiente clase

Resumen

Los elementos básicos que vas a usar en tus proyectos son:

TextView: una etiqueta de texto, la propiedad text nos permite definir el texto a mostrar

EditText: Campo para ingreso de datos, la propiedad inputType nos permite definir el tipo de dato

Button: Etiqueta para definir un botón, con la propiedad text definimos el texto a mostrar

Toast: mensaje que nos notifica de una acción realizada.

Acciones del botón:

Podemos definir acciones desde una propiedad onClick o a través de un set OnClickListener

Armando

student•

Hola buenas tarde, disculpen una pregunta: en la versión 2.3.1 de Android Studio, lo layouts e manejan como: ConstraintLayout.
¿Como debería cambiar las alineaciones de los views insertados?

Renny Galindez

student•

En este video Uriel explica como se manejan la alineación de los views con constraint layout
https://platzi.com/clases/android/concepto/contenido-complementario1761/constraint-layout-vistas-sin-xml/material/

Matias Ignacio Paredes Marquez

student•

Yo fui al design y subi un poco el cuadro y quedo igual que como lo hizo anai, no se si estara bien alguien puede responderme eso? 😮

Miguel Ángel Tirado Lomas

student•

Por si alguien le falla el acomodo de objetos.. en mi caso el sistema no puso android:orientation="vertical", se lo tuve que poner y ya me ordenó los objetos como en el ejemplo

Carlos Andrés Millan Satizabal

student•

Por defecto, en LinearLayout la orientación es horizontal,

toca colocar la propiedad para cambiar la orientación a vertical.

jhon erick marroquin cardenas

student•

No es por eso, por algún motivo no me estaba organizando los elementos como debía solo lo hizo cuando agregue la orientación vertical al layout

JUAN RONALD FABIAN MENDOZA

student•

Miss Anahi muy buena explicación, consulta en la version de android 2.3.3 el android orientation vertifical, no me funciona, ha sido reemplazado?

Ann Code

teacher•

no ha sido reeplazado solo que este está disponible para ciertos tipos de layouts como es LinearLayout

Abraham Gutierrez

student•

No escucho nada =/

Jery Rafael Ramírez Teo

student•

Widfets Básicos TextView: Etiqueta de texto

EditText: Elemento que nos permite ingresar diferentes tipos de textos.

Button: Es una porcion de texto, imagen o ambos que nos ayudan a establecer comunicación con acciones cuando el usuario lo toca.

Todos los elementos de nuestra interfaz grafica proviene de nuestra clase Views que a su vez pertenece a la clase Objetc.

Jery Rafael Ramírez Teo

student•

Toast: Es un mensaje que nos notifica retroalimentación sobre aluna reacción realizada.

Jery Rafael Ramírez Teo

student•

<TextView
        android:id="@+id/mensaje"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Escribe tu mensaje"
        android:layout_gravity="center_horizontal"
        />
    <EditText
        android:id="@+id/nombre"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Nombre"/>

    <Button
        android:id="@+id/enviar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Enviar"
        />```

JOSE ADRIAN TEZOYOTL MORALES

student•

Widgets o view: son elementos imprescindibles dentro de la aplicacion.

TextView: Etiqueta de texto. EditText: Nos premite ingresar texto (Input), inputType define el tipo de teclado que mostrara. Button: Porcion de texto, imagen o ambos que ayudan a establecer comunicacion con acciones cuando el usuario lo toca. ImageButton. events onClick (XML), setOnClickListener (Método Java), se pueden colocar en XML o codigo Java.

wrap_content: ajustado al contenido match_parent: extenderse al padre. layout_gravity: alinea el view dentro del layout. hint: Placeholder.

Toast: Un mensaje que nos nostifica sobre una accion realizada.

Luis Luis

student•

que buen resumen we

Camilo Andres Agudelo

student•

super claro

Alfonso Navarro

company_admin•

Hola a todos,

En mi proyecto actual se crea es un "++ConstraintLayout++"

El layout_gravity no aparece con el TextView

En mi caso toco manejarlo con ConstraintLayout.

Alguna sugerencia??????

Max Wagner

student•

por que se marcan las "R" con color rojo y como información, dice "cannot resolve symbol 'R'" ???

solo cerré y volví a abrir el Andorid Studio pasado unos días

saludos

Ricardo Azpeitia P.

student•

Haz un clean de proyecto y vuelve a compilar.

Uriel Ramírez

student•

Por lo general estos errores de deben a algo mal en

nuestra vista

IVÁN ROMERO RODRÍGUEZ

student•

Me aparece la “R” en color rojo y me indica un “cannot resolve symbol R” (Está en setContentView/R.Layout…)
Como puedo solucionarlo?

Ricardo Azpeitia P.

student•

clean
build

Uriel Ramírez

student•

Por lo general, cuando la clase R está en rojo es porque construimos mal la vista. Trata de ver si todo esta bien con tus layouts.

JUAN RONALD FABIAN MENDOZA

student•

Como puedo implementar un WebView que sólo ocupe un 25% de la pantalla con api 19

Oscar Sanchez

student•

Donde puedo ver mas propiedades para los widgets como la orientacion y esas cosas?

Ann Code

teacher•

En los enlaces que te puse en las diapositivas, puedes ver más a detalle todas las propiedades de cada widget 😃

José Tuzinkievicz

student•

Cuál sería la ventaja de implementar un listener en vez de la propiedad onClick? Porque hacerlo con onCLick es mucho más fácil!

Julian Franco

student•

Ahora tengo un inconveniente. Ya aprendí a poner el LinearLayout. Sin embargo, cuando escribo el código para la orientación vertical, no me reconoce el código. Ahora bien, desde la página de diseño sí me deja escoger la opción para la orientación vertical en las propiedades. Luego paso a revisar la página de código y efectivamente me aparece el mismo código que estaba escribiendo, solo aparece unas líneas más arriba. ¿Por qué no me reconoce el código cuando lo digito, pero luego escribe automáticamente el mismo código al cambiar las propiedades? (@,0)

Julian Franco

student•

Quiero agregar que incluso al momento de escribir código no me aparece ninguna sugerencia

Julian Franco

student•

Bueno ahora muy sonrojado me veo obligado a decir que descubrí mi error. Estaba escribiendo por fuera del LinearLayout. Al escribir en el bloque del LinearLayout todo empezó a funcionar bien. Bueno dejo la observación por si le sucede a alguien más. Continuamos…

Jhonatan David Vanegas

student•

EditText

Diego Noj

student•

Wilgets TextView

Diego Noj

student•

Wilgets EditText

Diego Noj

student•

Wilgets Button

Diego Noj

student•

Wilgets Toast

SEBASTIAN PADUANO

student•

que diferencia hay entre wrap content y fill parent?

Ann Code

teacher•

Fill parent ya está deprecado ahora se usa match parent y la diferencia con wrap content es que match parent se ajusta al contenido del tag padre que lo envuelve, y wrap content se ajusta al contenido del tag, si el tag fuera un TextView se ajustaría al contenido del texto en sí