Development & System

Bottom Navigation View

Posted by in Android, Material Design, Menús

Dentro de las opciones para incluir un menú en una aplicación, la librería de diseño ha incluido un elemento nuevo llamado BottomNavigationBar que permite la interacción directa con elementos sin necesidad de desplegar menos adicionales, con un funcionamiento similar a una barra de pestañas. Desde Google se incide en que es importante que esta barra de inferior se utilice teniendo en cuenta algunos principios: Las opciones de menú estarán entre 3 y 5 items Las opciones deben ser accesibles desde cualquier parte de forma necesaria Nunca utilizarlas para pantallas de…read more

0

Recyclerview Swip

Posted by in Android, Material Design, Tips

En muchas ocasiones los elementos de un recyclerView deben ser eliminados con su consiguiente eliminación de base de datos o de la fuente de los mismos. Esto se puede hacer mediante una pulsación o se puede hacer un efecto de swip (arrastrado lateral) mostrando un icono que indica la acción. Este ejemplo de Recycler View con eliminación mediante swip muestra esta funcionalidad. Para ello se utiliza un objeto de tipo llamado ItemTouchHelper que permite actuar mediante una pulsación en un elemento mediante una interfaz de callback.

El layout perteneciente al…read more

0

Crear una pantalla de entrada con animación

Posted by in Android, Material Design, Tips

La estructura de la aplicación es la siguiente: SplashActivity + activity_splash.xml: Pantalla que muestran logo, un texto y una barra de progreso. Transcurridos 10 segundos se cierra y aparece la primera pantalla utilizable de la aplicación BoardActivity: Pantalla que aparecerá tras la pantalla de inicio Animacion_circulo, animacion_punto, animacion_texto: archivos de animación de cada uno de los elementos que están en la pantalla SplashActivity

Activity_splash

Animaciones

 

0

Crear una pantalla de explicación en Android

Posted by in Android, Material Design, Tips

La estructura de la aplicación es la siguiente: OnBoardActivity + activity_onboard.xml: Actividad principal donde se muestra un viewpager y una barra de botones en la parte inferior Fragment + fragment_activity.xml: 4 fragment de cada una de las pantallas AdaptadorViewPager: Adaptador para que se muevan los fragments que se quieren agregar al viewpager MainActivity

Activity_onboard.xml

AdaptadorViewPager

Fragment

Fragment.xml

Hay que realizar tantos fragments como pantallas tenga Dentro de la carpeta drawable se incluye los siguientes archivos: Circulo_deseleccionado.xml

Circulo_seleccionado.xml

 

0

Coordinator Layout

Posted by in Android, Material Design

La libreria Material Design introdujo numerosos elementos destinados a mejorar la interfaz gráfica y hacerla más interactiva y llamativa al usuarios. Uno de estos elementos es el Coordinator Layout, el cual permite realizar animaciones básicas con multitud de efectos y opciones configurables. En código, el coordinator simplemente es el nodo principal de una jerarquía que controla el comportamiento de los elementos que se incluyen en la misma. Para poder ejecutar las posibilidades del elemento coordinator se realizará sobre un ejemplo básico donde se incluya un AppBarLayout (que permite juntar varios…read more

0

Librerías Imágenes Picasso – Glide

Posted by in Android, Librerías Android, Material Design

La carga de imágenes en android es un proceso pesado que en muchas ocasiones provoca una carga de trabajo extra al dispositivo, tanto en ejecución como en gasto de memoria a la hora de compilar el proyecto. Gracias a librerías como Glide o Picasso esta tarea se facilita ya que las imágenes se cargan desde una URL y se colocan en un contenedor. Lo primero que se debe hacer es apuntar a las librerías correspondientes

Y dar permisos de internet a la aplicación para que se pueda conectar con…read more

0

Librería ButterKnife

Posted by in Android, Librerías Android, Material Design

Una de las tareas más repetitivas a la hora de programar en Android es la de asociar los elementos existentes en el xml con los elementos del .java mediante el método findViewById(int) después de haber asociado la vista a la activity. De esta forma se programaría de la siguiente manera:

El método initGUI hace que el código quede más limpio ya que en él se escriben todas las asociaciones. Pero si en un proyecto completo entre Activities, Fragments, Adaptadores, etc… tenemos multitud de elementos en xml, acaba siendo…read more

0

Recycler View + SQLite3

Posted by in Almacenamiento, Android, Material Design

Para poder rellenar un Recycler View mediante datos obtenidos con desde SQLite se realiza la conexión mediante un SQLiteOpenHelper y mediante un objeto de tipo Cursos se rellena un arraylist que se pasará al adaptador Para este ejemplo se utilizará una base de datos con la existencia de una Tabla de nombre alumnos con los campos _id, nombre, apellido, teléfono. Para ello se crea un SQLiteOpenHelper con esta estructura

Adicionalmente se crea una clase que representa el objeto que tendrá la tabla

El xml que se representará…read more

0

Navigation View

Posted by in Android, Fragments, Material Design

Uno de los menús más utilizados en las aplicaciones son los laterales que se acoplan a la barra toolbar y se abren / cierran según pulsaciones en la misma barra. Este elemento recibe el componente de Navigation View y podrá ser visto bien con desplazamiento izquierda – derecha o contrario. Hay que tener en cuenta que este componente no es nativo del sdk de android sino que pertenece a la librería de soporte. La estructura del xml de la aplicación que utilice un navigation view es la siguiente: DrawerLayout: Componente…read more

0

View Pager

Posted by in Android, Fragments, Material Design

El elemento view pager es uno de los views mas útiles a la hora de trabajar con Fragmentos, ya que junta varios en un mismo marco si necesidad de navegar mediante un botón o un menú, simplemente con desplazar el dedo se tendría la funcionalidad. Lo primero que hay que tener en cuenta es que no se trata de un elemento nativo, por lo que hay que compilar o instalar la librería de soporte

Una vez disponible en el proyecto ya se puede utilizar de forma común. Este elemento…read more

0