Anko Layouts

Clase 44 de 58 • Curso de Kotlin para Android 2017

Henry Alejandro Palacios Lemus

student•

A mi se hace muchisimo mas facil usar un XML que crear una imagen con Anko. Al inicio dijo el profesor que cuesta leerlo, pero eso ya depende de la persona, porque para mi, se me hace mas legible leer un XML, que leer eso. Se entiende muy bien lo que el profesor explica, pero se me hace que es mas trabajo. (Por lo menos para mi)

Sebastian Tellez

teacher•

Al principio es muy abrumador tratar de leer XML y en ocaciones cuando implementas malas practicas el XML se vuelve inmantenible.

Anko con los DSL creo que es una gran opción para generar layouts sencillos y no tan complejos y que son muy facilmente mantenibles.

Al final del dia creo que es mas cuestion de practica, aun recuerdo cuando empece a usar XML y me costaba mucho trabajo entender y leer todo lo que estaba haciendo y aun hoy en dia llego a pensar eso y creo que igual, es mucho trabajo 😉

Rodrigo Vladimir Burgos Rivera

student•

Esto parece flutter o es mi imaginación solamente🤔

Leonardo Armero Barbosa

student•

Pensé lo mismo xD

Usuario anónimo

user•

Ahora que lo veo se parece mucho.

JOSE ADRIAN TEZOYOTL MORALES

student•

También se puede usar el preview como en el XML?

Sebastian Tellez

teacher•

Puedes instalar el siguiente plugin en tu Android Studio o tu IntelliJ https://plugins.jetbrains.com/plugin/7734-anko-support

Este te permitirá hacer preview de tus layouts construidos con Anko.

Pero al parecer ya no le han dado soporte desde el año pasado y algunos issues del plugin reportan que con versiones mas recientes de Android Studio como la 3.3 ya no funciona.

Intenta instalarlo y nos cuentas como te fue :)

Erix Javier Mendoza Acosta

student•

para androidx no funciona las librerías de anko como la de cardView, alguein las tienes o donde las consigo?

Percamar SAC

student•

me pasa lo mismo..

Percamar SAC

student•

use esta versión y arreglo: implementation "org.jetbrains.anko:anko-cardview-v7:0.10.7"

Luis Jorge Pablo Sartillo

student•

tengo el siguiente problema en consola por lo cual no logro hacer que funcione el proyecto, revise todos los archivos y no me marca error en código. alguien podría ayudarme

AGPBI: {"kind":"error","text":"Android resource compilation failed","sources":[{"file":"C:\Users\Lpablo\AndroidStudioProjects\PlazitStore2\app\src\main\res\values\ids.xml","position":{"startLine":2,"startColumn":4,"startOffset":57,"endColumn":43,"endOffset":96}}],"original":"C:\Users\Lpablo\AndroidStudioProjects\PlazitStore2\app\src\main\res\values\ids.xml:3:5-44: AAPT: error: <item> inner element must either be a resource reference or empty.\n ","tool":"AAPT"}

Luis Jorge Pablo Sartillo

student•

Bueno la solución la encontré en el siguiente link https://stackoverflow.com/questions/52076491/android-inner-element-must-either-be-a-resource-reference-or-empty

El error se presenta cuando agregas los id a los elementos (new ID value Resource), este genera un item en el resource de tu proyecto, especificamente en la carpeta de app/res/values/ids.xml en este archivo te encontraras los items que generaste de la siguiente manera (en mi caso)

<resources> <item name="tv_deviceName" type="id">tv_deviceName</item> </resources>

Aqui lo importante es el item debes cambiarlo a la siguiente escturuta(s) valida(s)

ó de esta manera

y finalmente corres el proyecto de nuevo y funciona

JAIME LOMBANA

student•

Hola tengo problemas en mi clase ItemList ya que no me reconoce el cardView estor trabajando con androidx nose si tenga que ver???

Paulo Trujillo

student•

Hola, puedes revisar si Anko tiene soporte para android X o también puedes revisar si estás importando una librería diferente.

Percamar SAC

student•

usa esta versión : implementation “org.jetbrains.anko:anko-cardview-v7:0.10.7”

