Creando nuestros fragments

Clase 35 de 96 • Curso Definitivo de Android 2016

Andres David Serrano

student•

Para actualizar un poco les comento que a finales de septiembre
Google libero la libreria oficial de BottomNaviationView esta soportada desde el SDK 25.2.2

Documentacion

Ejemplo :

Andres Mauricio Rubiano Del Chiaro

student•

Excelente recurso. Gracias!

Carlos Baron Baron Baron

student•

Esta seria el recurso que debemos verificar en gradle
compile ‘com.android.support:design:25.1.1’

Juan Luis Sánchez Cardoza

student•

Un TIP: Les recomiendo usar iconos creados en .xml desde el mismo Android. Click derecho en la carpeta Drawable > New > Vector Asset. Solo seleccionan el icono y listo. Desde mi punto de vista se ven en mejor calidad que los descargados en internet de páginas gratuitas… Aquí un ejemplo:

samuel sanchez castillo

student•

solo hizo esos pasos no hay que hacer mas nada adicional lo estoy intentando pero no me sale nada me sale la barra en blanco

Leonardo Rodrigo Maldonado López

student•

tendras que modificar el archivo xml del drawable ponerle el color blanco y creo que el tamaño

Diego Noj

student•

Hola a todos yo use BottomNaviationView en lugar de BottomBar

aka los codigos

<code>
<android.support.design.widget.BottomNavigationView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:design="http://schemas.android.com/tools"
    android:id="@+id/bottonbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottombar_height"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom|end"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@color/white"
    app:itemTextColor="@color/white"
    app:menu="@menu/bottonnavigationview_menu"
    />

y la lista

<code>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/search"
        android:title="@string/tab_search"
        android:icon="@drawable/ic_search"
        />
    <item
        android:id="@+id/home"
        android:title="@string/tab_home"
        android:icon="@drawable/ic_home"
        />
    <item
        android:id="@+id/profile"
        android:title="@string/tab_profile"
        android:icon="@drawable/ic_user"
        />
</menu>

Oscar Stevens Cuartas Bejarano

student•

donde pusiste el XML de los tabs? a mi a la fecha no me aparece la carpeta XML y no se entonces donde se ponen esos recursos, que horrible esa actualizadera de android

Diego Noj

student•

BottomNaviationView es igual lo crear es el XML de tu fragment
ten este video lo explican muy bien solo lo incomporas al proyecto y ya

Wilson Gustavo Chango Sailema

student•

bottonnavigationview.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.BottomNavigationView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:design="http://schemas.android.com/tools"
    android:id="@+id/bottombar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottombar_height"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom|end"
    android:background="@color/colorPrimary"
    app:itemIconTint="@android:color/white"
    app:itemTextColor="@android:color/white"
    app:menu="@menu/bottonnavigationview_menu"
    />

bottonnavigationview_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/search"
        android:title="@string/tab_search"
        android:icon="@drawable/ic_search1"
        />
    <item
        android:id="@+id/home"
        android:title="@string/tab_home"
        android:icon="@drawable/ic_home"
        />
    <item
        android:id="@+id/profile"
        android:title="@string/tab_profile"
        android:icon="@drawable/ic_profile"
        />
</menu>

activity_container.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.ContainerActivity">
    <include layout="@layout/bottomnavigationview"></include>
</RelativeLayout>

Facundo Nicolás García Martoni

teacher•

GENIO TOTAL

Christian Magro

student•

Muy agradecido.Saludos

Antonio gamboa

student•

sabemos que BottomNavigationView salio despues de este curso, pero creo que para mejorar el contenido de platzi se puede editar este video o actualizarlo pues BottomNavigationView es muy importante, ademas bottomBar esta descontinuado por su creador

Henry Uldemar Calderon Salazar

student•

Por si les interesa acá un video que me sirvió de base para poder trabajar la librería BottomNavigationView https://www.youtube.com/watch?v=mJAU7TLTTz8

Marvin

student•

Hola, creo que el uso de fragments es muy importante ya que ayuda a desacoplar componentes de la aplicacion. Sin embargo, creo que se deberia de profundizar en el hecho de crear interfaces para pasar mensajes (No solo cadenas de texto sino objetos complejos) entre fragments o actividades. En alguna parte del curso se piensa en hablar de envio de mensajes?

Saludos.

Oscar Stevens Cuartas Bejarano

student•

quede ULTRA PERDIDO el control apaerce como DEPRECATED en el git hub, el editor dice que ya se libero oficialmente, pero intento usarlo guiandome por lo que hace la profesora y nada no me da, ah y la carpeta XML no existe ya, por ningun lado la veo

Dany Ladino

student•

yo tenia el mismo problema, lo soluciones cambiando la palabra compile ‘com.roughike:bottom-bar:2.3.1’, por implementation ‘com.roughike:bottom-bar:2.3.1’

Jhonn Sebastian Quiroz Pirazan

student•

Gracias

Cristian Javier Lizardìa

student•

Buenas a todos! Les comento que tenia un problema con el BottomNavigationView. En el preview del IDE se veia bien pero al correr la app no aparecia. Probando cosas vi que en XML bottombar en lugar de usar
design:menu="@menu/bottombar_tabs"
utilice
app:menu="@menu/bottombar_tabs"
y esto me lo soluciono. el problema. Espero les sirva!
Saludos.

Jaime Alexander Uribe Uribe

student•

Me sirvió muchooo… gracias

Daniel Vicente Vergara Suarez

student•

Cuando harán actualización de este curso, es excelente, pero hay cosas que han cambiado

Daniel Vicente Vergara Suarez

student•

¿Cuando harán actualización de este curso?, el curso es excelente y Anahí y genial como profesora, pero hay cosas que han cambiado en Android Studio y a veces tienden a salir muchos errores

