Terminando el Home de nuestra aplicación

Clase 28 de 96 • Curso Definitivo de Android 2016

Jefferson Emilio de Melo

student•

Excelente curso, pero hay que actualizarlo…

José Guillermo Forero Suárez

student•

sí, una pequeña actualización estaría genial, al comienzo tuve algo de problemas en que el android estudio me creaba casi todos los layouts con Constraint Layout, eso me confundía un poco, ya que, no sabia como utilizarlo.

Camilo Arguello

student•

Igual, aunque me ha gustado usar Constraint Layout en vez de Relative. Ya queda en gustos, porque ambos son muy buenos.

Pedro Alejandro Rodríguez García

student•

Estoy casi seguro que no es necesario escribir una coma después de un signo de pregunta. Solo se escribe la siguiente oración iniciando con mayúscula. Jaja :v

José Tuzinkievicz

student•

Buena acotación pero quizá depende de qué tanto tengas que respetar el diseño 😄

SEBASTIAN PADUANO

student•

jaja

Alfonso Navarro

company_admin•

Voy a repetir 1 año despues un comentario echo por @jeffersomemilio

Excelente curso, pero hay que actualizarlo…

Patricio Yumbillo

student•

Hay algo interesante, acerca de constraint layout hay un video donde te enseñan a utilizarlo al final del curso, Recuerda que no hay reglas para seguir le curos se puede resolver alguna duda revisando videos en todo el curso

Julian Dumitrel

student•

A mi personalmente me gusta más el ConstraintLayout, ya que lo puedes personalizar todo mas a tu gusto.

Miguel Angel Alvarez T.

student•

Genial, la didactica que aplicas Anahi, hace que sea entendible. Pero, mencionas que algunas cosas o metodos se hicieron en anteriores videos, cuando en realidad buscamos y no hay. Y por eso se nos hace complicado entender algunas cosas.

Ann Code

teacher•

Hola Miguel dame más contexto tal vez tienes razón, cuentame en qué minuto viste ese comentario para revisar el contenido 😄

Miguel Angel Alvarez T.

student•

Esta en el minuto 7:16 para adelante, donde mencionas que el metodo “onClick” ya lo habiamos visto en videos anteriores; cuando en realidad buscamos y no hay dicho video.
La forma como enseñas es muy buena Anahi, explicas claro y practico; pero solo como pequeña observación: tocas varios temas en un vídeo y es difícil poder asimilar varios conceptos, para nosotros que recién estamos aprendiendo Android, y mas aun cuando no explicaste sobre ciertos temas y si lo hiciste solo mencionaste.Lo que me gustaría y vi en otros cursos, seria por ejemplo: explicar un tema y hacer un ejemplo demostrativo con una app, y asi con los demás temas.Y ya para el final hacer una app final en donde se aplicasen todos esos temas.En cambio vi que aquí, de frente hacemos una app final donde entran todos los conceptos; sera por eso que es dificil asimilar muchas cosas y por eso mi que con practica y constante dedicacion , me voy a ir familiarizando con todo Android. Saludos!!

Oscar Sanchez

student•

¿Que diferencia hay entre un layout_gravity y un gravity?

Ann Code

teacher•

android:gravity le pone gravedad al contenido del view
android:layout_gravity le pone gravedad al view con respecto a su padre

Jesús Nimrod Rodríguez Quelca

student•

Muchas Gracias por la aclaracion Ann :3

Abner Batz

student•

Excelente esto de Insertar código cuando escribes algún comentario o pregunta.

Grupo Creativo

student•

Creo que aquí se agrego a la disposición padding del botón

<item name="android:paddingLeft">22dp</item>  

<item name="android:paddingRight">22dp</item>

Mateo Zeas Zeas

student•

Para mi hizo esto jejeje, puso padding al ScrollView

Mateo Zeas Zeas

student•

Me equivoque, ahora creo que uso esto en el ScrollView

android:padding="@dimen/activity_vertical_margin"

Javier Alexander Leon

student•

Como puedo quitarle el foco a ambas cajas de texto, y que solo se genere cuando se toque una de las dos ?

Juan Guillermo Perez Cardozo

student•

buenos tricks en el manejo de la interfaz android studio

Dumpbahar Elias Figueroa Machaca

student•

¿Cuál sería la diferencia entre android:layout_alignRight=“ID” y android:layout_toRightOf=“ID”?

Alejandro Gomez

student•

En el LoginActivity.java, no se olviden de importar la clase View de android para que la función goCreateAccount pueda recibir el objeto View como parámetro.

import android.view.View;

😄

José Tuzinkievicz

student•

Cuál sería la ventaja de usar onClick o implementar un listener?

Ann Code

teacher•

básicamente la cantidad de código que escribimos 😃

Johan Manuel Perez Soto

student•

I'm still here

Pablo David Vallejos

student•

arrancando el año 2020 con todo la maquetacion me quedo asi!

<?xml version="1.0" encoding="utf-8"?>


