Desafío 03

Clase 49 de 96 • Curso Definitivo de Android 2016

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.

Usuario anónimo

user•

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 ->

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.

Javi Puc

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:

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>

Javi Puc

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

<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"
    />

<?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" />

<?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" />

Desafío 03

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