Desafío 03

Clase 49 de 96 • Curso Definitivo de Android 2016

Clase anteriorSiguiente clase

Resumen

Crea un BottomNav para versión tablet.

Vespaciano Forero Sanchez

student•

Desafio 3 Listo.

Mateo Zeas Zeas

student•

Tengo un problema, el bottom bar se sobrepone a mi barra de notificaciones. Me pueden ayudar. Intenté poner padding o margin, pero igual queda blanco sobre la barra. Estoy trabajando con el container activity.

https://www.dropbox.com/s/565w8fs3plvj1n9/Desafio3.png?dl=0

Verónica Frías

student•

Yo lo resolvi con paddingTop

Germán Arevalo Jerez

student•

Alguno sabe como hacerlo con BottomNavigationView?

Juan Felipe Lara Martinez

student•

Lo lograste hacer? Porque no he encontrado como cambiarlo de posición.

Germán Arevalo Jerez

student•

No logre hacerlo.

Juan Guillermo Perez Cardozo

student•

lo estoy haciendo con BottomNavigationView , asi que debo investigar mas

Juan Felipe Lara Martinez

student•

Lo lograste hacer?

Juan Guillermo Perez Cardozo

student•

si, necesitas el codigo?.

Johan Manuel Perez Soto

student•

😐😐

Diego Javier Linares Villegas

student•

Chicos alguno ha podido solucionar el inconveniente presentado en el bottom bar con el container (Fragment), de la superposicion, la verdad he estado cambiando en muchas partes pero no da resultado.

Gracias

Diego Javier Linares Villegas

student•

chicos para el desafio tuve que dividir mis layouts en 2 uno para la vista en tablet y otro para la mobile, adicional a eso poner un padding left en los fragments (version tablet) para poder hacer una separacion y no se pusiera encima la barra del menu, quisiera saber si es la forma correcta de hacerlo o hay otras alternativas gracias !

Roberto Cervantes

student•

Imagen

Tengo este mismo problema con este desafio, tienen alguna idea de como se puede resolver el que la bottombar se superpone a los fragmentos.

Gracias de antemano.

Francisco Daniel Lara Pereira

student•

Hola chicos, tengo un pequeño problema al pasar este desafío.

Imagen del Problema

Como pueden observar la bottombar se coloca encima de mi container si voy al layout activity_container y cambio el padding por un left, se mueve todo.

¿Esto quiere decir que tendría que adaptar todo nuevamente para la vista tablet, me parece un poco confuso ya que debería de funcionar para ambos.

¿A menos que cree layouts para tablets?

Me dan una mano con eso, gracias.

Francisco Daniel Lara Pereira

student•

Lo he solucionado, gracias.

Jair Israel Avilés Eusebio

student•

¿como fue que lograste solucionar ese problema?

Carlos Andrés Millan Satizabal

student•

Ya hice el desafío, pero me aparece como una barra fantasma al lado del BottomBar.

que podrá ser?

Carlos Fernando Pinzón Jáimes

student•

Pon el código para ver qué puede ser.

Marcos Mares Brunet

student•

Como la libreria que dice anahí esta abandonada y la de NavigationBottomView de google no sirve (Creo) para este caso, se puede intentar añadir esta funcionalidad ->
https://nganthony.github.io/2016/01/24/implementing-android-mini-navigation-drawer.html
que es la que usan aplicaciones como Gmail puede que en esta app no sea la mas adecuada pero para otras en el futuro puede estar genial! bien hecho queda muy chulo!

Emmanuel Guerra Sánchez

student•

Alguien implementó la versión pero con BottomNavigationView??

Carlos Fernando Pinzón Jáimes

student•

Yo, lo estoy intentando en éste momento con BottomNavigationView y el uso de res/layout-land.

Voy bien, la barra se me ubica a la izquierda cuando pongo el celular en landscape y los fragments que cargan las imágenes se me cuadran perfecto a la derecha del BNV. El issue que tengo en éste momento es que los tres íconos de la BNV se sobreponen en el centro, estoy mirando como acomodarlos uno encima de otros.

ajpy 08

student•

Alguien podría compartir como queda este desafió? ya vi la documentacion en en la parte de Tablets pero no encuentro la manera

Jose Cormane

student•

La forma como lo resolví fue la siguiente:
Primero me fijé en como esta en la documentación: https://github.com/roughike/BottomBar#what-about-tablets

Luego como son dos versiones de pantalla tienes que crear un nuevo layout de bottombar en un directorio layout-sw600dp

Esto me genera un nuevo bottombar, así se ve en el árbol de resource

A esta nueva variación de bottombar colocas el siguiente código.

<com.roughike.bottombar.BottomBar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/bottomBar"
    android:layout_width="@dimen/bottombar_width"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    app:bb_inActiveTabColor="@color/colorWhite"
    app:bb_activeTabColor="@color/colorWhite"
    app:bb_tabXmlResource="@xml/bottombar_tabs"
    app:bb_tabletMode="true"
    />

Lo único que cambia con respecto al bottombar mobile es

android:layout_width="@dimen/bottombar_width"
android:layout_height="match_parent"
app:bb_tabletMode="true"

Ya con esto se resuelve la mitad del trabajo, si lo revisas te saldrá el bottombar pegado al contenido. Para resolverlo pasé el FrameLayout que está en activity_container a un nuevo archivo de layout, para crear dos versiones (una para mobile y otra para tablet), crea el layout de tablet en el directorio layout-sw600dp:

Quedando en los layout en el arbol así:

Versión Mobile

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/bottomBarHeight" />

Versión Tablet

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/bottombar_width" />

Luego llamar ese nuevo layout con include en activity_container

<include layout="@layout/framelayout"></include>

ajpy 08

student•

Muchísimas gracias por tu tiempo y atención amigo

jesus Encinas

student•

Hola, no puedo correrlo con el emulador al darle click en login me da error:
java.lang.IllegalArgumentException: No view found for id 0x7f08003d (platzigram.com.encinas.platzigram:id/container) for fragment HomeFragment{3dfd2e8 #0 id=0x7f08003d}

Haciendo prueba con un celular si me funciona bien.

jesus Encinas

student•

Ya me funciono en el emulador , no tenia un id en un framelayout sw600dp