Toolbar

Clase 29 de 96 • Curso Definitivo de Android 2016

Contenido del curso

Bienvenido al curso

Creando nuestro entorno de desarrollo

Básicos de Android

Creando Platzigram

Conclusiones

Continuando con Platzigram

Arquitectura en Android

Accediendo al Hardware en Android

Configuración de Firebase en Android

Gradle en Android

Firebase Authentication en Android

Almacenamiento en Android

Menús en Android

Firebase Storage en Android

Logcat de Android y Crash Reporting de Firebase

Conexión a Servicios Web con Retrofit en Android

Trabajando con otra API, Medium

Comentarios

JUAN CARLOS RAMIREZ CONSTANTINO

student•

Si te sale este error:
setSupporActionBar (android.support.v7.widget.Toolbar) in ActionBarActivity cannot be applied to (android.widget.Toolbar)

En el archivo de CreateAccountActivity.java importa los siguiente:
import android.support.v7.widget.Toolbar;

Y comenta el anterior:
//import android.widget.Toolbar;

Con esto se soluciona el problema, ya que te pide que crees un método.

Espero y te sirva!

Saludos.

Yemi Marcos Gonzales Condori

student•

gracias CharlyRamirez eres un maestro estuve sufriendo con este punto …gracias

David Felipe Huertas

student•

A qué se debe esto, ¿a las actualizaciones?

samuel sanchez castillo

student•

Que tranquilidad te dá cuando te sale un error y miras la pantalla y a anahí también le sale jajaja 😃

Cesar Augusto Oropeza Oropeza

student•

algunos errores, otros son advertencias

Alexis Olveres

student•

A mi me dio un microinfarto!

Abner Batz

student•

Respetando Toolbar

app:layout_behavior="@string/appbar_scrolling_view_behavior"

Con este elemento le indicamos que respete al toolbar y se coloque por debajo del mismo.

Martin Flores

student•

En mi aplicacion no se aplica, a que se puede deber?

Ann Code

teacher•

A qué te refieres con que no se aplica

Juan

student•

Para todos aquellos que aún no saben como utilizar esa ventana “Switcher” que la profe usa para cambiar entre archivos .XML y .java, es Ctrl + TAB (Windows) y en MAC debe ser parecido y listo, saludos 😄!!!

Jair Israel Avilés Eusebio

student•

Gracias por el dato, es lo mismo en MAC tambien 😄

Rodolfo Figueroa Chavez

student•

otro es, alt + izq o der para moverse entre pestañas de Android Studio.

Juan Guillermo Perez Cardozo

student•

favor actualizar el curso , sale mucho error y toca que corregir y corregir

Abner Batz

student•

La propiedad** app:errorEnabled **del componente TextInputLayout, Habilita o deshabilita la visibilidad de los errores en la parte inferior del TextInputEditText. Realice un ejercicio de validación utilizando expresiones regulares, que al presionar el boton de UNETE garantizar que el dato ingresado en el campo correo tenga el formato correcto.
Espero les sea de utilidad.

package com.platzi.platzigram.view;

import android.os.Bundle;
import android.support.design.widget.TextInputLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Patterns;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.platzi.platzigram.R;


public class CreateAccountActivity extends AppCompatActivity implements View.OnClickListener {

    private TextInputLayout tilCorreo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_create_account);
        showToolbar(getResources().getString(R.string.toolbar_title_createAccount),true);

        //Referencia a TextInputLayout til
        tilCorreo = (TextInputLayout) findViewById(R.id.tilCorreo);

        //aqui Referencia al boton btnCreateAccount
        Button btnCreate_Account = (Button) findViewById(R.id.btnCreateAccount);
        btnCreate_Account.setOnClickListener(this);
    }

    private boolean correoValido(String correo){
        //aqui el uso de la expresion regular básico para validar si tiene el formato de correo

        if (!Patterns.EMAIL_ADDRESS.matcher(correo).matches()){
            //aqui se setea el mensaje del error 
            tilCorreo.setError("Correo inválido");
            return false;
        } else {
            tilCorreo.setError(null);
        }
        return true;
    }

    private void validaDatos() {
        String correo = tilCorreo.getEditText().getText().toString();

        boolean correo_valido = correoValido(correo);

        if (correo_valido){
            Toast.makeText(this, "se guarda el registro", Toast.LENGTH_LONG).show();
        }
    }

    public void showToolbar(String title, boolean upButton){
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle(title);
        getSupportActionBar().setDisplayHomeAsUpEnabled(upButton);

    }

    @Override
    public void onClick(View view) {
        validaDatos();
    }
}

Alexis Dueñas Aviña

student•

Yo tuve problemas al implementar el layout del toolbar por las nuevas actualizaciones, aquí dejo un recurso que me sirvió.
- El casteo de Toolbar ya no es necesario, indica que es redundante.

3.- Para prevenir errores con los métodos:

setSupportActionBar(toolbar);
getSupportActionBar().setTitle(title);
getSupportActionBar().setDisplayHomeAsUpEnabled(upButton);

comenta este import en el CreateAccount.java ->import android.widget.Toolbar; y agrega el siguiente -> import android.support.v7.widget.Toolbar;

Carolina Lopez Reynoso

student•

A los que les da error setSupporActionBar(toolbar); , agreguen esta librearía import android.support.v7.widget.Toolbar; en lugar de android.widget.Toolbar;

