EditText con Material Design

Clase 27 de 96 • Curso Definitivo de Android 2016

Abner Batz

student•

Cuando definimos Android: definimos que son propiedades exclusivas del actual API en adelante, al quitar Android: se hacen compatibles para todas las API.

Markoz Peña Mendez

student•

Gracias :D

Ann Code

teacher•

Muy bien explicado! 😄

Danny Alfonzo Viana Perez

student•

IMPORTANTE: Si les sale este error

Rendering Problems Missing styles. Is the correct theme chosen for this layout? Use the Theme combo box above the layout to choose a different layout, or fix the theme style references. Potential stack overflow trying to resolve ‘?attr/textColorHighlight’: cyclic resource definitions? Render may not be accurate. (4 similar errors not shown) Failed to find ‘?attr/textColorHighlight’ in current theme. (4 similar errors not shown) Tip: Try to refresh the layout.

despues de agregar el android:theme="@style/EditTextWhite" al TextInputLayout, deben agregar los siguientes attrs a el style EditTextWhite

<item name="android:textColorHighlight">@color/editTextColorWhite</item>
<item name="android:textColorLink">@color/editTextColorWhite</item>

Porfa, Profesores, podrían explicarnos? esto lo hice gracias al comentario que esta mas abajo de @johnnyjurado pero en realidad no se de donde lo saco.

Jaime Giraldo

student•

excelente aporte para solucionar el style, muchas gracias

Juan Luis Sánchez Cardoza

student•

Gracias! Por este error se cerraba la aplicación al ingresar texto en el EditText

José Tuzinkievicz

student•

Cómo puedo saber de qué parent tengo que heredar cuando creo un estilo?

Danny Alfonzo Viana Perez

student•

Por que se quita el android: de el name de ciertos items de los styles y en otros no?

Joseph Darwin Carhuaz Villagomez

student•

Según dice Anahí en el video (min 3:15):

"Se quita android: esto porque son las propiedades con las cuales son compatibles desde versiones anteriores de Android. Con android: Se define que son propiedades exclusivas de Android Lollipop en adelante."

Cesar Augusto Oropeza Oropeza

student•

así es, hay que tener en cuenta ese detalle

Johnny Jurado

student•

Desde que se agregó en Styles el EditTextWhite, en el preview sale un warning que hace referencia a ?attr/textColorHighlight, a Ann tambien le sale en el video.

A que se refiere este error y como corregirlo?

Gracias :)

Jhan Conde Conde

student•

También tengo la misma duda:(

Ricardo Azpeitia P.

student•

Cual el warning que aparece?

Harrison Martinez

student•

Cuando voy a aplicar la etiqueta android:theme="@style/EditTextWhite" en los 2 TextInputLayout ya no compila el app, le quito la etiqueta y luego si vuelve a compilar, por que puede ser??

IVAN TROCHEZ

student•

Actualmente no se bien el problema, quizás un error en la libreria pero cambie el parten de esto "TextAppearance.AppCompat" a "Theme.AppCompat.Light", lo hice con el fin de seguir las clases y no atrasarme resolviendo el caso. :)

Harrison Martinez

student•

gracias hermano (Y)

Jaham Cruz Zayas-Basan

student•

Ayuda:

Error:(1381, 21) No resource found that matches the given name: attr 'colorControlHighLight'.

Julian Dumitrel

student•

Prueba agregando estas dos propiedades al bloque de estilo para el InputLayout en styles.xml

<item name="android:textColorHighlight">@color/editTextColorWhite</item>

