Terminando el Home de nuestra aplicación

Clase 28 de 96 • Curso Definitivo de Android 2016

Clase anteriorSiguiente clase

Resumen

Vamos a terminar nuestra pantalla de Login, vamos a agregar los dos textos en la parte inferior de la pantalla.

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 observacion.Se 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.

Diana Velásquez

student•

https://github.com/platzi/Platzigram-1

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