Juan Guillermo Perez Cardozo

student•

favor actualizar el curso, ya existe una libreria nativa de android studio: https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html y la importas a tu proyecto con: implementation ‘com.android.support:design:28.0.0’ en gradle/ module:app ya que compile se usaba en versiones anteriores de android studio

Alfonso Navarro

company_admin•

Excelente, hasta ahora, me costo un poco con la nueva version dar con el punto, pero a la final pude, este video me ayudo mucho:

https://www.youtube.com/watch?v=aTPwcWQIckw

Muchas gracias AnnCode.

Luis Angel Martinez Cornejo

student•

Si ayuda, Gracias !!!!

Camilo Acevedo Escalante

student•

Que se puede mejorar??

public void logIn(View view){
        Intent intent = new Intent(this, ContainerActivity.class);

        String username = "camilo";
        String password = "12345";

        EditText u = (EditText) findViewById(R.id.username);
        EditText p = (EditText) findViewById(R.id.password);


        if((username.isEmpty()) || (password.isEmpty())){

            Context context = getApplicationContext();
            CharSequence text = "Ingresa usuario y constraseña";
            int duration = Toast.LENGTH_SHORT;

            Toast toast = Toast.makeText(context, p.getText(), duration);

            toast.show();
        }else {
            if((username.equals(u.getText().toString())) && (password.equals(p.getText().toString()))){
                startActivity(intent);
            }else{
                Context context = getApplicationContext();
                CharSequence text = "Usuario y/o contraseña errados!";
                int duration = Toast.LENGTH_SHORT;

                Toast toast = Toast.makeText(context, text, duration);

                toast.show();
            }
        }

    }```

Daniel Beteta Francisco

student•

Me parece que está todo correcto.

Gracias por tu aporte 😃

Julio Urian

student•

Sobre el BottomNavigationView:
Guía

Ricardo Castañeda Gomez

student•

al dar click en el botón login, se cierra mi aplicación que estaría causando ese error ?

Sofia Tejerina

student•

Seguramente este tirando una exception, te muestra algun cartel al hacerlo o simplemente se cierra?

Abner Batz

student•

sere yo? cuando adelanto o atraso, ya no hay audio y se acelera el video. ¿sere yo?

Ricardo Azpeitia P.

student•

Te pasa en los dos servers?

Abner Batz

student•

sip!, pero igual, así le seguí y ya pasé la lección .

Renny Galindez

student•

Dentro de un RelativeLayout funciona perfecto pero en un ConstraintLay se queda arriba!

Israel Villa Amezcua

student•

Hola buen día necesito ayuda lo que pasa que realice todo el procedimiento que se muestra en el vídeo y me va dos errores uno es la importación de las clases R, donde la letra “R” se pone de color roja y la importación de librería de clase R se pone en gris.

El otro error me da con el android:layout_gravity=“bottom│end”, les muestro una captura de pantalla:

Uriel Ramírez

student•

La clase R de Android desaparece cuando nuestra vista está mal, muchas veces no es por sintaxis, si no toca limpiar todo el proyecto.

Oscar Stevens Cuartas Bejarano

student•

la carpeta XML ya no existe a la fecha.

Alfonso Navarro

company_admin•

Esa carpeta tienes q crearla, no viene por defecto en el proyecto

<code>
<android.support.design.widget.BottomNavigationView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:design="http://schemas.android.com/tools"
    android:id="@+id/bottonbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottombar_height"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom|end"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@color/white"
    app:itemTextColor="@color/white"
    app:menu="@menu/bottonnavigationview_menu"
    />

<code>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/search"
        android:title="@string/tab_search"
        android:icon="@drawable/ic_search"
        />
    <item
        android:id="@+id/home"
        android:title="@string/tab_home"
        android:icon="@drawable/ic_home"
        />
    <item
        android:id="@+id/profile"
        android:title="@string/tab_profile"
        android:icon="@drawable/ic_user"
        />
</menu>

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.BottomNavigationView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:design="http://schemas.android.com/tools"
    android:id="@+id/bottombar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottombar_height"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom|end"
    android:background="@color/colorPrimary"
    app:itemIconTint="@android:color/white"
    app:itemTextColor="@android:color/white"
    app:menu="@menu/bottonnavigationview_menu"
    />

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/search"
        android:title="@string/tab_search"
        android:icon="@drawable/ic_search1"
        />
    <item
        android:id="@+id/home"
        android:title="@string/tab_home"
        android:icon="@drawable/ic_home"
        />
    <item
        android:id="@+id/profile"
        android:title="@string/tab_profile"
        android:icon="@drawable/ic_profile"
        />
</menu>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.ContainerActivity">
    <include layout="@layout/bottomnavigationview"></include>
</RelativeLayout>

public void logIn(View view){
        Intent intent = new Intent(this, ContainerActivity.class);

        String username = "camilo";
        String password = "12345";

        EditText u = (EditText) findViewById(R.id.username);
        EditText p = (EditText) findViewById(R.id.password);


        if((username.isEmpty()) || (password.isEmpty())){

            Context context = getApplicationContext();
            CharSequence text = "Ingresa usuario y constraseña";
            int duration = Toast.LENGTH_SHORT;

            Toast toast = Toast.makeText(context, p.getText(), duration);

            toast.show();
        }else {
            if((username.equals(u.getText().toString())) && (password.equals(p.getText().toString()))){
                startActivity(intent);
            }else{
                Context context = getApplicationContext();
                CharSequence text = "Usuario y/o contraseña errados!";
                int duration = Toast.LENGTH_SHORT;

                Toast toast = Toast.makeText(context, text, duration);

                toast.show();
            }
        }

    }```

Creando nuestros fragments

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