<item name="android:textColorLink">@color/editTextColorWhite</item>```

Harrison Martinez

student•

PREGUNTA: Cuando voy a aplicar la etiqueta android:theme="@style/EditTextWhite" en los 2 TextInputLayout ya no compila el app, le quito la etiqueta y luego si vuelve a compilar, por que puede ser??

Harrison Martinez

student•

Ya por fin me compila, la solución por si les falla... En los estilos, en el parent en vez de TextAppearance.AppCompat colocar Theme.AppCompat.Light

Antonio Javier Pantoja Duran

student•

Cual es la diferencia entre poner el parent con el "Theme.AppCompat.Light" para el RisedButton y "TextAppearence.AppCompat" para los EditText ?

Jhonatan Alexis Arenas Bonilla

student•

Hola tengo este problema, resulta que aplique el style pero los text input edit no cambian el color de su hint y peor aun, cuando presiono para ingresar el texto, aun que lo que escribo aparece en blanco, el hint cambia su color al del accent, osea, rosado.

Este es el style, alguno podría decirme qué está mal?

Francisco Javier Encina

student•

Hola! me pasa lo mismo pero cuando ejecuto la aplicación los cambios si son aplicados creo que es la ide y el preview que no los toma, el curso ya lleva algunos años algo cambio y todavía no lo resuelvo si encuentro la forma te aviso

Daniel Alejandro Castaño Zapata

student•

Tengo exactamente el mismo problema, espero que alguien nos pueda solucionar.

Juan Guillermo Perez Cardozo

student•

annCode eres la mejor, estoy aprendiendo mucho

Dany Ocio Ocio

student•

¿Por qué coloca el parent ese?

Abraham Lara

student•

Dependiendo que tipo de Windows tengas habra IDE (Entorno de desarrollo integrado), si VisualStudio Code no te deja instalar, puedes probar:

Brackets: Originalmente lanzado por Adobe y posteriormente lo dejaron Opensource, es un excelente IDE para novatos, ligero y rapido.

Eclipse y NetBeans son IDEs clasicos que tienen alta compatiblidad con versiones antiguas de Windows, sobre todo NetBeans que est enfocado a JavaScript (Eclipse esta orientado a Java pero tambien tiene plugins para JS).

Si alguna de mis recomendaciones te sirvio, hazmelo saber :D

Javier Hernandez

student•

Jugando con el estilo ¿hay alguna forma de validar que estos campos estén vacios y dependiendo de eso cambiar el estilo a un rojo por ejemplo para indicar que es un campo requerido?

Carlos Jesús Fernández Salazar

student•

No lo he hecho pero creo que con Java puedes hacer un Listener que se mantenga “escuchando” el view al que quieres aplicar el efecto. En el Listener estaría un if que usarás para validar si está vacío el campo o no y que se ejecute cierto método dependiendo de la condición.

Manuel Calle Pérez

student•

En la parte de los estilos style.xml, ¿cómo se que se coloca en parent??? Gracias

Manuel Marquez

student•

Estoy teniendo un problema. Cuando la etiqueta “Nombre de usuario” se encuentra en la parte de arriba sigue de color accent. ¿Acaso estoy omitiendo algo?

Aquí les dejo mi código:

styles.xml:

<style name="EditTextWhite" parent="TextAppearance.AppCompat">
        <item name="android:textColorHint">@color/editTextColorWhite</item>
        <item name="android:textSize">@dimen/loginEditTextSize</item>
        <item name="android:textColorPrimary">@color/editTextColorWhite</item>
        <item name="android:colorAccent">@color/editTextColorWhite</item>
        <item name="android:colorControlNormal">@color/editTextColorWhite</item>
        <item name="android:colorControlActivated">@color/editTextColorWhite</item>
    </style>

activity_login.xml:

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/EditTextWhite"
    >

    <android.support.design.widget.TextInputEditText
        android:id="@+id/username"
        android:hint="@string/hint_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</android.support.design.widget.TextInputLayout>

Imagen:

Manuel Marquez

student•

Acabo de darme cuenta de mi error. Tenía 3 elementos que puse como

android:colorAccent
android:colorControlNormal
android:colorControlActivated

Cuando en realidad eran:

colorAccent
colorControlNormal
colorControlActivated

Espero a alguien le pueda servir esto.

Jery Rafael Ramírez Teo

student•

ScrollView Un grupo de vistas que permite desplazar la jerarquía de vistas dentro de ella. La vista de desplazamiento puede tener solo un elemento secundario colocado dentro de ella. Para agregar varias vistas dentro de la vista de desplazamiento, haga que el elemento secundario directo añada un grupo de vistas, por ejemplo LinearLayout, y coloque vistas adicionales dentro de LinearLayout.

La vista de desplazamiento solo admite el desplazamiento vertical. Para el desplazamiento horizontal, utilice HorizontalScrollViewen su lugar.

Nunca añada un RecyclerViewo ListViewa una vista de desplazamiento. Al hacerlo, se obtiene un rendimiento deficiente de la interfaz de usuario y una mala experiencia de usuario

Daniel Alejandro Castaño Zapata

student•

Tengo un inconveniente con la herramienta de preview, y resulta que solo me muestra el preview del tema que tenga seleccionado, no un preview del tema que tengan asignados mis objetos por separado, osea no puedo ver los colores de mis objetos, se renderizan segun el tema seleccionado, espero que me haya hecho entender, la pregunta sería cómo puedo ver tener un preview que me muestre todos mis objetos del color que les asigne aunque sean colores de temas diferentes?

Renny Galindez

student•

Se me habia olvidado el fillViewport y en el siguiente video estaba sufriendo porque los TextView nose despegaban del boton!

Esteban Suárez

student•

Tengo una pregunta, cuando creé el proyecto de Platzigram en Android Studio, no creó el archivo dimens.xml por default, quisiera saber es si esto es así siempre y toca crearlo como un nuevo archivo de values o es por mi versión de Android Studio, la cual es 3.1.3?

David Felipe Huertas

student•

Tu Android Studio está bien. Desde 2.3, las plantillas de diseño de la actividad predeterminadas tienen un ConstraintLayout , sin márgenes aplicadas. En las plantillas antiguas, esto solía ser un RelativeLayout con sus márgenes establecidos como valores de recursos en dimens.xml. Como estos valores ya no están en el archivo de diseño predeterminado, dimens.xml no se crea un vacío en el proyecto de manera predeterminada.

Si necesitas dimens.xml, puede crear una debajo de la res/valuescarpeta con New -> Values resource file.

Esteban Suárez

student•

Vale muchas gracias por la respuesta, si como en los ejercicios se necesitaba para tamaños de texto y margen creé el archivo pero es bueno saber la razón exacta por la cual ya no se genera de forma predeterminada al crear el proyecto

Saúl Báez Terrez

student•

El porqué se pone o no, android:

<style name="EditTextWhite" parent="TextAppearance.AppCompat">
        <item name="android:textColorHint">@color/editTextColorWhite</item>
        <item name="android:textSize">@dimen/loginEditTextSize</item>
        <item name="android:textColorPrimary">@color/editTextColorWhite</item>
        <item name="android:colorAccent">@color/editTextColorWhite</item>
        <item name="android:colorControlNormal">@color/editTextColorWhite</item>
        <item name="android:colorControlActivated">@color/editTextColorWhite</item>
    </style>

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/EditTextWhite"
    >

    <android.support.design.widget.TextInputEditText
        android:id="@+id/username"
        android:hint="@string/hint_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</android.support.design.widget.TextInputLayout>

EditText con Material Design

Bienvenido al curso

¡Vamos a renovar este curso!

Bienvenida

Descarga el material del curso

Introducción a Android

Estado actual del desarrollo en Android

Requerimientos y Herramientas para el Desarrollo en Android

Creando nuestro entorno de desarrollo

Inicia a programar para Android: ¿Qué necesito?

Arquitectura de una aplicación en Android

Android Studio

Android SDK Manager

Hola Mundo

Creando un emulador

Básicos de Android

Repaso rápido de Java (POJOS)

Android es MVC por defecto

XML vs. Editor Gráfico

Diferencia entre LinearLayout y Relative Layout

Widgets Básicos en Android

Widgets Básicos desde Java

Material Design

Creando Platzigram

Configurando nuestro tema Material

Widgets de Material Design

Maquetando nuestras vistas del proyecto

¿Qué es un Activity?

Maquetando nuestros Activities

Internacionalización de Textos

Rised button

EditText con Material Design

Terminando el Home de nuestra aplicación

Toolbar

Intents

CardView

Analizando nuestra vistas

Maquetando nuestro CardViewd

Introducción a Fragments

Creando nuestros fragments

Fragments en nuestro BotttomBar

¿Cómo funciona un RecyclerView?

Implemententando RecyclerView

Picasso

Analizando nuestra vista

Collapsing Toolbar Layout, AppBarLayout

Onclick Listener en RecyclerView

Implementando la vista de perfil

Comportamientos dependientes en Material Design

Transiciones en Android.

Conclusiones

Cierre del Curso

Desafío 01

Desafío 02

Desafío 03

Continuando con Platzigram

Bienvenida a la segunda parte del curso

Material del curso

Arquitectura en Android

¿Por qué se debe implementar una Arquitectura en Android?

Principios SOLID en Android

¿Qué es y por qué implementar MVP en Android?

MVP en Android un ejemplo sencillo

¿Qué es la arquitectura limpia? Clean Architecture

Platzigram con Clean Architecture creando la entidad Login

Integrando un Presenter e Interactor a Platzigram

Creando un Repository en Platzigram

Accediendo al Hardware en Android

Accediendo a la cámara en Android

Creando un layout para mostrar una foto en Android

Accediendo y mostrando fotos de la cámara en Android

Configuración de Firebase en Android

¿Qué es Firebase para Android?

Creando un proyecto en la consola de Firebase

Gradle en Android

¿Qué es Android Gradle?

Archivos de configuración Gradle en Android integración con Firebase

Firebase Authentication en Android

Cómo funciona Firebase Authentication en Android

Firebase Authentication Correo y Contraseña en Platzigram