Problema: Se quiere implementar una barra en la parte inferior con varios botones (Como Instagram) y cada uno de ellos con el mismo tamaño, ya tenga 3, 4 o 5. Este ejemplo incluye separadores entre grupos de elementos.
Solución:
<LinearLayout
android:id=»@+id/barra_bottom»
android:layout_width=»wrap_content»
android:layout_height=»60dp»
android:layout_alignParentBottom=»true»
android:layout_alignParentLeft=»true»
android:layout_alignParentRight=»true»
android:background=»@drawable/entidades_menu_fondo» >
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″ >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mNotificaciones»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentLeft=»true»
android:layout_alignParentRight=»true»
android:layout_alignParentTop=»true»
android:onClick=»menuBottomNotificacionesClick»
android:padding=»12dp»
android:src=»@drawable/btn_notificaciones» />
<TextView
android:id=»@+id/notificaciones_muro_bottom»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentRight=»true»
android:layout_marginBottom=»10dp»
android:layout_marginRight=»10dp»
android:background=»@drawable/circulo_textview»
android:paddingLeft=»7dp»
android:paddingRight=»7dp»
android:text=»!»
android:textAppearance=»?android:attr/textAppearanceSmall»
android:textColor=»#FFF»
android:textStyle=»bold»
android:visibility=»invisible» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:id=»@+id/separadorMenu1″
android:layout_width=»5dp»
android:layout_height=»match_parent»
android:orientation=»vertical» >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<View
android:id=»@+id/separadorMenu11″
android:layout_width=»1dp»
android:layout_height=»match_parent»
android:layout_marginBottom=»10dp»
android:layout_marginTop=»10dp»
android:background=»@color/gris_separador» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″
android:orientation=»horizontal» >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mAlertas»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentLeft=»true»
android:layout_alignParentRight=»true»
android:layout_alignParentTop=»true»
android:onClick=»menuBottomAlertasClick»
android:padding=»4dp»
android:src=»@drawable/btn_alertas» />
<TextView
android:id=»@+id/mNotificacionesAlertas»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentRight=»true»
android:layout_marginBottom=»10dp»
android:layout_marginRight=»5dp»
android:background=»@drawable/circulo_textview»
android:paddingLeft=»5dp»
android:paddingRight=»5dp»
android:text=»3″
android:textAppearance=»?android:attr/textAppearanceSmall»
android:textColor=»#fff»
android:textStyle=»bold»
android:visibility=»gone» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″ >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mNovedades»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:onClick=»menuBottomNovedadesClick»
android:padding=»4dp»
android:src=»@drawable/btn_novedades» />
<TextView
android:id=»@+id/mNotificacionesNovedades»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentRight=»true»
android:layout_marginBottom=»10dp»
android:layout_marginRight=»5dp»
android:background=»@drawable/circulo_textview»
android:paddingLeft=»5dp»
android:paddingRight=»5dp»
android:text=»3″
android:textAppearance=»?android:attr/textAppearanceSmall»
android:textColor=»#fff»
android:textStyle=»bold»
android:visibility=»gone» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″ >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mEventos»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:onClick=»menuBottomEventosClick»
android:padding=»5dp»
android:src=»@drawable/btn_eventos» />
<TextView
android:id=»@+id/mNotificacionesEventos»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_alignParentBottom=»true»
android:layout_alignParentRight=»true»
android:layout_marginBottom=»10dp»
android:layout_marginRight=»5dp»
android:background=»@drawable/circulo_textview»
android:paddingLeft=»5dp»
android:paddingRight=»5dp»
android:text=»3″
android:textAppearance=»?android:attr/textAppearanceSmall»
android:textColor=»#fff»
android:textStyle=»bold»
android:visibility=»gone» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:id=»@+id/separadorMenu2″
android:layout_width=»5dp»
android:layout_height=»match_parent»
android:orientation=»horizontal» >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<View
android:id=»@+id/separadorMenu22″
android:layout_width=»1dp»
android:layout_height=»match_parent»
android:layout_marginBottom=»10dp»
android:layout_marginTop=»10dp»
android:background=»@color/gris_separador» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″
android:orientation=»horizontal» >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mServicios»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:onClick=»menuBottomServiciosClick»
android:padding=»8dp»
android:src=»@drawable/btn_servicios» />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width=»15dp»
android:layout_height=»match_parent»
android:layout_weight=»1″ >
<RelativeLayout
android:layout_width=»wrap_content»
android:layout_height=»match_parent» >
<ImageView
android:id=»@+id/mProtectoras»
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:onClick=»menuBottomProtectorasClick»
android:padding=»8dp»
android:src=»@drawable/btn_protectoras» />
</RelativeLayout>
</LinearLayout>
</LinearLayout>