😃

Diego Michael Zabala Montenegro

student•

Se le agradece infinitamente 😃

Guillermo Navarro

student•

Muchísimas gracias👌

Dany Smoak

student•

Actualizen el curso.

Alex De La Cruz

student•

si por favor !!!

Carlos Andrés Pérez Cifuentes

student•

Para aquellos que probaron los TextInputEditText, agregando texto y pasando al siguiente TextInputEditText, depronto les habrá pasado que si le dan al botón siguiente/enter en el teclado, se genera un salto de línea en el mismo campo, y no el salto al siguiente TextInputEditText, a excepción del de la contraseña que si lo hace; para esto solo basta con agregar la siguiente línea:

<android:inputType="text">

Esteban Novo

student•

Por ejemplo a mi no me reconocia el Toolbar y me decia que no lo soportaba la API, que debería ser la 21 en adelante, pero estoy con la 24, entonces me puse a mirar el código de Platzigram en Github y vi que el IDE me importó otra librería y por eso no reconocía los métodos.

La librería que me agregó el ide es:

import android.widget.Toolbar;

Y la que debemos usar es:

import android.support.v7.widget.Toolbar;

Danny Alfonzo Viana Perez

student•

Desde la clase Activity tambien se puede poner el nombre de la variable y luego crearla en strings.xml

Airam De La Paz Peña

student•

buenas tengo un error constantemente que no consigo solucionar call requieres api 21 current min is 15, ¿alguna idea?

Jesús Nimrod Rodríguez Quelca

student•

Pues solo cambia lo siguiente:
Comenta o borra la parte de -> (import android.widget.Toolbar;)
y sustituirla por -> (import android.support.v7.widget.Toolbar;)

José Tuzinkievicz

student•

Un pequeño atajo para copiar y pegar, es seleccionar el texto y presionar Ctrl + D (de duplicar).

José soriano

student•

como te swicheas entre los archivos del proyecto en el android studio, ya probe con alt+tab en windows y nada es que anahi constantemente se cambie de archivos…

José soriano

student•

para mover entres los archivos en windows ctrl+e, les dejo el link de los atajos en windows

Luz de Luna Gutiérrez Guzmán

student•

¿Puedo utilizar getSupportActionBar().setDisplayShowHomeEnabled(upButton); en vez de .setDisplayHomeAsUpEnabled(upButton);? Ya que me marca error. Gracias

Ann Code

teacher•

Sí puedes 😃

Luis Luis

student•

Gracias, a mi también me saltaba ese error

Miguel Angel Alvarez T.

student•

Una consulta, cuando hice el “createaccount” solo me salio la parte grafica, pero no la parte logica que seria la parte de java.¿saben a que se debe? recién me acabo de dar cuenta.Y por eso no puedo escribir codigo en la parte logica como lo hace Anahi en el minuto 15:29.
![](

Miguel Angel Alvarez T.

student•

osea mi pregunta es ¿ como voy al controlador de CreateAccountActivity? que esta en el minuto 14:53 del video
![](

Ann Code

teacher•

Revisa dentro de la carpeta view ahí parece que está, de hecho está cerrada en tu imagen

Miguel Angel Alvarez T.

student•

En mi caso cuando voy al text del toolbar no me aparece un linearlayout, sino un ConstraintLayout.¿cual es la diferencia entre ambos?
![](

Ann Code

teacher•

Mira este material sobre ConstraintLayout 😃
https://platzi.com/clases/android/concepto/contenido-complementario1761/constraint-layout-vistas-sin-xml/material/

Rene Tabango

student•

excelente…!

Carlos Jesús Fernández Salazar

student•

Recuerda que cuando crees un nuevo Layout File, debes incluir los namespaces (<xmlns…) que necesita.

package com.platzi.platzigram.view;

import android.os.Bundle;
import android.support.design.widget.TextInputLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Patterns;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.platzi.platzigram.R;


public class CreateAccountActivity extends AppCompatActivity implements View.OnClickListener {

    private TextInputLayout tilCorreo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_create_account);
        showToolbar(getResources().getString(R.string.toolbar_title_createAccount),true);

        //Referencia a TextInputLayout til
        tilCorreo = (TextInputLayout) findViewById(R.id.tilCorreo);

        //aqui Referencia al boton btnCreateAccount
        Button btnCreate_Account = (Button) findViewById(R.id.btnCreateAccount);
        btnCreate_Account.setOnClickListener(this);
    }

    private boolean correoValido(String correo){
        //aqui el uso de la expresion regular básico para validar si tiene el formato de correo

        if (!Patterns.EMAIL_ADDRESS.matcher(correo).matches()){
            //aqui se setea el mensaje del error 
            tilCorreo.setError("Correo inválido");
            return false;
        } else {
            tilCorreo.setError(null);
        }
        return true;
    }

    private void validaDatos() {
        String correo = tilCorreo.getEditText().getText().toString();

        boolean correo_valido = correoValido(correo);

        if (correo_valido){
            Toast.makeText(this, "se guarda el registro", Toast.LENGTH_LONG).show();
        }
    }

    public void showToolbar(String title, boolean upButton){
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle(title);
        getSupportActionBar().setDisplayHomeAsUpEnabled(upButton);

    }

    @Override
    public void onClick(View view) {
        validaDatos();
    }
}

Toolbar

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