Juan Guillermo Perez Cardozo

student•

vere de nuevo el video pq no me sale , tengo problemas.

Erix Javier Mendoza Acosta

student•

es un poco parecido a futter

Luis Jorge Pablo Sartillo

student•

Comparto en esta sección mi git de ejercicio

https://github.com/lpablos/anko-kotlin.git

Jesus Gaviria Rubio

student•

⚠️ Anko is deprecated. Please see this page for more information.

Henry Alejandro Palacios Lemus

student•

He pasado ya varios cursos, he visto ya varios profesores, y denominador comun, siempre a sido que usan computadoras de Apple. ¿Me recomiendan cambiar mi computadora Windows por una Mac?

Diego Forero

Team Platzi•

Los mac se escogen porque no tienen por ejemplo el problema de actualizaciones contantes que tienen windows por ejemplo, es un sistema muy estable pero no es que sea necesario, yo por ejemplo soy usuario de linux desde hace casi 7 años y no he tenido problemas, claro si trabajas en diseño si es mejor tener un mac, pero si trabajas en programación puedes usar linux, android studio corre en linux sin problema.

Sebastian Tellez

teacher•

Mas que lo que dijo @GOLLUM23, creo que (en mi caso y seguramente el de muchos) es por comodidad, me encanta linux, no fue el primer SO que use pero si del que mas aprendi y enamore, pero hay veces que lo unico que quieres es abrir tu computadora y ponerte a trabajar. Y Linux y Windows a veces no te dan esa facilidad.

Lo de “si te dedicas a diseño es mejor tener una mac” difiero mucho en esa sentencia. Y creo que es mas un mito y leyenda urbana que una realidad. Aun que ciertamente hoy en dia existen herramientas como Sketch que es fantastico pero es exclusivo de mac, intensifica ese mito de que si quieres diseñar bien tienes que tener una Mac. Sin embargo, un PC con buenos specs puede correr PS y AI igual de bien o mejor que en una Mac por un costo menor. Recuerda, la herramienta no hace al diseñador/desarrollador/artista/etc, si no, que clase de profesionales seriamos?

Al final del dia depende de tus necesidades, tu bolsillo y de tus gustos 😃

Henry Alejandro Palacios Lemus

student•

Perdon por tanta pregunta jeje! Es un video largo y deja dudas. Cuando meten aglo entre {} y cuando entre () por ejemplo a veces ponen lparams{ code } y a veces lparams( code )

Sebastian Tellez

teacher•

Depende mucho del tipo de objeto y de las propiedades de este. En ocaciones tenemos constructores y usamos parentesis, y en otras podemos (sobre)escribir las propiedades como si fuesen atributos.

Para esto, el IDE nos ayuda un poco, sin embargo, lo mejor es leer la documentación que nos proveen 😃

Daniel Alejandro Molina Yepes

student•

no reproduce

Yesica Lizeth Cortés Pineda

teacher•

Gracias por tu reporte, ya lo estamos revisando 😃

Yesica Lizeth Cortés Pineda

teacher•

Listo, ya esta corregido 😄 En este vídeo veremos como crear interfaz gráfica de Android usando Kotlin con la librería Anko Layouts y así evitar el xml.

pablo calderon

student•

Cual es la diferencia entre crear Kotlin File o un Kotlin Class… cuando uso una u otra?

Sebastian Tellez

teacher•

Cuando creas un Kotlin File, el editor solo te crea un archivo con extension kt y con el contenido vacio, cuando creas un Kotlin Class, el editor te crea un archivo con extension kt y aparte te agrega lo siguiente

class nombreDelArchivo {
//todo
}

Puedes usar la segunda opción cuando quieres ahorrarte algunos teclazos y solo necesitas crear una clase.

En el caso de que quieras hacer un archivo de utils o que tenga varias funciones pero no quieres que esten atadas a una clase, solo usa Kotlin File.

Al final del dia uno ya te da un template y el otro no 😃

Juan Gerardo Matute

student•

y si lo quiero poner en grid

Sebastian Tellez

teacher•

Lo único que debes hacer es cambiar el LayoutManager de tu RecyclerView, supongamos que rc es tu objeto RecyclerView en el siguiente snippet