<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".LoginActivity"
    android:background="@color/colorPrimary">
    <!--LinearLayout-->
    <androidx.appcompat.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="1">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.6">
            <ImageView
                android:id="@+id/logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:background="@drawable/logo">
            </ImageView>
        </RelativeLayout>

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.4"
            android:fillViewport="true"
            android:padding="@dimen/horizontal_login"
            >
            <!--LinearLayout-->
            <androidx.appcompat.widget.LinearLayoutCompat
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                >
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:theme="@style/EditTextWhite">

                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/username"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/hint_username">
                    </com.google.android.material.textfield.TextInputEditText>
                </com.google.android.material.textfield.TextInputLayout>

                <!--TextInputLayout pass-->
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:theme="@style/EditTextWhite">
                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/password"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/hint_password"
                        android:inputType="textPassword">
                    </com.google.android.material.textfield.TextInputEditText>

                </com.google.android.material.textfield.TextInputLayout>

                <Button
                    android:id="@+id/login"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/text_button_login"
                    android:theme="@style/RaisedButtonDark"
                    />
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center">
                    <TextView
                        android:id="@+id/dontHaveAccount"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/dont_have_account"
                        android:textColor="@android:color/white"
                        android:textStyle="bold"
                        android:textSize="@dimen/textside_donthaveaccount"/>
                    <TextView
                        android:id="@+id/createHere"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/create_here"
                        android:textColor="@android:color/white"
                        android:textStyle="bold"
                        android:textSize="@dimen/textside_donthaveaccount"
                        android:layout_toRightOf="@+id/dontHaveAccount"
                        android:onClick="goCreateAccount"/>

                </RelativeLayout>


            </androidx.appcompat.widget.LinearLayoutCompat>
        </ScrollView>
        </androidx.appcompat.widget.LinearLayoutCompat>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

Verónica Frías

student•

Viendo el github agrego esto en el archivo dimen.xml

Verónica Frías

student•

Luego en el LinearLayout agrego android:padding="@dimen/padding_horizontal_login"

Santiago Sanchez

company_admin•

PERFECTO ! mil gracias 😃

Valeria Gabi

student•

en la consola, en Message, me da perfecto…0 errors, pero en el preview, me dice que tengo tres Render problem.

Couldn’t resolve resource @id/visible Tip: Try to refresh the layout.
Potential stack overflow trying to resolve ‘?attr/textColorHighlight’: cyclic resource definitions? Render may not be accurate. Tip: Try to refresh the layout.
Failed to find ‘?attr/textColorHighlight’ in current theme. Tip: Try to refresh the layout.

alguna sugerencia para resolver alguno de estos errores…? Son importantes…? calculo que si los marca es porque deben serlo…

Ann Code

teacher•

Este error de Rendering a veces sale por que tel falta escargar las versiones completas del API donde estas mostrando la interfaz, intentalo 😃

José soriano

student•

por que el texto de que no tienes cuenta no me lo baje al relativelayout, me lo deja cerca del login segui todas las instrucciones

Ann Code

teacher•

nos puedes mostrar tu layout para ayudarte más 😃

Erwin

student•

No encuentro el GitHub del curso, ¿alguien tiene el link del repositorio? Gracias.

José soriano

student•

el link me envia error

Juan Gerardo Matute

student•

Que hago cuando r en hjava se pone de color rojo

Ann Code

teacher•

Puedes ctrl + barra para importar la librería si no funciona revisar el recurso al cual estás haciendo si es un layout fíjate que no tenga errores y como último recurso limpiar el proyecto menú project -> clean

<?xml version="1.0" encoding="utf-8"?>


<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".LoginActivity"
    android:background="@color/colorPrimary">
    <!--LinearLayout-->
    <androidx.appcompat.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="1">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.6">
            <ImageView
                android:id="@+id/logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:background="@drawable/logo">
            </ImageView>
        </RelativeLayout>

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.4"
            android:fillViewport="true"
            android:padding="@dimen/horizontal_login"
            >
            <!--LinearLayout-->
            <androidx.appcompat.widget.LinearLayoutCompat
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                >
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:theme="@style/EditTextWhite">

                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/username"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/hint_username">
                    </com.google.android.material.textfield.TextInputEditText>
                </com.google.android.material.textfield.TextInputLayout>

                <!--TextInputLayout pass-->
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:theme="@style/EditTextWhite">
                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/password"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/hint_password"
                        android:inputType="textPassword">
                    </com.google.android.material.textfield.TextInputEditText>

                </com.google.android.material.textfield.TextInputLayout>

                <Button
                    android:id="@+id/login"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/text_button_login"
                    android:theme="@style/RaisedButtonDark"
                    />
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center">
                    <TextView
                        android:id="@+id/dontHaveAccount"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/dont_have_account"
                        android:textColor="@android:color/white"
                        android:textStyle="bold"
                        android:textSize="@dimen/textside_donthaveaccount"/>
                    <TextView
                        android:id="@+id/createHere"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/create_here"
                        android:textColor="@android:color/white"
                        android:textStyle="bold"
                        android:textSize="@dimen/textside_donthaveaccount"
                        android:layout_toRightOf="@+id/dontHaveAccount"
                        android:onClick="goCreateAccount"/>

                </RelativeLayout>


            </androidx.appcompat.widget.LinearLayoutCompat>
        </ScrollView>
        </androidx.appcompat.widget.LinearLayoutCompat>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

Terminando el Home de nuestra aplicación

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