Creando nuestros fragments

Clase 35 de 96 • Curso Definitivo de Android 2016

Clase anteriorSiguiente clase

Resumen

Vamos a crear una actividad, fragments para buscar, home y perfil

Para el bottom bar vamos utilizar una librería externa que encuentras en

https://github.com/roughike/BottomBar

Recuerda añadir en el archivo de gradle

compile 'com.roughike:bottom-bar:2.0.2'

Mira cómo implementamos nuestro bottom bar

Recuerda:

Un Fragment se va a parecer a un Activity, pero no son lo mismo.

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
https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html

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

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
https://www.youtube.com/watch?v=aTPwcWQIckw

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:
https://goo.gl/W7ZCjy

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