rc.layoutManager = GridLayoutManager(this, 3)

El constructor de GridLayoutManager recibe como primer parámetro el contexto donde será ejecutado y como segundo parámetro el número de columnas que quieres que se muestren en tu pantalla

Henry Alejandro Palacios Lemus

student•

Este error, influye en mi proyecto o puedo obviarlo? Por que tanto el CardView como el poder usar las cosas que te brinda la librería Design, las he podido usar sin problema

Sebastian Tellez

teacher•

En teoria no deberia afectarte, pero el problema es que estas mezclando librerias de google de diferentes versiones, entonces puede que en algun momento estas colisionen haciendo que tu build se rompa y no quiera compilar, o que alguna funcionalidad de las librerias deje de hacer lo tenga un comportamiento extraño, lo mas recomendable es usar la misma version en las librerias de Google que implementas en tu proyecto 😃 puedes aprender mas de eso en el curso de Android

Roberto Barrientos

student•

Diego Forero

Team Platzi•

Tienes data: como ItemList y no como ItemListPOJO, cambia eso y debe funcionar 😉

Roberto Barrientos

student•

Gracias!

Roberto Barrientos

student•

me aparece un error en esta parte del código !me aparece esto

Fabian Mondragon

student•

Me parece ami que si bien es interesante crear vistas a partir de Anko, me gustaría saber que tal funciona cuando se debe crear una vista dinamica. Ami parecer, creeerìa que con Anko, si es que se puede se podrìan crear vistas dinamicas de una manera más sencilla que con los layouts.

Anko Layouts

Introducción al Curso de Kotlin

¿Qué vamos a construir con Kotlin?

Kotlin: qué es

Preparando el entorno de desarrollo para trabajar con Kotlin

Instalando y probando Kotlin en Mac

Instalando y probando Kotlin en Windows

Instalando y probando IntelliJ IDEA

Descubriendo Kotlin

Variables y tipos en Kotlin

String templates

Funciones en Kotlin

Clases en Kotlin

Data Class en Kotlin

Default values en Kotlin

Arreglos en Kotlin

Extension Functions en Kotlin

if/if-else en Kotlin

For y While en Kotlin

When en Kotlin

Rangos en Kotlin

Null Safety o !NPE en Kotlin

Destructuring Declarations en Kotlin

Expresion Object y Singletons en Kotlin

Conceptos avanzados de Kotlin

Diferencias entre Kotlin y Java

Simplificando procesos con Kotlin

Qué son las lambdas

Lambdas y cómo se usan

Funciones de orden mayor

Inline functions

Sealed Class

Operadores sobrecargados

Try, catch y manejo de excepciones en Kotlin

Interoperabilidad entre Java y Kotlin

Java vs Kotlin

Cómo configurar Kotlin en Android Studio

Creación del proyecto Interoperabilidad de Java con Kotlin

Kotlin en Java: implementando Funciones

Kotlin en Java: implementando Clases

Java en Kotlin: Implementación de un RecyclerView

Java en Kotlin: implementación de Shared preferences

Finalización del proyecto de interoperabilidad de Java con Kotlin

Android Kotlin

Qué son y cómo se usan las Android Extensions

Extension Functions en Android

Anko

RecyclerView construcción de la estructura de la vista de principal de PlatziStore

RecyclerView finalización de la construcción de la estructura de la vista de principal de PlatziStore

Anko Layouts

Reto

Material Transitions construcción de la vista

Material Transitions conexión del item de la lista con la vista de detalle

SQLite

Implementando la base de datos SQLite de PlatziStore

RETO : Investiga como es que funcionan las Coroutines en kotlin generando una lista de datos muy grande y asignándola a una lista en Android

Kotlin en el servidor

Kotlin Frameworks

Configuración de un proyecto con Ktor

Hello Ktor

Enviando respuestas desde el servidor - GET y POST

Generando la lista para PlatziStorev

Consumir endpoints en Android con Retrofit

Creando el cliente de retrofit para consumir el servicio

Consumiendo el listado de productos en PlatziStore

Conclusiones del curso de lo que aprendimos en el curso de Kotlin